/* Main Styleshit*/
:root {
  --sliderbg: rgba(223,226,229,0.75);
  --labelbg: rgba(223,226,229,0.9);
  --midnight-green: #052E37;
  --midnight-green-80-: #37585F;
  --midnight-green-30-: #9BABAF;
  --midnight-green-10-: #E6EAEB;
  --midnight-green-5-: #F3F5F5;
  --lime: #BFCE40;
  --gsaprimB: rgb(191,206,64);
  --gsaprimBlight: rgb(249,250,237);
  --gsaakzent: rgb(169,42,78);
  --gsaakzentlight: rgb(248,234,236);
  
  /* Colors: */
--berry: #A92A4E;

--lime-20-: #F2F5D9;


--unnamed-color-5ac0ff: #5AC0FF;

/* Font/text values */
--unnamed-font-family-source-sans-pro: Source Sans Pro;
--unnamed-font-family-weissenhof-grotesk: Weissenhof Grotesk;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-medium: medium;
--unnamed-font-size-16: 16px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-22: 22px;
--unnamed-font-size-26: 26px;
--unnamed-font-size-34: 34px;
--unnamed-font-size-43: 43px;
--unnamed-font-size-56: 56px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-23: 23px;
--unnamed-line-spacing-32: 32px;
--unnamed-line-spacing-35: 35px;
--unnamed-line-spacing-48: 48px;
--unnamed-line-spacing-57: 57px;
--unnamed-line-spacing-75: 75px;

  
}

.h2 {
font-family: var(--unnamed-font-family-weissenhof-grotesk);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-43);
line-height: var(--unnamed-line-spacing-57);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}
.h1 {
font-family: var(--unnamed-font-family-weissenhof-grotesk);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-56);
line-height: var(--unnamed-line-spacing-75);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}
.h3 {
font-family: var(--unnamed-font-family-weissenhof-grotesk);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-34);
line-height: var(--unnamed-line-spacing-48);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}
.h4 {
font-family: var(--unnamed-font-family-weissenhof-grotesk);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-26);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}
.bildunterschrift {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-23);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}
.anmerkungen {
font-family: var(--unnamed-font-family-weissenhof-grotesk);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-5ac0ff);
}
.fließtext {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-32);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}
.introtext {
font-family: var(--unnamed-font-family-weissenhof-grotesk);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-medium);
font-size: var(--unnamed-font-size-22);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--midnight-green);
}


html,
body,
#portal,
#contentwrap,
#col_main,
#main_container,
#sliderImg,
#mainGraphic {
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
}

sliderwrapper_dtp/* Normalize margin, padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,
blockquote,table,th,td {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
ol,ul,li {
  list-style: none;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,img {
  border: 0;
}
caption,th {
  text-align: left;
}
q:before,q:after {
  content: '';
}
body {
  font-size: 100%;
  background-color: white;
  font-family: "Source Sans Pro";
  color: var(--midnight-green);
}

/* cor st 20220830  box-sizing fuer Zusammenspiel mit bootstrap*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

div.clearfix {
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
}

#contentwrap {
  position: relative;
}

#col_left {
  z-index: 2;
  float: left;
  height: 95vh;
}
#col_leftcontent {
  padding-right: 1px;
}
#geo {
  margin-top: 2em;
  margin-bottom: 1em;
}
#col_main {
  z-index: 2;
  float: left;
}
#main_container {
  margin: 0 0 0 auto;
}
.clearer {
  clear: both;
}

/* allgemeine Klassen */
.gsadarkbackground {
   background-color: var(--midnight-green);
}
.gsabackground {
   background-color: var(--midnight-green-10-);
}
.gsaakzentcolor{
  color: var(--gsaakzent);
}

.gsaprimBlightcolor {
  background-color: var(--gsaprimBlight) !important;
}

.closebtn {
  background-color:var(--gsaakzent);
  color: var(--gsaprimBlight)
}

/* Positionierungs-div fuer .portal-globalnav */
#globalnav-wrapper {
  height: 80px;
  background: var(--midnight-green) 0% 0% no-repeat padding-box;
  z-index: 100000;
  visibility:visible;
  width:100%;
  position: relative;
}
div#menuspacer {
  width: 180px;
  min-width: 180px;
  float: left;
}
/* Hauptnavigation - ul-Liste, horizontal */
.portal-globalnav {
  border-left: 1px solid #575556;
  height: 80px;
/*  padding:27.5px;*/
  float: left;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
/*   flex-direction: column; */
}

.portal-globalnav li {
  border:0;
  padding:0;
/*  border-left: 1px solid #ffffff;
  border-right: 1px solid #575556;*/
  margin: 0;
  float:left;
/*  padding:27.5px;*/
  
}

.portal-globalnav li.fake {
  border:0;
  padding:0;
  border-left: 1px solid #ffffff;
  margin: 0;
  float:left;
}
.portal-globalnav li.fake div {
  padding: .3em 1em .3em 1em;
  font-size: .75em;
  margin-bottom: .25em;
}

.portal-globalnav li a {
  display: block;
  text-align:center;
  padding: .1em .4em .1em .4em;
  margin: 0;
  white-space: normal;
  text-decoration: none;
  color: #ffffff;
}
/* Navigationspunkte */
.portaltab-aktuell.plain a {
    height: 80px;
      display: flex;
   align-items: center; 
/*   justify-content: center; */
  font: normal normal normal 20px Source Sans Pro;
/*  letter-spacing: 0.08px;*/
  background-color:var(--midnight-green);
  color: #ffffff;
  min-width: 100px;
  padding: 12px 15px 15px;
}

/* styling ausgewaehlter Hauptnavigationspunkt */
/*.portaltab-aktuell.selected a {
  background-color:var(--midnight-green);
  color: #ffffff;
  font: normal normal normal 14px/20px Source Sans Pro;
  letter-spacing: 0.08px;
  background-repeat:repeat-x;
  background-position:center center;
}*/

.portaltab-aktuell.plain a:hover {
  height: 80px;
  display: flex;
  align-items: center;
/*   justify-content: center; */
  background-color:var(--lime);
  color: var(--midnight-green);
  font: normal normal normal 20px Source Sans Pro;
/*  letter-spacing: 0.08px;*/
  background-repeat:repeat-x;
  background-position:center center;
  padding: 12px 15px 15px;
}

.portaltab-aktuell:hover  .dropdown-content_kelag{
  display : block;
/*  align-items: center;
  justify-content: center;
  flex-direction: column;*/
}

.portaltab-aktuell  .dropdown-content_kelag .rcmenue {
  height: 40px;
  display: flex;
  align-items: center;
/*   justify-content: center; */
  background-color: var(--midnight-green);
  color: #fff;
  font: normal normal normal 20px/20px Source Sans Pro;
  letter-spacing: 0.08px;
  background-repeat:repeat-x;
  background-position:center center;
  border-left: solid 10px var(--midnight-green);
}

.portaltab-aktuell  .dropdown-content_kelag .rcmenue:hover{
  height: 40px !important;
  display: flex;
  align-items: center;
/*   justify-content: center; */
  background-color: #fff;
  color: var(--midnight-green);
  font: normal normal normal 20px/20px Source Sans Pro;
  letter-spacing: 0.08px;
  background-repeat:repeat-x;
  background-position:center center;
  text-decoration: none;
  border-left: solid 10px var(--lime);
}

/*Left colum styling*/

#leftmenus {
  margin: .5em 0;
  font: normal normal normal 14px/20px Source Sans Pro;
/*  font-family: "Verdana", "Tahoma", Sans;*/
  /* font-size: .6875em; */
}
ul#leftmenu {
  margin: .5em 0;
}
ul#leftmenu li {
  border-bottom: 1px solid #d1d1d1;
}
ul#leftmenu li.first {
  border-top: 1px solid #d1d1d1;
}
ul#leftmenu li.selectitem {
  background-color: var(--gsaprimBlight);
}
ul#leftmenu li.selectitem a {
  color: var(--gsaakzent);
  font-weight: bold;
}

ul#leftmenu li a {
  display: block;
  padding: 4px 6px;
  color: var(--midnight-green);
  text-decoration: none;
}
ul#leftmenu li a:hover,
ul#leftmenu li a.selected {
  background-color: var(--gsaprimBlight);
  color: var(--lime);
  font-weight: bold;
}
#header img {
  display: block;
}

.leftcolbtn30 {
  width:30%;
  text-align:center;
  font: normal normal normal 10px/18px Source Sans Pro;
}
.leftcolbtn90 {
  width:90%;
    font: normal normal normal 14px/18px Source Sans Pro;
/*   font-size: 14px; */
}
/*cor st 20231228*/
.sthover{
/*   cursor: context-menu; */
  letter-spacing: 0.08px;
  color:var(--midnight-green);
  background-color:#fff;
  border:1px solid var(--midnight-green);
  margin-bottom:2px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
}
.sthover:hover {
   cursor: pointer; 
  background-color: var(--gsaprimBlight);
}

/* ------------- impressum ----------------- */
#impressum {
  margin-left: .625em;
  margin-bottom: 1em;
  font-size: 0.8rem;
}
#bmwf {
  color: #666;
  font-size: .625em;
  margin-left: .625em;
  margin-bottom: 2em;
}
div#bmwf img {
  margin-top: 5px;
}
div#impressum a {
  color: #408ebf;
  text-decoration: none;
}
div#impressum a:hover {
  text-decoration: underline;
}

/*+++++++++++++++++++++ NEW Desktop Layerlist ++++++++++++++++++++++*/

.lyn-item {
  font-size: 100%;
  width: 100%;
  border: solid 1px var(--midnight-green);
}

.lyn-link {
  display: block;
  padding: 0.375em 1em; /*cor st 20231228*/
  background-color: var(--gsaprimBlight);
/*     background-color: rgba(248,248,248,0.5); */
  color:var(--midnight-green); 
  font-size: 14px;
  line-height: 1.0em;
  font-weight: 150;
  text-decoration: none;
}
.lyn-link:hover{
  font-weight: bold;
}

/* generic classes */

.bold {
  font-weight: bold;
}

/*div.selected,
div.selected a,
li.selected {
  font-weight: bolder;
  background-color: #e0e0e0;
  color: black;
}*/

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
 /* zoom: 1; */
}

/* Elements from wetterportale.css */

a.none, a.selected {
  font-weight:normal;
  text-decoration:none;
  padding-top:0.3em;
}
li.navitem1 {
  float:left;
}

li.navitem_sel { float:left; }

a.none {
  color:#22618c;
  padding-left:0.2em;
  padding-right:0.2em;
/*  border-right:1px solid #ffffff;
  border-bottom: #ccc 0.1em solid;*/
  background-color: #fff;
 }
a.selected {
  color:#ffffff;
  font-size:0.75em;
/*border:0px solid var(--midnight-green);*/ 
  font-weight:bold;
  padding-left:0.2em; 
  padding-right:0.2em; 
  padding-bottom:0.1em;  
  border-right:1px solid; 
  border-bottom: #ccc 0.1em solid; 
  background-color: #22618c;
 }
a.none:hover { 
  background-color: #ffffff;
  text-decoration:underline; 
 }
a.selected:hover { 
  text-decoration:underline; 
}

#navBarPortal { 
  background-color: #353e47;
  list-style-type:none; 
  list-style-position:outside; 
  display:block; 
  bottom:5px; left:0px; 
  line-height:1.9em;
  border-bottom:-1px; /*min-width:50em;*/ 
  max-width:76em; 
  overflow:visible; 
  z-index:99; 
 }

#mainGraphic {
  top:0px; 
  text-align:left;
  position:relative;
/*  margin-bottom:1em;*/
}

.svglogo_dtp { 
  position: absolute;
  right:58px;
  z-index: 5;
  background-color: rgb(255,255,255); 
  opacity:0.8;
/*  height:80px;
  width:67px;*/
}
.svglogo_mob { 
  position: absolute;
  right:5px;
  z-index: 5;
    background-color: rgb(255,255,255); 
  opacity:0.8;
}

#copyright {
  clear:left; 
  text-align:left;
  padding-top:1.5em;
}

div#warnlink {
  margin-left:0.625em;
  border-width:0px;
  width:150px;
  font-weight:bolder;
  padding-bottom:2px
}
/* cor st 20220830 */
#warnlink img {
  padding-bottom:0px;
 }
 #warnlink p {
  padding-bottom:2px
} 
#warnlink a {
  border-collapse:collapse;
}

form.Navigation  {
  width:100px;
  margin-top:100px;
}

button.Navigation  {
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:#98b5cb;
  padding:1px;
  height:25px;
  width:100px;
  font-size: 70%;
  color: black;
}
button.Navigation:hover {
  background-color:#ccc;
  font-size: 80%;
  color: red;
}

.portallabel {
  min-width: 90%;
  border-radius: 3px;
/*  border: 1px solid #D1D3D4;*/
  white-space: nowrap;
}

div#label {
  color: var(--midnight-green);
}

.printable {
  border: 1px dotted #CCCCCC ;
  padding: 10px 10px 10px 10px ;
}

/* added st 20170627 label in center of Map */

#paramenu {
  padding:0.25em;
}

#centerstinfo {
  height:0px;
  position:absolute;
  width:100%;
  z-index:1000;
/*   text-align:center; */
  visibility:hidden;
}

.centerLabel {
  position: relative;
  display: inline-block;
  background-color: var(--midnight-green-10-);
  padding: 0.3em;
}

.centerLabel_dtp {
  margin-top: 10px;
    left: 40px;
  position: relative;
  display: inline-block;
 font: normal normal normal 16px/16px Source Sans Pro;
  background-color: var(--midnight-green);
  color: #fff;
  padding:0.3em;
}

.centerLabel_mob {
  position: relative;
  display: inline-block;
  background-color: var(--midnight-green);
   font: normal normal normal 16px/16px Source Sans Pro;
  padding:30px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: 0.85;
  width: 100%;
  text-align: center;
}

@media screen and (orientation: portrait) {
  #sliderImg {
    height: 98% !important;
  }
  .centerLabel_mob {
    font-size: 2vh;
  }
  .nav-top{
    top:5em !important;
  }
  .nav-top2{
    top:9em !important;
  }
  .nav-top3{
    top:13em !important;
  }
  .nav-top4{
    top:17em !important;
  }
  .nav-drill{
    top:5.1em !important;
  }
}

@media screen and (orientation: landscape) {
  .centerLabel_mob {
    font-size: 140%;
  }
/*  .nav-top{
    top:1em !important;
  }*/
  .nav-top2{
    top:5em !important;
  }
  .nav-top3{
    top:9em !important;
  }
  .nav-top4{
    top:13em !important;
  }
  .nav-drill{
    top:5.1em !important;
  }
}

/*testing things for better view at mobile devices*/

.dropbtn {
  background-color: rgba(0,0,128,0.95);
  color: white;
  padding: 20px;
  font-size: 20px;
  border: none;
  cursor: pointer;
  margin: 2px;
  width: 90%;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

.dropdown {
  display: inline-block;
  /* float:left; */
  z-index: 1001;
  width: 100%;
  padding-top: 1%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    font-size: 200%;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content_kelag {
    background-color: #f9f9f9;
    display: none;
    font-size: 100%;
    min-width: 100px;
    overflow: auto;
    position: absolute;
/* COR ST 20230911 Menue verschwindet hinter Legende -> z-index erhoeht */
    z-index: 100;
/*  COR ST 20230426 Hoehenbegrenzung der Menues    */
    max-height: 90vh;
    width: 300px;
  }
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown a:hover {background-color: #f1f1f1}

.show {display:block;}
.dropdown_show{display:block;}
.sidenav {
    height: 100%; 
    width: 0;
    position: fixed;
    z-index: 1;
/*     top: 1%; */
    left: 0;
    background-color: rgba(230,241,247,0.98);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 5%;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #AA0000;
}

.sidenav .closebtn {
/*     position: absolute; */
    top: 0;
    right: 10px;
    font-size: 48px;
    margin-left: 10px;
}

.timebtn {
    background-color: rgba(0,0,128,0.8);
    color: white;
    padding: 10px;
    font-size: 20px;
    border: none;
    cursor: pointer;
}

/* Sliderbuttons */

#stepBack_dtp{
  float: left;
  margin-left: 13px; 
  margin-right: 10px; 
  width: 32px;
  height: 32px
}

#stepFwd_dtp{
  float: right;
  margin-left:   10px; 
  margin-right: 13px; 
  width: 32px;
  height: 32px;
}
#stepBack_mob{
  float: left;
  margin-left: 13px; 
  margin-right: 10px; 
  width: 4em;
  height: 4em;
}

#stepFwd_mob{
  float: right;
  margin-left:   10px; 
  margin-right: 13px; 
  width: 4em;
  height: 4em;
}
.btnTime_dtp{
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--midnight_green);
  height:32px;
  width: 32px;
 }
 
.btnTime_mob{
  background-repeat: no-repeat;
  background-position: center;
/*   background-color: rgba(32,92,144,0.99); */
/*
  height:5vh !important;
  width: 4em !important;*/

  height:60px !important;
  width: 60px !important;
  pointer-events: auto;
 } 

.timebtnbck{
  background-image: url("./_IMG/slidergsa/pageprevious.gif");
}

.timebtnfwd{
  background-image: url("./_IMG/slidergsa/pagenext.gif");
}

/* Slider */
.slider_dtp {
  float: left;
  margin-left: 30px;
  width: calc(100% - 191px);
}

.slider_mob {
  float: left;
  margin-left: 30px;
  width: calc(100% - 250px);
}

/* leftmenue optimize for mobile use*/
.stdrpdct_dtp{
  display: none;
  position: absolute;
  min-width: 170px;
}

.stdrpdct_mob{
  display: none;
  position: absolute;
  min-width: 180px;
}

.select_mapprop_dtp:hover .stdrpdct_dtp{
  display: block;
  z-index: 1001;
  background-color: rgba(255,255,255,0.99);
  position: absolute;
  width: 170px;
  padding-bottom: 10px;
}

.select_mapprop_mob .stdrpdct_mob{
  display: block;
  z-index: 1001;
  background-color: rgba(255,255,255,1.0);
  width: 100%;
  margin: 0 auto;
  padding:0;
}

/*#selectOverlay:hover label,*/
#selectRegion:hover label{
    width: 90%;
}

/* desktop specific */

.col_main_dtp{
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px); 
}

.col_left_dtp{
    width: 180px;
}

.col_leftcontent_dtp{
  padding-top:10px;
}

.select_maplayer_dtp,
.select_mapprop_dtp{
  margin-bottom:10px;
  margin-left:5px;
  font-size:14px;
    width: 190px;
}

/* mobile specific */
.col_main_mob{
/*  width: 99%;*/
  width: 100%;
}

.col_left_mob{
  display:none;
  width: 100%;
  margin-top: 80px;
  background-color: rgba(255,255,255,0.1) !important;
  float: none !important;
  height: calc(95vh - 80px) !important;
}
.col_leftcontent_mob{
  padding-top:100px;
}

.select_maplayer_mob,
.select_mapprop_mob{
  width: 100%;
  margin-bottom:10px;
  font-size:2em;
}

#btn_mobmenu {
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
  z-index: 65000;
}

.overflowlab{
  overflow: hidden;
  text-overflow: ellipsis !important; 
}

.overflowlab:hover{
  overflow: visible;
  text-overflow: inherit; 
  font-weight:bold;
  color: rgba(0,0,0,0.9) !important;
}

div#sliderwrapper_dtp {
   background-color: var(--midnight-green-5-);
/*   bottom: 0;*/
   padding-top: 0.5em;
   position: absolute;
   width:100%;
   z-index: 3;
}

div#sliderwrapper_mob {
   background-color: var(--sliderbg);
    bottom: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    position: absolute;
    width:100%;
    z-index: 4;
}

/* bh 20171102 slider */

div#sliderbox a {
    display: block;
}
div#stepBack {
    float: left;
    margin-left: 0.25em;
    margin-right: 0.5em;
}
div#stepFwd {
    float: right;
    margin-left: 0.5em;
    margin-right: 0.25em;
}
div#startAnimation {
    margin-right: .5em;
    float: right;
}
span.sliderNavBtn {
    display: block;
    height: 40px;
    width: 40px;
}
#slider {
    height: 40px;
    margin-left: 5em;
    margin-right: 9em;
}
div#slider span.ui-slider-handle {
    height: 40px;
    width: 40px;
}
span#buttonFwd.sliderNavBtn {
/*   background-image: url("./_IMG/slidergsa/pageforwardb.png"); */
/*     background-image: url("./_IMG/slidergsa/Forward.svg"); */
    background-image: url("./index.php?op=getPageResource&pa=_IMG/slidergsa&i=Forward.svg");
    background-size: 12px;
}
span#buttonBack.sliderNavBtn {
/*  background-image: url("./_IMG/slidergsa/pagepreviousb.png");*/
/*   background-image: url("./_IMG/slidergsa/Backward.svg"); */
  background-image: url("./index.php?op=getPageResource&pa=_IMG/slidergsa&i=Backward.svg");
  background-size: 12px;
}
.ui-icon-playX {
/*  background-image: url("./_IMG/slidergsa/playb.png");*/
/*  background-image: url("./_IMG/slidergsa/Play.svg");*/
  background-image: url("./index.php?op=getPageResource&pa=_IMG/slidergsa&i=Play.svg");
  background-size: 12px;
}
.ui-icon-pauseX {
/*  background-image: url("./_IMG/slidergsa/Pause.svg");*/
  background-image: url("./index.php?op=getPageResource&pa=_IMG/slidergsa&i=Pause.svg");
  background-size: 12px;
}

span.ui-slider-handle.ui-state-active {
  background-image: none !important;
  background-color: #586d84 !important;
}

.ui-state-default {
  color: var(--midnight-green-10-) !important;
  background: none !important;
  background-color: var(--midnight-green) !important;
}

#ui-datepicker-div {
  background-color: var(--gsaprimBlight) !important;
}


/* Hauptnavigation - ul-Liste, horizontal */
.portal-globalnav-left {
  border-left: 1px solid #575556;
    margin:0;
    margin-bottom: 3px;
  padding:0;
  float: left;
  z-index: 99;
    background-color: #c3c8ce;
  background-image:url(./_IMG/menu/navbar_bkgd.png);
  background-repeat:repeat-x;
  background-position:center center;
  line-height: 1.15;
  border-top: 2px solid white;
  border-bottom: 1px solid white;
/*  z-index: 100000;*/
  visibility:visible;
  font-size: 0,75em;
  text-align: center;
}
/* dma chart.js tooltip*/

#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, .7);
  color: white;
  border-radius: 3px;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-22%, -13%);
}

.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.portaltab-leftcol a {
  border-bottom:0.25em solid #f7b217;
  font-weight:bold;
}
.portaltab-leftcol.plain a:hover {
  border-bottom:0.25em solid #f7b217;
  background-color:#c28b14;
  font-weight:bold;
  color:#ffffff;
/*  background-image:url(./_IMG/menu/navbar_bkgd_wetter.png);*/
  background-repeat:repeat-x;
  background-position:center center;
}


/* 
 OpenLayers 5 Erweiterungen und Aenderungen
 */

.ol-mouse-position {  top: inherit;  bottom: 10px;  left: 10px;
  background-color: var(--midnight-green-10-); border-radius: 2px;  width: 160px;  text-align: center; font-size: 14px; }

.ol-stFS {
/*   top: 25vh;
   left:0.5em;*/
  display: none;
 }


.ol-scale-line {
   top: inherit;
   left: 8px;
}

.ol-scale-line-inner {
  font-size: 18px;
}

#popup-content{
    text-align: center;
    white-space: pre;
}

.ol-popup-left{
    left: -50px;
    padding-right: 15px;
}
.ol-popup-left:after {
    left: 48px;
    margin-left: -10px;
}
.ol-popup-left:before {
    left: 48px;
    margin-left: -11px;
}


.ol-popup-right{
    right: -50px;
    padding-left: 15px;
}
.ol-popup-right:after {
    right: 48px;
    margin-right: -10px;
}
.ol-popup-right:before {
        right: 48px;
        margin-right: -11px;
}

.ol-popup {
        position: absolute;
        background-color: var(--midnight-green-5-);
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding-top:15px;
        padding-bottom:15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        z-index: 1000000;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        color: #ff0000;
        position: absolute;
        top: 2px;
      }
      .ol-popup-closer-left {
        right: 8px !important;
        left: auto;
      }
      .ol-popup-closer-right {
        left: 8px !important;
        right: auto;
      }

      .ol-popup-closer:after {
        font-size: 1em;
        content: "\274C";
      }
      .ol-dragzoom {
        border-width: 2px;
        background-color: rgba(219,63,63,.1);
      }


#InfoPopup {
  border: 2px solid var(--gsaakzent);
  
}
.saufeature {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1.6em;
  background: rgba(0, 255, 255, 0.8);
  cursor: pointer;
}

/*+++++++++++++++++++++ NEW MOBILE MENU ++++++++++++++++++++++*/

/* cor st 20220830 */
.nav-top, .nav-top2, .nav-top3, .nav-top4 {
  display: flex;
  align-items: center;
  top:83px;
/*   left:-11px; */
  left: 1px;
  position: fixed;
  z-index: 100;
  padding: 24px 14px;
/*  width: 54px;
  height: 45px;*/
  width: 60px;
  height: 60px;
  background-color: var(--midnight-green);
  background-image: url("./index.php?op=getPageResource&pa=/_IMG/slidergsa&i=burger.svg");
  background-repeat: no-repeat;
  background-position: center;
  visibility:visible;
  border-radius:4px;
}
.nav-top .hamburger {
/*    position: fixed;
  top: 99px;
  left: 12px;*/
margin-left: 8px;
/*  margin-right: auto;
  color: #fff;*/
}

.nav-is-toggled .nav-top {
/*  -webkit-transform: translateX(250);
          transform: translateX(250);*/
  transition: 0.45s;
  left: 240px;
}

.nav-top2 .hamburger {
  color: #fff;
  font-size:2.0em;
}

.nav-top3 .hamburger {
  color: #fff;
  font-size:2.0em;
}

.nav-top4 .hamburger {
  color: #fff;
  font-size:2.0em;
}

.nav-topHP {
  display: flex;
  align-items: center;
  right: 10px;
  position: absolute;
  z-index: 100;
  padding: 24px 14px;
  width: 50px;
  height: 0px;
  background-color: var(--lime);
  color: var(--midnight-green);
  visibility:visible;
  border-radius:4px;
  justify-content: center;
}

/*.nav-is-toggled .nav-drill {
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
}*/

.nav-is-toggled .nav-drill {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}

.nav-drill {
  margin-top: -8px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.nav-drill {
  padding-top: 50px;
  display: flex;
  position: fixed;
  z-index: 10000;
/*  top: 7.1em;*/
  left: 0;
/*  right: -250px;*/
  width: 250px;
  min-height: 60%;
  max-height: 75%;
   background-color: var(--midnight-green);
  overflow-y: scroll;
  overflow-x: hidden;
  transition: 0.45s;
  visibility:visible;
}
.nav-items {
  flex: 0 0 100%;
}
.nav-item:not(:last-child) {
  border-bottom: solid 1px #205C90;
}
.nav-link {
  display: block;
  padding: 1em;
/*     padding: 0.875em 1em; */
  background-color: var(--midnight-green);
  color: #fff;
  font: normal normal normal 20px/32px Source Sans Pro;
/*  font-size: 1.3rem;*/
  line-height: 1.5em;
/*  font-weight: 700;*/
  text-decoration: none;
}
.nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: var(--midnight-green-80-);
  transition: 0.3s;
  visibility: hidden;
}
.nav-expand-content .nav-item:not(:last-child) {
  border-bottom: solid 1px #fff;
}
.nav-expand-content .nav-link {
  border-left: 10px solid var(--midnight-green-80-);
  background-color: var(--midnight-green-80-);
}

.nav-expand-content .nav-back-link {
  display: flex;
  align-items: center;
  background-color: var(--lime) !important;
    border-left: 10px solid var(--lime);
  color: var(--midnight-green);
}
.nav-expand-content .nav-back-link::before {
  content: "\2190";
  margin-right: 0.5em;
  font-family: "Material Icons";
}

.nav-link-flex {
  display: flex;
}
.nav-expand-link {
  display: flex;
  justify-content: space-between;
}
.nav-expand-link::after {
  content: "\2192";
  flex: 0 1 auto;
  font-family: "Material Icons";
}
.nav-expand.active > .nav-expand-content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.nav-expand .nav-expand-content {
  background-color: var(--midnight-green-80-);
}

.nav-expand-content .nav-link.nav-highlight-selected {
  color: var(--midnight-green);
  background-color: #fff;
  border-left: 10px solid var(--lime);
}

.nav-expand .nav-expand-content .nav-expand-content {
  background-color: var(--midnight-green-80-);
}
.nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: var(--midnight-green-80-);
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #84e9d9;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #84e9d9;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #59e1cb;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #59e1cb;
}

/* Mob Menue 01072019  DMA  */
/* .nav-highlight-selected{
  background-color:var(--lime) !important;
} */


div#portinfo_container {
  margin: 0 0 0 auto;
  color: black;
}
/* Deviceabhaengige Closebutton  */
#dtp_closebutton{
  padding: 5px;
  margin-left: 5px;
}
#mob_closebutton{
  padding: 10px;
font-size: 150%;
}

.ol_left_menu {  top: 1em; /* bottom: 739px;*/  left: 6em;
  /*background-color:rgba(0, 255, 136, 0.7) !important;*/  border-radius: 2px;  width: 50px;  text-align: center;  /*font-family: Arial, sans-serif; */ font-size: 30px
;
  
   /* right: 8px;*/
    position: absolute; 
    z-index:10;
    color:black;
}


.ol-co button{
  display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: rgba(60,60,60,.95);
    border: none;
    border-radius: 2px;


}
.on-top {
  display:none;
    position: absolute;
    width: 15%;
    min-width: 250px;
    left:180px;
    top: 1.7em;
    border: .15em solid rgba(192,192,192,0.95);
    background-color: rgba(255,255,255,0.85);
}

.draggable1 {
  z-index: 200;
  font-weight:bold;
  width:90%; max-width: 180px;
  color:var(--midnight-green);
  background-color:#fff;
  border:1px solid var(--midnight-green);
  z-index:100000;
  overflow-y: auto;
  padding: 5px 10px 10px;
  cursor:pointer;
}

.draggabledlyr {
  position: absolute;
  width: 15%;
  min-width: 250px;
  left:180px;
  top: 1.8em;
  z-index:5;
  background-color:var(--midnight-green-5-);
  display:none;
  overflow-y:auto;
}
.datalaymoblist {
  position: relative;
  width: 100%;
  min-width: 250px;
  top: 1em;
  z-index:5;
  background-color:var(--midnight-green-5-);
  overflow-y:scroll;
}

.mobcockpitpage{
  width:100%;
  height:100%;
  display:none;
}

.hrefnounderline{
 text-decoration:none;
}

.gridtick{
  display: inline-block;
  text-align: center;
  position:absolute;
  top: 25px;
/*   color:var(--midnight-green); */
   color: #2E384E;
  text-align: center;
   font-size: 50%;
}
.gridmark{
  display: inline-block;
  text-align: center;
  position:absolute;
  top: 45px;
  color:var(--midnight-green);
  text-align: center;
  padding: 5px;
  font-family: "Source Sans Pro";
  white-space: nowrap;
  font-weight: bold;
  font-size: 12px;
  margin-left: -2%;

}

.grdmrklowres {
 display: none; 
}

/*@media (-webkit-min-device-pixel-ratio: 1.4) {
  .gridmark{
    font-size: 0.6rem;
  }
}*/

/*@media (-webkit-min-device-pixel-ratio: 1.4) {
  .grdmrk1 {
    display: none;
  }
}*/



@media only screen and (max-width: 1400px) {
  .grdmrk1 {
    display: none;
  }
  .grdmrk0 {
    display: none;
  }
  .grdmrklowres {
  display: block; 
}
/*  .grdmrk0 {
    font-weight: bold;
  }*/
}

.mark{
  display: inline-block;
  text-align: center;
  position:absolute;
  top: 20px;
  color:var(--lime);
/*  background: var(--lime);*/
  font-size: 250%;
/*   padding: 5px; */
}

.mark .marktip {
 visibility: hidden;
 display:none;
 background-color: var(--midnight-green);
 color:#fff;
 width:120px;
 position:absolute;
 text-align: center;
 padding: 5px 0;
 top: 35px;
}

.mark:hover .marktip{
  visibility: visible;
  display:inline-block;
}

/* Dma 17012020  alternative fuer die Checkbox  */
/* cor st 20220830 */
.container {
  padding-top: 10px;
  display: block;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
   font-size: 15px; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 margin-right:0.6em;
    display: inline-block;
    text-align: left;
    margin-left: 0.6em;
    padding-right: 0.1em;
    font-weight: normal;
    color: #ffffff;
}
.container_label {
  display: block;
  position: relative;
  padding-left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

    /* border: 1px solid #003eff; */
   background: #fff;
    font-weight: normal;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    color: #454545;
    white-space: normal;
}
/* cor st 20220830 */
.dtp_container_label {
  height: 2.3em;
  cursor: pointer;
  margin-top:10px;
  padding-top:10px;
  padding-bottom:25px;
  font-size: 80%;
  min-width: 60%;
}

/*.lbl-datalyr-1{
  color:RGBA(240,240,240,0.9);
  background-color: var(--gsaprimA50);
}*/


/* cor st 20220830 */
.mob_container_label {
  height: 2.5em;
  margin-bottom: 10px;
  padding-top:25px;
  padding-bottom:10px;
  font-size: 200%;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  height: 2em;
  font-size: 100%;
  display: inline-block;
  text-align: left;
  margin-left: 0.6em;
  padding-right: 0.1em;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  visibility:hidden;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ededed;
}

/* When the checkbox is checked, add a blue background */
.container input:checked  ~ label{
  margin-bottom: 0px;
  margin-top:-10px;
  padding-top:10px;
  border-style: double;
  background-color: var(--gsaprimBlight);
}
.container  input:checked + label{
  background-color: #ff0000;
}
.container  input:checked  .container_active{
  background-color: #ff0000;
}
.container_active{
   background-color: #0f0; 
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menuclosebtn {
  cursor:url("./_IMG/ico/close1.ico"),auto;
  position:absolute; 
  right: 10px; 
  margin-right:10px;
  padding-left:15px;
  padding-right:15px;
  color: var(--midnight-green);
  background-color:var(--gsaakzentlight);
}
/* END  Dma 17012020  alternative fuer die Checkbox  */

/* ST 20200604 hoverpopup for isolines */
#hpopup-content {
 background-color: rgba(255,255,255,0.6);
 font-weight: bold;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
}
/* END ST 20200604 */
.bw {
/*  mix-blend-mode: hard-light;*/
    mix-blend-mode: multiply; 
/* mix-blend-mode: difference; */
/*  filter: contrast(120%);*/
/*  opacity: 0.5;*/
/*   filter: grayscale(100%); */
}
.bwcontrast {
  mix-blend-mode: multiply;
  filter: contrast(120%);
}
.diff4darkmap {
  mix-blend-mode: difference;
}

/* .warn20 {
  filter: url(#warn20);
} */
.bwdarkmode {
   mix-blend-mode: screen;
}
.cloudmode {
/*    filter: contrast(120%);
   mix-blend-mode: screen;*/
     filter: sepia(10%) opacity(40%);
}
.grey {
  filter: grayscale(100%);
}
.sepia {
  filter: sepia(25%) opacity(75%);
/*   filter: url(#grain); */
}
.greycontrast {
  filter: grayscale(100%) contrast(140%);
}
.darkmode {
  filter: grayscale(100%) contrast(140%) invert(100%);
}
.opaquelayer {
  filter: opacity(100%);
}
.contrastplus {
  filter: contrast(140%);
}

.layerdontshow {
  visibility: hidden;
}

/* DIV METEOGRAMM */
#METEOGRAMM {
  cursor:url(../../_IMG/ico/close1.ico),auto;
}
.NoWind {
  display:none;
}

/* Tooltip*/
.header {
  font-size:16px;
}

.table_toolbox {
  font-size:16px;
  width:300px;
}
.td_toolbox_value {
  font-weight:bold;
  padding-right:0;
  text-align:right;
  color: #4BB1C6;
}

/*Archivzeugs*/
.errmsg {
    background-color: var(--gsaakzent);
    color: #fff;
    float: right;
    font-size: .75em;
    padding: 0.2em 0.5em;
    margin: 0 .25em;
    text-align: center;
}
.infomsg {
    background-color: var(--lime);
    color: #000;
    float: right;
    font-size: .75em;
    padding: 0.35em 0.5em;
    margin: 0 .25em;
    text-align: center;
}
.namemsg {
    color: #fff;
    float: right;
    font-size: 1.1em;
    padding: 0.2em 0.5em .2em 180px;
    margin: 0 .25em;
    text-align: center;
}

.nocursor {
  cursor: none;
}
.pfeilcursor {
  cursor: default;
}

/*  ol6.14 spinner for map loadend */
      @keyframes spinner {
        to {
          transform: rotate(360deg);
        }
      }

      .spinner:after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        border-radius: 50%;
        border: 5px solid rgba(180, 180, 180, 0.6);
        border-top-color: rgba(0, 0, 0, 0.6);
        animation: spinner 0.6s linear infinite;
      }

/* spinner2 for Meteogramm loadend */
      @keyframes spinner2 {
        to {
          transform: rotate(360deg);
        }
      }

      .spinner2:after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        border-radius: 50%;
        border: 5px solid rgb(5,46,55);
        border-top-color: rgb(249,250,237);
        animation: spinner2 0.6s linear infinite;
      }

.warnlink {
  position: relative;
/*  background-color: var(--lime);*/
  height: 100%;
  border-radius: 6px;
  cursor: pointer;
}

.metbgop {
  opacity: 0.5;
}

.activebtn{
  background-color: rgba(0, 180, 0, 0.6) !important;
}
.activebtngsa{
  background-color: var(--lime) !important;
  color: var(--midnight-green) !important;
  font-weight: 700 !important;
}


/* dropUp für monats steuerung zb.:Extremwerte */
/* Dropup Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.dropupBtn {
  background-color: var(--midnight-green);
  color: var(--lime);
  padding: 9px 3px;
  font-size: 16px;
  border: none;
  transition:  0.5s;

}

.dropup {
  position: relative;
  display: inline-block;
  display: flex;
  align-items: center;
}

/* Dropup content (Hidden by Default) */
.dropup-content {
  position: absolute;
  bottom: 40px;
  background-color: var(--lime);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  transition:  0.5s;
  opacity: 0;
  visibility: hidden;
	display: grid;
  grid-template-columns: auto auto auto auto;
  margin-left: -140px;
  /* end */

}

/* Links inside the dropup */
.dropup-content a {
  color: black;
  padding:9px 3px;
  text-decoration: none;
  display: block;
  border-right: black solid 1px;
  border-bottom: black 1px;
  border-bottom: ridge;
    /* end */
}

/* Change color of dropup links on hover */
.dropup-content a:hover {
  background-color: #182e7cab;
  color:var(--white); 
}

/* Show the dropup menu on hover */
.dropup:hover .dropup-content {
  display: grid;/* @dma 30032023*/
  opacity: 1;
  visibility: visible;
}

/* Change the background color of the dropup button when the dropup content is shown */
.dropup:hover .dropupBtn {
  background-color:var(--midnight-green-30-); 
  color: var(--gsaprimBlight);
}
/* The container <div> - needed to position the dropup content */

.disablemenuitem {
  opacity: 0.25;
  pointer-events: none;
}

.toggleaglbtn {
  padding-left:10px;
  width:100px;
  background-color: var(--lime);
    border-width: thin;
}

.toggleparambtn {
  padding-left:10px;
  width:250px;
  background-color: var(--lime);
  border-width: thin;
}

/* ZEITSTEUERUNG DATAHUB ANFANG */ 
/* MAX 20230412 */
.menuYearsMonthDays {
  display: flex;
  height: fit-content;
  width: 100%;
  justify-content: center;
}

.menuYearsMonthDaysSynopMos{
  position:relative;
  bottom:85px;
  display: flex;
  height:fit-content;
  width:100%;
  justify-content:center
}
#tawespopup{
  bottom: 115px;
  width: calc(100% - 180px);
  top:unset!important;
}

input[type=button] {
   background-color: var(--midnight-green);
  border: none;
  color: var(--lime);
  padding: 9px 3px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  min-width:30px;
  transition:  0.5s;
}
input[type=button]:hover {
  background-color:var(--gsaprimBlight);
  border: none;
  color: var(--midnight-green);
  padding: 9px 3px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

button[type=submit] {
  background-color: var(--lime);
    border: none;
    color: var(--midnight-green);
    padding: 9px 3px;
    text-decoration: none;
    margin: 4px 2px; 
    cursor: pointer;
    min-width:30px;
    transition:  0.5s; 
}

button[type=submit]:hover {
  background-color:var(--gsaakzent);
  border: none;
  color: var(--lime);
  padding: 9px 3px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.klima-select {
  background-color: var(--lime);
  color: var(--midnight-green);
  cursor: pointer;
  padding: 9px 3px;
  margin: 4px 2px;
}
/* ZEITSTEUERUNG DATAHUB ENDE */

/* dma 27042023 - datahub menu */
#sumbitDateMob,#aktBtnMob,.menuDatahubMob,.smjahrMob{
  display:none
}


@media only screen and (max-width: 1200px) {
  #addYear,#subYear,#add3Month,#sub3Month,#sumbitDate,#aktBtn,.menuDatahub,.smjahr {
    display:none;
  }
  #sumbitDateMob{
    background-color: var(--midnight-green);
    color: var(--lime);
  }
  #aktBtnMob,#sumbitDateMob{
    padding: 9px;
  }
  .menuYearsMonthDays{
    font-size: 1em;
  }
  .menuYearsMonthDaysSynopMos{
    /* bottom:100px!important; */
    font-size: 1em;
  }
  #sumbitDateMob,#aktBtnMob,.menuDatahubMob,.smjahrMob{
    display:block; 
  }
  .dropup-content{
    grid-template-columns: none;
    height: 250px;
    overflow: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  .menuYearsMonthDays{
    font-size: 1.5em;
  }
  .menuYearsMonthDaysSynopMos{
    bottom:100px!important;
    font-size: 1.25em;
  }
}
/*cor st 20231228*/
#timemodebtn {
  position: absolute;
  top: inherit;
  bottom: 30px;
  left: 10px;
  background-color: var(--gsaakzentlight); 
  border-radius: 20px;
  width: 160px;
  text-align: center;
  font-size: 14px;
}

#timemodebtn:hover{
  cursor: pointer;
  font-size: 18px;
}

/* openlayers styles */
/*:root,
:host {
  --midnight_green: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}*/

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--midnight_green);
  background-color: var(--ol-partial-background-color);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--midnight_green);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}

.ol-viewport {
  touch-action: pan-x pan-y;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
/*  background-color: var(--midnight-green);*/
/*  border-radius: 4px;*/
}

.ol-zoom {
/*   top: .5em; */
  right: .5em;
  bottom: 51px;
  
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}

.ol-zoom-extent {
/*  top: 4.643em;*/
  bottom: 10px;
  right: .5em;
}

.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  width: 40px;
  height:40px;
  margin: 1px;
  padding: 0;
  color: #fff;
  background-color: var(--midnight-green);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
/*  height: 1.375em;
  width: 1.375em;*/
  line-height: .4em;

  border: none;
/*   border-radius: 2px; */
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
/*   font-size: 1.5em; */
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
/*  color: var(--ol-foreground-color);*/
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: 1.5em;
/*  right: 1.5em;*/
  right: 132px;
 max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--midnight_green);
   font-size: 12px; 
}

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
/*  background: var(--ol-partial-background-color);*/
  background: #fff;
}

.ol-attribution.ol-uncollapsible {
  bottom: 10px;
  opacity:0.8;

}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

/*.HPattrib {
  background-image: url("./_IMG/gsalogo/Map_AUT_White_25px.svg");
}*/
.HPextend {
  bottom: 10px;
  right: .5em;
}

.HPextend button {
/*  background-image: url("./_IMG/gsalogo/Map_AUT_White_25px.svg");*/
  background-image: url("./index.php?op=getPageResource&pa=_IMG/gsalogo&i=Map_AUT_White_25px.svg");
  
  background-repeat:no-repeat;
  background-position:center center;
}

.sfericbtn {
  top: 10px;
  right: .5em;
}
  #sfericbtnid {
    height: 60px;
    width: 60px;
  }  
.sfericbtn button {
/*  background-image: url("./_IMG/gsalogo/Map_AUT_White_25px.svg");*/
  background-image: url("./index.php?op=getPageResource&pa=_IMG/symbols/HP&i=Blitz_240924.svg");
  
  background-repeat:no-repeat;
  background-position:center center;
}

@media only screen and (max-width: 800px) {
  .sfericbtn {
    top: 5em;
    right: .5em;
    height: 60px;
    width: 60px;
  }
  #sfericbtnid {
    height: 60px;
    width: 60px;
  }  
}
#legendencontainer {
  background-color: rgb(243,245,245);
  position:absolute;
  left:20px;
  bottom: 1px;
  z-index: 98;
  height: fit-content;
  display: flex;
  flex-direction:row;
  flex-wrap: nowrap;
  align-items:center;

}

@media only screen and (max-width: 1400px) {
  #legendencontainer {
    flex-direction:column;
  }
}

@media only screen and (max-width: 800px) {
  #legendencontainer {
    bottom: 35px;
    flex-direction:column;
  }
/*  span#buttonBack.sliderNavBtn {
    background-size: 20px;
  }
  span#buttonFwd.sliderNavBtn {
    background-size: 20px;
  }*/
/*  .ui-icon-playX {
    background-size: 20px;
  }
  .ui-icon-pauseX {
    background-size: 20px;
  }*/
  
}

  span#buttonBack.sliderNavBtn.btnTime_mob {
    background-size: 20px;
  }
  span#buttonFwd.sliderNavBtn.btnTime_mob {
    background-size: 20px;
  }
    .ui-icon-playX.btnTime_mob {
    background-size: 20px;
  }
  .ui-icon-pauseX.btnTime_mob {
    background-size: 20px;
  }

.legendentext {
  color: var(--midnight_green);
  font-weight: bold;
  padding-left: 10px;
}

.aldisattrib {
  font-size: 1rem;
}
.testattrib {
 white-space: normal;
}

#aktlang {
  height: 40px;
  border-left: 2px solid var(--lime);
}

.limestrich{
  color: var(--lime);
  padding-left:10px;
  padding-right:10px;
}

.labelparam{
 font-weight: bold; 
}
/*@media (-webkit-min-device-pixel-ratio: 1.4) {
  #legendencontainer {
    position:absolute;
    left:20px;
    bottom: 15px;
    z-index: 98;
    height: fit-content;
  }
}*/

.pollprogbtn {
  padding: 20px;
  font-weight: bold;
  background-color: var(--midnight-green);
  color: var(--midnight-green-5-);
  text-decoration: none;
}

.pollprogbtn:hover {
     background-color: var(--midnight-green-80-);
/*     border: 2px solid var(--lime);*/
}

@media only screen and (max-width: 1400px) {
  .pollprogbtn {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 800px) {
  .pollprogbtn {
    padding-bottom: 15px;
  }
/* Main Styleshit*/
/* Main Styleshit*/
/* 
    Created on : Feb 2, 2020, 10:12:18 AM
    Author     : bambi
*/

img.at_svg {
  vertical-align: baseline;
}


#locsearch button.close:hover, 
#meteoalarm button.close:hover {
  opacity: 1;
}

#meteoalarm a,
#meteoalarm button.close i, 
#locsearch button.close i {
  color: #fff;
}

.meteoalarm img {
  width: 100%;
  height: auto;
}

.draggable {
  cursor: move;
}

#locsearch {
  height: calc(100% - 6px);
  z-index: 999999;
}

.locsearch {
  position: relative;
	background-color: rgba(255,255,255,1);
	height: 100%;
	border-radius: 6px;
}

div#locsearchresult {
  overflow-y: auto;
}

.wscontent .selinfo {
	background-color: rgba(255,255,255,.7);
	margin-bottom: 4px;
	border-radius: 6px;
	display: flex;
	min-height: 40px;
	align-items: center;
	justify-content: space-between;
}

.wscontent .selinfo #seltxt {
	padding: 0 15px;
}

.wsnav #shortparameteraxis .shortparamaxis-toggle,
.paramaxis-extratoggle, 
div.tools a.function-link {
	display: inline-block;
	text-align: center;
  color: rgba(3,76,122,1.0);
  cursor: pointer;
}

div.tools a.function-link {
  padding: 6px;
}

.shortparamaxis-toggle {
	width: 16%;
}

.paramaxis-extratoggle {
  width: 100%;
}

#seltxt span {
  white-space: nowrap;
}

.wscontent .selinfo strong {
	font-weight: bold;
	color: rgb(3,76,122);
	font-size: 16px;
}
/*
.wsnav .selinfo em span#selparam, 
.wsnav .selinfo em span#locationname {
	margin-left: -15%;
}
*/
.wsnav #shortparameteraxisbtns {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.wsnav #shortparameteraxisbtns buttonwrapper {
  flex-grow: 1;
  flex-basis: 12%;
  position: relative;
  min-height: 38px;
}

.wsnav #shortparameteraxis, .wsnav #timeaxis {
	padding: 4px 2px;
	background-color: rgba(255,255,255,0.7);
	border-radius: 6px;
}

.wsnav #shortparameteraxis {
	margin-bottom: 4px;
}

.wsnav .timeaxis {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row;
  padding-top: 2px; 
}

.wsnav .timeaxis div.buttonwrapper, 
.wsnav #shortparameteraxis div.buttonwrapper {
	position: relative;
	margin: 0 2px;
	padding: 0;
}

.wsnav #parameteraxiswrapper {
  position: relative;
	padding: 4px;
	background-color: rgba(255,255,255,.7);
	margin-bottom: 4px;
	border-radius: 6px;
}
/*
.wsnav #parameteraxis {
  display: grid;
  grid-template-columns: 16% 83%;
  align-items: center;
}
*/

.wsnav #parameteraxis {
	display: grid;
	grid-template-columns: 15% 84%;
	align-items: center;
	background-color: rgb(255,255,255);
	padding: 21px 6px 6px 6px;
	border-radius: 6px;
}

.wsnav .axis button {
	background-color: rgba(3,76,122,0.5);
	border-radius: 6px;
	font-family: Verdana;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	word-wrap: break-word;
  border: none;
}

.wsnav #shortparameteraxis button, .wsnav #timeaxis button {
  border-top: 10px solid rgba(3,76,122,0.75);
  min-height: 52px;
}

.wsnav #shortparameteraxis button:hover, .wsnav #timeaxis button:hover,
.wsnav #shortparameteraxis button.selected, .wsnav #timeaxis button.selected {
	border-top: 10px solid rgb(3, 76, 122);
}

.wsnav #shortparameteraxis .buttonwrapper {
	width: 13%;
}

.wsnav .timeaxis .buttonwrapper {
  width: 17%;
}

.wsnav .buttonwrapper button {
  width: 100%;
  height: 100%;
}

.wsnav .axis button:hover, 
.wsnav .axis button.selected {
	background-color: rgba(3,76,122,1);
  font-weight: bold;
	cursor: pointer;
}

.wsnav .timeaxis button span {
  display: block;
  color: #fff !important;
  padding: 2px 0;
}

.wsnav #parameteraxis div {
  padding: 2px 0;
}

.wsnav #parameteraxis div:last-child {
  margin-bottom: .25em;
}

.wsnav #parameteraxis div button {
  text-align: left;
  width: 100%;
  padding: 2px;
}

.wsnav #parameteraxis div.canvaswrapper {
  line-height: 0;
}

.wsnav #parameteraxis div canvas {
  padding: 0;
  margin: 0 0 0 5px;
}

.wsnav #parameteraxis button i {
  margin-left: 3px;
}

.wsnav #parameteraxis button span {
  display: inline-block;
  margin-left: 3px;
}
 
/* .wsdetails {
  display: none;
} */

.mobile {
  display: none !important;
}

div#toolsright {
  text-align: right;
  min-width: 280px;
}

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

  .wscontent, 
  #locsearch {
    max-width: 800px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
/*
  div.tools {
    position: absolute;
    top: 0;
  }

  div#toolsleft {
    left: 0;
  }

  div#toolsright {
    right: 0;
  }
*/  
}
/*
@media screen and (min-width: 1440px) {

  .wscontent, 
  #locsearch {
    width: 45%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  
}
*/
@media screen and (max-width: 639px) {
  
  .wsnav .axis button {
    text-overflow: ellipsis;
  }
  
  .nosmallscreen {
    display: none !important;
  }
  
  .mobile {
    display: block !important;
  }
  
  .wscontent .selinfo {
    display: block;
  }
  
  div#toolsright {
    text-align: right;
  }
}

@media screen and (max-width: 799px) {
  
  .wscontent, 
  #locsearch {
    width: 100%;
  }
  
  .wsnav .axis button {
    font-size: 11px;
  } 
/*
  div.tools {
    display: inline-block;
    width: 49%;
  }
  
  div#toolsright {
    text-align: right;
  }
*/
}

.green {
  background-color: #28D761;
  color: #28D761;
}

.yellow {
  background-color: #FFFF00;
  color: #FFFF00;
}

.orange {
  background-color: #FFC400;
  color: #FFC400;
}

.red {
  background-color: #FF0000;
  color: #FF0000;
}

.green-border, 
.yellow-border, 
.orange-border, 
.red-border {
  border-top-width: 12px !important;
}

.green-border {
  border-color: #28D761 !important;
}

.yellow-border {
  border-color: #FFFF00 !important;
}

.orange-border {
  border-color: #FFC400 !important;
}

.red-border {  
  border-color: #FF0000 !important;
}

div#wsdetails {
  position: relative;
  margin-bottom: 4px;
/*
  padding: 5px 10px;
*/
}

button.close {
  position: absolute;
  right: 6px;
  top: 3px;
  color: rgb(3,76,122) !important;
}

button#wsdetailsclose {
  z-index: 999998;
}

button#locsearchclose {
  z-index: 999999;
}

button#warnverlaufclose {
  right: 9px;
  top: 6px;
}

div#detailswrapper {
  overflow-y: hidden;
  position: relative;
  height: 100%;
  color: rgb(3,76,122) !important;
}

div#detailswrapper .card-body {
  overflow-y: scroll;
}

div#gemviewheader em {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: large;
}

div#gemviewheader {
	min-height: 29px;
  background-color: transparent;
  border-bottom: 0;
}

div#gemviewheader button.close {
	border: 0;
	background-color: transparent;
}

div#gemviewbody {
	padding: 0 5px 5px 5px;
}

div#wsdetails .card {
  background-color: rgba(255,255,255,.7);
}

div#wsdetails .card, div#wsdetails .tabs {
	height: 100%;
	overflow-y: hidden;
	color: rgb(3,76,122) !important;  
}

div#wsdetails .tab-content {
	height: calc(100% - 54px);
	overflow-y: auto;
}

div#wsdetails .nav-link {
	padding: .375rem .75rem;
}

/* 20200613 css from current ws TODO adapt  */

div.warnung {
	text-align: left;
	margin-bottom: .5em;
}

/* div.warnung_titel_wrapper {
} */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

h3.warnung_titel {
  background-color: var(--gsaprimA);
/*     background-color: #034c7a; */
/*  color: white;*/
  color: var(--gsaprimB);
  padding: 6px 12px;
  margin: 0;
  border-top: 12px solid rgb(3,76,122);
  border-radius: 6px 6px 0px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 14px;
}

h3.warnung_titel span.wtitle {
  font-weight: bold;
  flex-grow: 4;
}

h3.warnung_titel span.wtitle i {
	margin-right: 12px;
}

h3.warnung_titel span {
	padding: .25em 0;
}

h3.warnung_titel span.warnung_intervall {
	text-align: right;
	font-size: 13px;
/* cor st 20220831  max-width von 40 auf 50% gesetzt*/
	max-width: 50%;
}

div.warnungpadder {
	margin: 0 0 2px 0;
	padding: .5em 1em;
	background-color: rgba(255,255,255,.9);
  border-radius: 0px 0px 6px 6px;
  font-size: 14px;
}

p.warnung_text {
	font-weight: bold;
	margin-top: .5em;
}

div.warnid {
	color: #e5edf4;
	font-size: xx-small;
	text-align: right;
}

.card-header-tabs .nav-item a.nav-link {
	color: rgb(3,76,122);
}

.card-header-tabs .nav-item a.nav-link:hover,
.card-header-tabs .nav-item a.nav-link.active {
	color: rgb(3,76,122);
  font-weight: bold;
}

.card-header-pills.nav-pills .nav-link.active, 
.card-header-pills.nav-pills .show > .nav-link {
	color: #fff;
	background-color: rgb(3,76,122);
  font-weight: bold;
}

.card-header-pills.nav-pills a.nav-link {
  color: rgb(3,76,122);
}

.card-header-pills.nav-pills a.nav-link:hover {
  font-weight: bold;
}

#locsearchheader, #locsearchform {
	margin-bottom: 10px;
}

input#search {
	border-radius: 6px;
  min-width: 300px;
	width: 50%;
	line-height: 2;
	padding: 0 6px;
  border-top-color: rgba(3,76,122,.75);
  border-right-color: rgba(3,76,122,.25);
  border-bottom-color: rgba(3,76,122,.25);
  border-left-color: rgba(3,76,122,.75);
}

.locsearchpadder {
	padding: 3px 12px;
	position: relative;
	height: calc(100% - 85px);
	overflow-y: hidden;
}

div#locsearchresult {
	overflow-y: auto;
	padding-bottom: 15px;
	height: calc(100% - 45px);
}

div#locsearchresult ul {
	list-style: none;
}
div#locsearchresult li {
  padding-left: 20px;
  position: relative;
}

div#locsearchresult li i {
	position: absolute;
	left: 0;
	top: 8px;
}

div#locsearchresult li a {
	padding: 6px 0;
	display: inline-block;
}

div#locsearchresult li i, 
div#locsearchresult li a {
	color: #034c7a;
}

div#locsearchresult li a:hover, 
div#locsearchresult li a:active {
	font-weight: bold;
  text-decoration: none;
}

.langlink {
	background-color: rgb(3,76,122);
	color: #fff;
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
	font-style: normal;
	padding: 1px 3px;
	border-radius: 6px;
}

div.tools a.function-link.malink {
  background-color: #476277;
  padding: 0 0 2px 0;
  margin: 0;
  border: 2px solid rgb(3,76,122);
  line-height: 1;
  border-radius: 6px;
}

div.tools a.function-link.malink svg {
  width: 30px;
  height: 15px;
}

/* LEGENDE */

.wsbox {
	padding: 12px;
	margin-bottom: 6px;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.bgdark {
	background-color: rgb(3,76,122);
	color: #fff;
}

.bgwhite {
	background-color: #fff;
	color: rgb(3,76,122);
}

.rounded-borders {
	border-radius: 6px;
}

.rounded-borders-top {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.rounded-borders-bottom {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.legendrow {
	display: flex;
	flex-direction: row;
  align-items: flex-start;
	justify-content: space-between;
  margin-bottom: 12px;
}

.wrap {
	flex-wrap: wrap;
}

.no-wrap {
	flex-wrap: nowrap;
}

.wparams {
  padding-left: 10%;
}

.wparam {
	width: 30%;
	text-align: left;
	padding: 12px;
}

.wparam i {
  margin-right: 12px;
}

.warncolor {
	width: 75px;
}

.warncolortext {
	width: 75px;
}

.warnshortdesc {
	width: 100px;
}

.warndesc {
	width: 360px;
}

#zamg_logo {
	position: absolute;
	top: 8.5em;
	left: .5em;
}

#zamg_logo img {
	width: 48px;
	text-align: left;
}
/*
.ol-zoom {
	top: 75px;
	left: 9px;
}

.ol-zoom-extent {
	top: 135px;
	left: 9px;
}
*/

button#t0 span.nosmallscreen, 
button#t2 span.nosmallscreen, 
button#t3 span.nosmallscreen, 
button#t4 span.nosmallscreen {
	word-spacing: 5em;
}/* Main Styleshit*/
/* Additional Styleshit*/