@font-face{
font-family:"FrutigerLTW02-45Light";
src:url("../fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix");
src:url("../fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix") format("eot"),url("../fonts/3dfb651c-3644-4f87-b7cb-32889ea939ba.woff2") format("woff2"),url("../fonts/59d9a83f-4045-4d43-af46-655f845461ee.woff") format("woff"),url("../fonts/f901b503-9104-414a-a856-af9bcc802b5c.ttf") format("truetype"),url("../fonts/e4d07d96-8993-47b9-9f1d-1e228bf1c529.svg#e4d07d96-8993-47b9-9f1d-1e228bf1c529") format("svg");
}
@font-face{
font-family:"FrutigerLTW02-55Roman";
src:url("../fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix");
src:url("../fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix") format("eot"),url("../fonts/361c8371-8c18-4a04-9430-ef7cd4bf06ec.woff2") format("woff2"),url("../fonts/409b4bec-c67e-4764-a141-054db8df81d2.woff") format("woff"),url("../fonts/efe9def0-77d1-4c28-8fd2-371236a3c8ed.ttf") format("truetype"),url("../fonts/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#70b07d32-76f5-474e-83b0-7d5a3fefb15b") format("svg");
}

path.leaflet-interactive:focus {
    outline: none;
}

h1 {
    font-family:"FrutigerLTW02-55Roman";
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    font-family:"FrutigerLTW02-55Roman";
    font-size: 1.2em;
    font-weight: normal;
}

h3 {
    font-family:"FrutigerLTW02-55Roman";
    font-size: 1em;
    font-weight: normal;
}

h4 {
    font-family:"FrutigerLTW02-55Roman";
    font-size: 0.8em;
    font-weight: normal;
}

.info {
    padding: 6px 8px;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

img.start-mobil{
    height: 80px;
}

div.topgrid-label{
    font-family:"FrutigerLTW02-55Roman";
    font-size: 0.9em;
}

#disclaimer_modal-title, #update_modal-title{
    font-family:"FrutigerLTW02-55Roman";
    font-size: 1.3em;
    font-weight: normal;
}

.modal-button{
    border-color: #00a787 !important;
    background: #00a787 !important;
    color: #ffffff !important;
}

.modal-button:hover {
    border-color: #00a787 !important;
    background: #ffffff !important;
    color: #00a787 !important;
}

.modal-button:active{
    border-color: #00a787 !important;
    background: #00a787 !important;
    color: #ffffff !important;
}

div.areas{
    margin: 10px 0 20px 0;
}

div.areas button.area{
    font-size: 0.75rem;
    padding: 2px 8px 2px 8px;
    margin: 4px;
    border-color: #00a787;
    background: #00a787;
    color: #ffffff;
}

div.areas button.area:hover{
    color:  #00a787;
    border-color:  #00a787;
    background: #ffffff;
}

div.areas button.area:active{
    border-color: #00a787;
    background: #00a787;
    color: #ffffff;
}


div.spacer{
    height:50px;
}

.absolute-bottom {
    text-align: center;
    bottom:0;
    }

#main_content{
    z-index: 1;
    min-height: calc(100vh - 50px);
}

.footer {
    background: #212529;
  /*  position: fixed; */
    height: 50px;
    bottom: 0;
    width: 100%;
    z-index: 10000;
}

.footer .content{
    margin: 12px;
}

.footer .content a{
    color:  #FCFCFC;
    margin: 0 14px;
}
.footer span.divider{
    color: #FCFCFC;
    margin: 0 14px;
}

.footer .version{

}


.screensize-logo{
    width: 80%;
    margin-top: 35px;
    margin-bottom: 30px;
    margin-left: 36px;
    margin-right: 10px;
}


.trafo-logo{
    max-width:200px;
    width: 100%;
    margin-top:30px;
}

#sidebar{
    position: relative;
}

#sidebar_outer {
    overflow: visible;
    height: 100vh;
    /*overflow-y: auto;*/
    position: fixed;
    z-index: 101;
}

#logos{
    margin-Bottom: 50px;
}

.logo{
    width: 100%;
    max-width: 180px;
    height: auto;
}

#logos #fhiee {
    width:120px;
}

#menu{
    background: #ffffff;
    z-index: 1000;
    width: 100%;
}

.sidebar{
 /*   border-color: #12e4c180;
    background: #ffffff; */
}

.sidebar:hover{
    color: #ffffff;
    border-color: #00a787;
    background: #00a787;
}

.selected-item, .selected-item:hover {
    background-color: #00a787;
    position: relative;
    color: #ffffff;
    font-weight: 700;
    border-color: #00a787;
}

.bold{
    font-weight:700;
}
/*
.selected-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background-color: #12e4c1; /* Or any desired shade of green
}
*/

.show-result {
  /*  padding: 10px;
    margin: 10px;
    border: thin;
    border-radius: 5px;
    border-color: lightgray;
    border-style: solid;
    background: #ffffff; */
    font-weight: bold;
}

dmc-label{
    font-family: "FrutigerLTW02-55Roman" !important;
    font-size: 0.50em;
}

body{
    font-family: "FrutigerLTW02-45Light";
}

.card{
    border-radius: 5px;
}

#lf_legend_legend h6, #eb_legend h6, #eb_legend p, #ic_legend h6, #ic_legend p,  #pftme_legend_legend h6{
    font-family: "FrutigerLTW02-45Light";
    font-size: 0.75rem;
    line-height: 0.75rem
}

/*@media screen (max-width: 600px){*/
/*    #start .parent.griditem.grid__card {*/
/*        display:block*/
/*    }*/
/*}*/