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

*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
  	margin: 0;
  	width: 1920px;
  	height: 1010px;
	overflow: hidden;
   margin: 0;
  padding: 0; 
  background-color: rgb(11, 57, 184);;
	transition: all 0.5s ease 0s;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif, "Segoe UI";
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}  




.touchGruppe{
  pointer-events: none;
}

.content{
   position: relative;  
   
}


.hide{
   display: none;
}


.svg_zoom{
   position: absolute;
   width: 85px;
   height: 70px;
   bottom: 440px;
   right: 35px;
   z-index: -500;   
   cursor: pointer;    
}



.svg_container{
   position: absolute;
   width: 1680px;
   height: 900px;
   top: 10px;
   left: 50px;
   z-index: 30;
   /* overflow-y: auto; */
}


.svg_container .zoomsvg{
   transform: scale(1);
}




/* styling der SVG Zustaendigkeiten */

.cls-1, .cls-2, .cls-3 {
  fill: #ff4e5f;
}

.cls-4 {
  fill: url(#linear-gradient-12);
}

.cls-4, .cls-5, .cls-6, .cls-7, .cls-2, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-3, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18, .cls-19, .cls-20, .cls-21, .cls-22, .cls-23 {
  stroke-width: 0px;
}

.cls-5, .cls-24, .cls-25 {
  fill: #4d4d4d;
}

.cls-6 {
  fill: url(#linear-gradient);
}

.cls-26 {
  stroke-dasharray: 0 0 .51 1.53;
}

.cls-26, .cls-27, .cls-28, .cls-29, .cls-30, .cls-31, .cls-32, .cls-33, .cls-34, .cls-35 {
  fill: none;
  stroke: #4d4d4d;
  stroke-linecap: round;
  stroke-width: .75px;
}

.cls-26, .cls-28, .cls-29, .cls-31, .cls-32, .cls-33, .cls-34, .cls-35 {
  stroke-linejoin: round;
}

.cls-36 {
  font-size: 14.81px;
}

.cls-36, .cls-13 {
  fill: #777;
}

.cls-36, .cls-24, .cls-25 {
  font-family: Verdana-Bold, Verdana;
  font-weight: 700;
}

.cls-7 {
  fill: url(#linear-gradient-6);
}

.cls-27, .cls-37, .cls-30, .cls-38, .cls-39 {
  stroke-miterlimit: 10;
}

.cls-8 {
  fill: #e6e6e6;
}

.cls-37, .cls-15, .cls-39 {
  fill: #ccc;
}

.cls-37, .cls-38 {
  stroke-width: .25px;
}

.cls-37, .cls-39 {
  stroke: #ccc;
}

.cls-40 {
  isolation: isolate;
}

.cls-10 {
  fill: url(#linear-gradient-11);
}

.cls-28 {
  stroke-dasharray: 0 0 1.89 1.89;
}

.cls-29 {
  stroke-dasharray: 0 0 2 2;
}

.cls-11 {
  fill: url(#linear-gradient-5);
}

.cls-30 {
  stroke-dasharray: 0 0 2.01 2.01;
}

.cls-31 {
  stroke-dasharray: 0 2;
}

.cls-12 {
  fill: red;
}

.cls-41 {
  clip-path: url(#clippath-1);
}

.cls-3, .cls-42 {
  mix-blend-mode: multiply;
}

.cls-14 {
  fill: url(#linear-gradient-13);
}

.cls-32 {
  stroke-dasharray: 0 0 1.96 1.96;
}

.cls-43 {
  opacity: .3;
}

.cls-24 {
  font-size: 9.26px;
}

.cls-16 {
  fill: url(#linear-gradient-2);
}

.cls-44 {
  opacity: .32;
}

.cls-38 {
  fill: url(#linear-gradient-14);
  opacity: .5;
  stroke: #000;
}

.cls-17 {
  fill: url(#linear-gradient-7);
}

.cls-18 {
  fill: url(#linear-gradient-3);
}

.cls-45 {
  clip-path: url(#clippath);
}

.cls-19 {
  fill: url(#linear-gradient-9);
}

.cls-33 {
  stroke-dasharray: 0 0 2.02 2.02;
}

.cls-20 {
  fill: url(#linear-gradient-8);
}

.cls-34 {
  stroke-dasharray: 0 0 .49 1.46;
}

.cls-39 {
  stroke-width: .5px;
}

.cls-21 {
  fill: url(#linear-gradient-10);
}

.cls-22 {
  fill: #fc0;
}

.cls-25 {
  font-size: 18.52px;
}

.cls-23 {
  fill: url(#linear-gradient-4);
}


#mausnav{
  position: absolute;
  bottom: 50px;
  left: 185px;
  z-index: 2;
  scale: 0.5;
}