body {
    margin:0;
    padding:0;
    overflow:hidden;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:auto;
    height:auto;
    font-size:16px;
    display:flex;
    flex-direction:column;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    padding:0;
    margin:0;
    flex-grow:0;
    flex-shrink:0;
    background-color:#fff;
}

#systemheader {
    height:2.5rem;
    background-color:#979797;
    color:#fff;
    flex-grow:0;
    flex-shrink:0;
    display:flex;
    flex-direction:row;
    padding:0 0.75rem;
    z-index:1010;
    overflow:hidden;
    clear:both;
}

footer {
    height: 1.25rem;
    background-color: #979797;
    color: #fff;
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 1.25rem;
    font-size: 0.5rem;
    padding: 0 0.5rem;
    z-index: 1020;
    border-top: 0.2rem solid #0059a3;
}

footer a, footer a:visited, footer a:hover, footer a:active {
    color:#fff;
    text-decoration:none;
}

main {
    flex-grow:1;
    flex-shrink:1;
    position:relative;
}

button,input {
    outline:none;
}

.tgGeonav_btn {
    width:2.5rem;
    height:2.5rem;
    border-radius:0.2rem;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#979797;
    border:0;
    padding:0;
    background-size:2.5rem;
}

header button.tgGeonav_btn {
    flex-grow:0;
    flex-shrink:0;
    overflow:hidden;
    margin: 0 0.25rem;
    color:transparent;
    padding:0 0.5rem;
    background-position: left center;
    background-color:transparent;
}

header button#tgGeonav_btn_lebenslagen {
    border-left:2px solid #0059a3;
    padding-left: 2.5rem;
    line-height: 2.5rem;
    width: auto;
}

#systemheader > input, #systemheader > div {
    flex-grow:1;
    flex-shrink:1;
    margin: 0.25rem;
    border:0;
    background-color:rgba(0,0,0,0.3);
    border-radius:0.2rem;
    color:#fff;
    background-image:url("../framework/icon_wht_magnifying.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size:2.5rem auto;
    padding-left:3.5rem;
    opacity:0;
}

#nav_suchergebnis div {
    font-style: italic;
}

#nav_suchergebnis div b {
    font-style: normal;
}

#nav_suchergebnis ul {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

#nav_suchergebnis ul li {
    display: flex;
    padding: 0.5rem 0;
    border-bottom: 1px dotted #808080;
    align-items: center;
}

#nav_suchergebnis ul li img {
    margin-right: 0.5rem;
    height: 2rem;
    width: auto;
    flex-grow:0;
    flex-shrink:0;
}

#nav_suchergebnis ul li div {
    flex-grow: 1;
    flex-shrink: 1;
}

#nav_suchergebnis ul li div small {
    display: block;
    font-size: 0.8rem;
}

.beschriftung{
    font-size: 18px;
    color: white;
}

.tgGeonav_btn.btn_aktiv {
    background-color:rgba(0,0,0,0.3);
}

header button.tgGeonav_btn.btn_menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image:url('../framework/icon_wht_layer.png');
    padding-left: 2.5rem;
    line-height: 2.5rem;
    width: auto;
}

header button.tgGeonav_btn.btn_tools {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image:url('../framework/icon_wht_tools.png');
    padding-left: 2.5rem;
    line-height: 2.5rem;
    width: auto;
}

.btn_measure_line {
    background-image:url('../framework/measure_line.png');
}

.btn_measure_area {
    background-image:url('../framework/measure_area.png');
}

.btn_measure_circle {
    background-image:url('../framework/measure_circle.png');
}

.btn_measure_reset {
    background-image:url('../framework/measure_reset.png');
}

.btn_close {
    background-image:url('../framework/icon_lgr_close.png');
}

.btn_lebenslage_baum {
    background-image:url('../framework/lebenslagen/baum.png');
}

.btn_lebenslage_bau-service {
    background-image:url('../framework/lebenslagen/bau-service.png');
}

.btn_lebenslage_baustelle {
    background-image:url('../framework/lebenslagen/baustelle.png');
}

.btn_lebenslage_berge {
    background-image:url('../framework/lebenslagen/berge.png');
}

.btn_lebenslage_einkauf {
    background-image:url('../framework/lebenslagen/einkauf.png');
}

.btn_lebenslage_fernglas {
    background-image:url('../framework/lebenslagen/fernglas.png');
}

.btn_lebenslage_finanz-service {
    background-image:url('../framework/lebenslagen/finanz-service.png');
}

.btn_lebenslage_haus {
    background-image:url('../framework/lebenslagen/haus.png');
}

.btn_lebenslage_kalender {
    background-image:url('../framework/lebenslagen/kalender.png');
}

.btn_lebenslage_kirche {
    background-image:url('../framework/lebenslagen/kirche.png');
}

.btn_lebenslage_recht {
    background-image:url('../framework/lebenslagen/recht.png');
}

.btn_lebenslage_soziales {
    background-image:url('../framework/lebenslagen/soziales.png');
}

.btn_lebenslage_spielplatz {
    background-image:url('../framework/lebenslagen/spielplatz.png');
}

.btn_lebenslage_stadt {
    background-image:url('../framework/lebenslagen/stadt.png');
}

.btn_lebenslage_stadt-menschen {
    background-image:url('../framework/lebenslagen/stadt-menschen.png');
}

section#maparea{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:auto;
    height:auto;
    padding:0;
    display:block;
}

section#lebenslagen {
    z-index: 1004;
    display: none;
    position: absolute;
    left: 0.5rem;
    top: 0;
    padding: 0.5rem;
    padding-right:1rem;
    background-color: #fff;
    border-bottom-left-radius:0.2rem;
    border-bottom-right-radius:0.2rem;
    box-sizing:border-box;
    width:25rem;
}

section#lebenslagen ul {
    list-type:none;
    margin:0;
    padding:0;
}

section#lebenslagen ul li {
    height:3rem;
    display:flex;
    flex-direction:row;
    align-items: center;
}

section#lebenslagen ul li button {
    width:2.5rem;
    height:2.5rem;
    border-radius:1.25rem;
    background-color:#FEBE01;
    vertical-align:middle;
    display:inline-block;
    background-size:2.5rem auto;
    background-repeat:no-repeat;
    background-position:center center;
    margin-right:1rem;
    flex-grow:0;
    flex-shrink:0;
    border:0;
}

section#lebenslagen ul li:nth-child(2) button {
    background-color: #FF6D00;
}

section#lebenslagen ul li:nth-child(3) button {
    background-color: #FF0012;
}

section#lebenslagen ul li:nth-child(4) button {
    background-color: #CF32BB;
}

section#lebenslagen ul li:nth-child(5) button {
    background-color: #83009A;
}

section#lebenslagen ul li:nth-child(6) button {
    background-color: #0052CA;
}

section#lebenslagen ul li:nth-child(7) button {
    background-color: #0085CD;
}

section#lebenslagen ul li:nth-child(8) button {
    background-color: #00967B;
}

section#lebenslagen ul li:nth-child(9) button {
    background-color: #108D2B;
}

section#lebenslagen ul li:nth-child(10) button {
    background-color: #88C207;
}

section#lebenslagen ul li span {
    flex-grow:1;
    flex-shrink:1;
}

section#tools {
    position: absolute;
    width: 2.5rem;
    width:10rem;
    z-index: 1003;
    right: 1rem;
    overflow: auto;
    padding: 0;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    background-color: #fff;
    display:none;
}

#tools > button {
    background-color:transparent;
    color:transparent;
    width: 10rem;
    background-position: left center;
    text-align: left;
    padding-left: 2.5rem;
    color: #979797 !important;
}

#tools > label {
    display:none;
}

.btn_wms {
    background-image:url("../framework/icon_dg_wms.png");
}

.btn_print {
    background-image:url("../framework/icon_dg_print.png");
}

.btn_layer {
    background-image:url("../framework/icon_dg_maptype.png");
}

.btn_hands {
    background-image:url("../framework/icon_dg_hands.png");
}

.btn_ruler {
    background-image:url("../framework/icon_dg_ruler.png");
}

.btn_gps {
    background-image:url("../framework/icon_wht_gps.png");
}

.btn_zoom_in {
    background-image:url("../framework/icon_wht_zoomIn.png");
}

.btn_zoom_out {
    background-image:url("../framework/icon_wht_zoomOut.png");
}

section#navigation {
    position:absolute;
    left:0.5rem;
    right:auto;
    width:25rem;
    top:0;
    bottom:auto;
    height:50%;
/*    overflow:hidden;
    overflow-y:auto;*/
    z-index:1001;
    background-color:#fff;
    display:none;
    padding: 2.5rem 0 0 0;
    box-sizing:border-box;
    border-bottom-left-radius:0.2rem;
    border-bottom-right-radius:0.2rem;
}

section#navigation dl {
    margin: 0;
    padding: 0;
    height:100%;
    display:flex;
    flex-direction:column;
}
section#navigation dl dt {
    margin: 0;
    padding: 0 0.5rem 0 1.5rem;
    line-height: 3rem;
    color: #6E6E6E;
    border-bottom: 4px solid #979797;
    font-weight: bold;
    font-size: 1.1rem;
    flex-grow:0;
    flex-shrink:0;
}

section#navigation dl dt.open {
    padding-left:1rem;
}

section#navigation dl dt:before {
    content: "\A";
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-color: transparent transparent transparent #979797;
    position: relative;
    left: -0.75rem;
    height: 0.5rem;
    display: inline-block;
    width: 0.5rem;
    box-sizing: border-box;
    line-height: 1rem;
}

section#navigation dl dt.open:before {
    border-width: 0.5rem 0.5rem 0 0.5rem;
    border-color: #979797 transparent transparent transparent;
    left: -0.5rem;
    top: -0.25rem;
}

section#navigation dl dt + dd{
    margin:0;
    padding:0.5rem;
    display:none;
    flex-grow:1;
    flex-shrink:1;
    overflow:auto;
    background-color:#F0F0F0;
    background-color:rgba(0,0,0,0.1);
    background-color:#00000012;
    border-bottom:1px dotted #979797;
}

section#navigation dl dt.open + dd{
    display:block;
}

section#searcharea {
    position: absolute;
    top: 0.25rem;
    left: 0.5rem;
    height: 2.5rem;
    right: auto;
    width: 25rem;
    box-sizing:border-box;
    background: transparent;
    z-index: 1002;
    padding: 0.25rem 0.5rem;
}

section#searcharea input {
    width: 100%;
    height: 2rem;
    background: rgba(0,0,0,0.2);
    color: #000;
    box-sizing: border-box;
    padding: 0.25rem;
    border-radius: 0.2rem;
    border: 0;
    font-size: 1rem;
    padding-left: 2rem;
    background-image: url(../framework/icon_dg_lupe.png);
    background-repeat: no-repeat;
    background-size: 2rem auto;
    background-position: left center;
}

section#searcharea input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

section#searcharea input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

section#searcharea input::-ms-input-placeholder { /* Microsoft Edge */
    color: #000    ;
}

section ul {
    list-style:none;
    padding:0;
    margin:0;
}

section#wmsauswahl ul {
    padding-bottom:0.5rem;
}

section#wmsauswahl > ul {
    border-bottom:1px solid #6E6E6E;
    flex-grow:1;
    flex-shrink:1;
    overflow-y:auto;
}
section ul ul li, section ul li div.catEntry {
    line-height:1.6rem;
    display:flex;
    flex-direction:row;
    align-items: start;
    margin: 0.3rem 0;
}

section ul ul {
    padding-left:3.2rem;
    margin:0;
    width:100%;
    flex-shrink:0;
    flex-grow:1;
    margin: 0.5rem 0;
    box-sizing:border-box;
}

section ul ul li label + label {
    flex-grow:1;
    flex-shrink:1;
}

section ul ul .navIconClass {
    width:1.2rem;
    height:1.2rem;
    display:inline-block;
    margin: 0.1rem 0.3rem 0 0;
    vertical-align:middle;
    box-sizing:border-box;
    flex-grow:0;
    flex-shrink:0;
}

section ul .plus {
    width:0;
    height:0;
    border-top: 0.5rem solid transparent;
      border-bottom: 0.5rem solid transparent;
      border-left: 0.5rem solid #979797;
      position: relative;
      margin: 0.15rem 0.25rem;
}

section ul .minus {
    width:0;
    height:0;
    border-left: 0.5rem solid transparent;
      border-right: 0.5rem solid transparent;
      border-top: 0.5rem solid #979797;
      position: relative;
      margin: 0.4rem 0;
}

section ul ul input[type="checkbox"] {
    vertical-align:middle;
}

button.tgGeonav_button_lupe {
    width: 1.5rem;
    height: 1.5rem;
    background: none;
    background-image: url(../framework/icon_dg_lupe.png);
    border: 0;
    background-size: 1.5rem auto;
    background-position: center;
}

section#maptypes {
    position: absolute;
    right: 11.5rem;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    background-color:#fff;
    display:none;
    max-height:100%;
    overflow-y:auto;
}

#maptypes button, #wmsauswahl button {
    height: 2.5rem;
    border: 0;
    color: #979797;
    background:#fff;
    box-sizing:border-box;
    font-size:0.8rem;
    flex-shrink:0;
    flex-grow:0;
}

#maptypes button.aktiv, #measuretools button.aktiv {
    border-bottom: 1px solid #6E6R6E;
    background-color: #6E6E6E20;
}

section#wmsauswahl {
    position: absolute;
    right: 3.5rem;
    z-index: 1002;
    display: none;
    flex-direction: column;
    background-color:#fff;
    width:20rem;
    max-height:50%;
    box-sizing:border-box;
    padding: 1rem 0.5rem;
    padding-bottom:0;
}

section#wmsauswahl > button {
    width:100%;
    flex-shrink:0;
    flex-grow:0;
}

section#measuretools {
    position: absolute;
    right: 0.7rem;
    top:1rem;
    z-index: 1002;
    display: none;
    flex-direction: row;
    flex-wrap:wrap;
    background-color:#fff;
    width:20rem;
    height:7rem;
    box-sizing:border-box;
    padding: 0;
}

section#measuretools h1 {
    background-color:#979797;
    color:#fff;
    text-align:center;
    width:100%;
    box-sizing:border-box;
    flex-grow:0;
    flex-shrink:0;
    line-height:2rem;
    margin:0;
    font-size:1rem;
    font-weight:bold;
    height:2rem;
}

section#measuretools button {
    background-color:#fff;
    flex-grow:1;
    flex-shrink:0;
    cursor:pointer;
}

section#measuretools .measure_result {
    flex-shrink:0;
    flex-grow:0;
    width:100%;
    height:2.5rem;
    box-sizing: border-box;
    color: #6E6E6E;
    line-height: 2.5rem;
    border-top: 1px solid #6E6E6E22;
    padding: 0 0.5rem;
}

.linker {
    position:absolute;
    right:-0.3rem;
    width:0.3rem;
    height:2.5rem;
    background-image:url("../framework/icon_wht_linker.png");
    background-repeat:no-repeat;
    background-size:0.3rem auto;
    background-position:center center;
}

section#maptypes .linker {
    top:0;
}

section#wmsauswahl .linker {
    top:5rem;
}

section#measuretools .linker {
    top:2.5rem;
}

section#geonavigator_logo {
    pointer-events: none;
    position:absolute;
    z-index:999;
    left:0.5rem;
    bottom:0.5rem;
    background-image:url("../framework/geonavigator.png");
    width:5.8rem;
    height:1rem;
    background-size:5.8rem auto;
    background-position:center center;
    background-repeat:no-repeat;
}

section#print{
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index:999;
}

#print_button{
    font-size: 18px;
}

section#info {
    z-index: 1009;
    position: absolute;
    top: 0;
    right: 0.7rem;
    margin: 0;
    background-color: #fff;
    padding:0;
    width: 25rem;
    max-height: 50%;
    overflow: auto;
    display:none;
    flex-direction:column;
    box-sizing:border-box;
    border-bottom-left-radius:0.2rem;
    border-bottom-right-radius:0.2rem;
}

section#info h1 {
    margin: 0;
    background-color: #979797;
    color: #fff;
    text-align: left;
    padding: 0.5rem;
    border-top:0.5rem solid #fff;
}

section#info h1 button.tg_btn_close {
    float: right;
    background: none;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    background-image: url(../framework/close.png);
    background-size:1.5rem auto;
    background-repeat:no-repeat;
    background-position:center center;
}

div#infocontent {
    padding: 1rem 0.5rem;
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

#infocontent img.infocaticon {
    float: right;
    width: 2rem;
    height: auto;
}

#infocontent h2 {
    color: #808080;
    font-size: 1.2rem;
    margin: 0;
}

#info .infoclose {
    display: block;
}

#info.opened .infoclose {
    display: none;
}

#info .infoopen {
    display: none;
}

#info.opened .infoopen {
    display: block;
}

.infomanage {
    display: flex;
    width: 100%;
    padding: 0 0.5rem;
    box-sizing:border-box;
}

.tg_btn_blnk {
    display: block;
    width: 2rem;
    height: 1rem;
    border-bottom: 1px solid #808080;
    flex-grow: 0;
    flex-shrink: 0;
}

.infomanage button {
    width: 2rem;
    height: 2rem;
    border: 0;
    background-repeat:no-repeat;
    background-size:1.5rem auto;
    background-position:center;
    background-color:#fff;
}

.tg_line {
    flex-grow: 1;
    flex-shrink: 1;
    display: block;
    border-bottom: 1px solid #808080;
    height: 1rem;
}

.tg_btn_close {
    background-image:url('../framework/icon_dg_close.png');
}

.tg_btn_sizechanger {
    background-image:url('../framework/icon_dg_darr_down.png');
}

.opened .tg_btn_sizechanger {
    background-image:url('../framework/icon_dg_darr_up.png');
}


section#datingMessage,section#wmsAddForm {
    z-index: 1002;
    position: absolute;
    left: calc(50% - 15rem);
    right: auto;
    margin: auto;
    width: 30rem;
    background-color: #fff;
    top: calc(50% - 10rem);
    height: 20rem;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    display:none;
    box-sizing:border-box;
}

section#datingMessage textarea, section#wmsAddForm textarea{
    height:12rem;
    margin: 1rem 0;
}

section#datingMessage button,section#wmsAddForm button{
    border:none;
    color:#6E6E6E;
    height:2rem;
    font-size:0.8rem;
    line-height:2rem;
}

section#information {
    position:absolute;
    width:30rem;
    height:3rem;
    left:calc(50% - 15rem);
    display:none;
    z-index:1009;
    line-height:3rem;
    background-color:#fff;
    text-align:center;
}

section#gpscenter {
    position:absolute;
    bottom:6rem;
    right:0.7rem;
    z-index:1000;
}

section#zoom{
    position: absolute;
    bottom: 3rem;
    right:0.7rem;
    z-index: 1000;
}

section#navigation,section#tools, section#maptypes, section#wmsauswahl, section#info,section#datingMessage,section#information,section#wmsAddForm, section#measuretools, section#lebenslagen{
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    -webkit-appearance: none;
}

header {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.75);
    -webkit-appearance: none;
}

.tgStyledCheckbox {
 /* position: absolute;*/
  opacity: 0;
}
.tgStyledCheckbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  flex-grow:0;
  flex-shrink:0;
  width:1.5rem;
  margin-right:0.5rem;
  margin-left:-0.8rem;
}
.tgStyledCheckbox + label:before {
  content: '';
  display: block;
  vertical-align: text-top;
  background-image: url("../framework/dijit_checkbox_db.png");
  background-size: auto 1.5rem;
  width:1.5rem;
  height:1.5rem;
  margin:0;
  border:1px solid #002b4e;
  box-sizing: border-box;
  overflow:hidden;
  margin-right:0.5rem;
  background-position: -1.5rem center;
  background-color:#fff;
  flex-shrink:0;
  flex-grow:0;
  float:left;
}

.tgStyledCheckbox:hover + label:before {
  background-position: -4.5rem center;
}

.tgStyledCheckbox:checked + label:before {
  background-position: 0 center;
}

.tgStyledCheckbox:checked:hover + label:before {
  background-position: -3rem center;
}

.tgStyledCheckbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
  border-color: #808080;

}

.tgStyledCheckbox:disabled + label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}

.tg_checkbox_darkgrey + label:before {
  background-image:url("../framework/dijit_checkbox_dg.png");
  border-color:#5a5a5a;
}

.tg_checkbox_eye + label:before {
  background-image:url("../framework/dijit_checkbox_auge_db.png");
  border-color:#d9d9d9;
}

@media only screen and (max-height: 52rem) {
    section#navigation,section#tools, section#maptypes, section#wmsauswahl, section#info {
        max-height:100%;
    }

    section#navigation, section#info.opened {
        height:100%;
    }

    div#infocontent {
        order:2;
    }

    div#infomanage {
        order:1;
    }

    section#navigation {
        left:0;
    }

    section#searcharea {
        left:0;
    }

    section#info {
        right:0;
    }

    section#datingMessage, section#wmsAddForm {
        top:0;
        bottom:0;
        height:auto;
    }

    section#measuretools {
        top:0;
        right:0;
        height:5rem;
    }

    section#measuretools h1 {
        display:none;
    }
}

@media only screen and (max-width: 52rem) {
    section#navigation, section#info {
        left:0;
        right:auto;
    }

    section#info {
        bottom:0;
        top:auto;
    }

    .tg_btn_sizechanger {
        background-image: url(../framework/icon_dg_darr_up.png);
    }

    .opened .tg_btn_sizechanger {
        background-image: url(../framework/icon_dg_darr_down.png);
    }
}

@media only screen and (max-width: 30rem) {
    section#navigation, section#info {
        width:100%;
        left:0;
    }

    section#searcharea {
        width:100%;
        left:0;
        box-sizing:border-box;
    }

    section#maptypes, section#wmsauswahl, section#measuretools {
        width:auto;
        left:0;
        top: 0;
    }

    section#maptypes {
        right: 3.5rem;
    }

    section#datingMessage, section#wmsAddForm {
        left:0;
        right:0;
        top:0;
        bottom:0;
        height:auto;
        width:auto;
    }

    #systemheader {
        padding:0 0.25rem;
    }

    section#lebenslagen {
        left:0.25rem;
        padding:0.25rem;
        max-width:calc(100% - 2rem);
        box-sizing:border-box;
    }

    section#tools {
        right:0.5rem;
        width:2.5rem;
    }

    section#tools > button {
        color:transparent !important;
        width:2.5rem;
    }

    section#measuretools {
        top:0;
        right:0;
        left:0;
        width:auto;
        height:5rem;
    }

    section#measuretools h1 {
        display:none;
    }

    header button.tgGeonav_btn .beschriftung{
        display: none;
    }

    header button.tgGeonav_btn{
        padding:0;
    }

    #tools label {
        display:none;
    }

    section#information {
        top:0;
        left:0;
        right:0;
        width:auto;
        height:auto;
        line-height:1.2rem;
        padding:0.5rem 1rem;
    }
}

.leaflet-gps-marker {
    box-sizing:border-box;
    width:16px;
    height:16px;
    border-radius:8px;
    border:2px solid #fff;
    background-color:#979797;
}

.leaflet-measure-marker {
    box-sizing:border-box;
    width:10px;
    height:10px;
    border-radius:5px;
    border:2px solid #f00;
    background-color:#ffffff90;
}

@media print {
    #print_button {
        display:none;
    }
}