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

body {
	
	padding: 20px;
}

h3{
  font-family: Verdana-Bold, Verdana;
  text-align: center;
}

#svg_container{
	position: absolute;
	left: 100px;
	top: 100px;
	width: 900px;
	height: 900px;
	cursor: grab;
	overflow: hidden;
  float: left;
}

#pins{
  cursor: pointer;
}

.hide {
	display: none;
}

 .bundesland {fill: #919c7d;
      }

.bundesland:hover {fill: rgba(0,0,0,0.2);}


 .mar {
        fill: #0404B4;
      }


 .heer {
        fill: #21610B;
      }

 .lw {
        fill: #58ACFA;
      }

 .skb {
        fill: #FF8000;
      }

 .sk {
        fill: #30302f;
      }

 .pers {
        fill: #848484;
      }

 .cir {
        fill: #0B0B61;
      }

 .san {
        fill: #FF0040;
      }


      .cls-10, .cls-2 {
        opacity: 0.98;
      }

      .cls-3 {
        fill: #de5e16;
      }

      .cls-4, .cls-5 {
        fill: #e5e5e6;
      }

      .cls-5 {
        font-size: 4.85px;
        font-family: Verdana-Bold, Verdana;
        font-weight: 700;
      }

      .cls-6 {
        font-size: 3.35px;
      }

      .cls-10, .cls-7, .cls-8, .cls-9 {
        fill-rule: evenodd;
      }

      .cls-8 {
        opacity: 0.4;
        isolation: isolate;
      }

      .cls-10 {
        fill: none;
        stroke: #21610B;
        stroke-miterlimit: 10;
        stroke-width: 0.5px;
      }
    
      

      #pins g{
        stroke: black;
        stroke-width: 0.25px;
      }


      #tsks{
        margin-top: 10%;
        margin-left: 60%;
      }


      #tsks div {
        border-style: outset;
        border-color: gray;
        border-radius: 5px;
        width: 33%;
        text-align: center;
        margin-top: 8px;
        cursor: pointer;
      }

      #tsks div:hover {
        border-color: black ;        
      }