svg {
	width: 600px; /* je nach Bedarf anpassen */
	height: auto;
	border: 1px solid #ccc;
	cursor: pointer;
}
/* Hervorhebung der ausgewählten Teile */
.selected path {
	fill: orange !important;
	stroke: #ff6600 !important;
	stroke-width: 2;
}
.st0 {
	fill: red;
}
.st0, .st1, .st2, .st3, .st4, .st5, .st6, .st7, .st8, .st9, .st10 {
	stroke: #000;
}
.st0, .st1, .st2, .st3, .st4, .st6, .st7, .st8, .st9, .st10 {
	stroke-width: .4px;
}
.st0, .st6, .st7, .st8 {
	stroke-linejoin: round;
}
.st1 {
	fill: #3b3b3a;
}
.st1, .st2, .st11, .st3, .st4, .st5, .st9, .st10 {
	stroke-miterlimit: 10;
}
.st1, .st9 {
	fill-rule: evenodd;
}
.st2, .st5, .st7, .st8, .st9 {
	fill: #fff;
}
.st11 {
	stroke: #fff;
}
.st11, .st5 {
	stroke-width: .4px;
}
.st11, .st6 {
	fill: none;
}
.st3 {
	fill: #d0cfcf;
}
.st4 {
	fill: #e6e6e6;
}
.st6, .st8 {
	stroke-linecap: round;
}
.st10 {
	fill: #4d4d4d;
}
.svg-container {
	width: 100%;
	height: 100%;
}
svg {
	width: 100%;
	height: 100%;
}
.svg-container g.active {
	outline: 3px solid red;
	cursor: pointer;
}
.svg-container g:hover {
	opacity: 0.8;
	cursor: pointer;
}  
.selected path, .selected polygon {
	fill: orange !important;
	stroke: #ff6600 !important;
	stroke-width: 2;
}
.svg-container {
	max-width: 500px;
}
    .step {
      display: none;
    }
    .step.active {
      display: block;
    }
    button {
      margin: 5px;
    }