/* -------------- BODY  -------------- */
body {
    background-color: #F4F3F2;
    /* font-family: 'Open Sans', sans-serif; */
    /* font-size: 11px; */
    /* font-weight: 300; */
    /* fill: #5C493F;
    /* text-align: center; */
    /* text-shadow: 0 3px 0 #F4F3F2, 3px 0 0 #F4F3F2, -3px 0 0 #F4F3F2, 0 -3px 0 #F4F3F2; */
    /* cursor: default; */
    }


/* -------------- HILFSLINIEN  -------------- */
.hilfslinie {
  fill:  #AF2832;
  fill-opacity:0;
  stroke: #AF2832;
  stroke-width: 1;
}

/* -------------- RADAR  -------------- */

.radar {
   fill: none;
   stroke: #D5CFCD;
   stroke-width: 1.5;
   stroke-linecap: round;
   stroke-dasharray: 0.1,4;
}

.axis {
   stroke: #968782;
   stroke-width: 1;
   stroke-linecap: round;
}

.sectortext {
  font-size: 14px;
  fill: #968782;
}

.centertext {
  font-size: 14px;
  fill: #968782;
}


/* -------------- KATEGORIEN  -------------- */

.axis.Mobility {
	stroke: #5F6058;
}
.axis.Living {
	stroke: #c10025;
}
.axis.Economy {
	stroke: #000000;
}
.axis.Environment {
	stroke: #007d6c;
}
.axis.Government {
	stroke: #8AB4DD;
}
.axis.People {
	stroke: #E26216;
}

.sectortext.Mobility {
	fill: #5F6058;
}
.sectortext.Living {
	fill: #c10025;
}
.sectortext.Economy {
	fill: #000000;
}
.sectortext.Environment {
	fill: #007d6c;
}
.sectortext.Government {
	fill: #8AB4DD;
}
.sectortext.People {
	fill: #E26216;
}

/* Kategorie 0 - Mobility */
.Kategorie0_marktreif{
  fill: #5F6058;
  opacity: 100%;
  stroke: #5F6058;
  stroke-width: 1.5px;
}

.Kategorie0_Pilotstadium{
  fill: #5F6058;
  opacity: 50%;
  stroke: #5F6058;
  stroke-width: 1.5px;
}

.Kategorie0_Forschungsstadium{
  fill: #F4F3F2;
  stroke: #5F6058;
  stroke-width: 1.5px;
}

.Kategorie0_Auswahl{
  fill: none;
  stroke: #5F6058;
  stroke-width: 1.5px;
}

.Kategorie0{
  background-color: #EAEEEC;
  color: #5F6058;
}

.Kategorie0 a{
  color: #5F6058;
}


/* Kategorie 1 - Living */
.Kategorie1_marktreif{
  fill: #c10025;
  stroke: #c10025;
  opacity: 100%;
  stroke-width: 1.5px;
}

.Kategorie1_Pilotstadium{
  fill: #c10025;
  stroke: #c10025;
  opacity: 50%;
  stroke-width: 1.5px;
}

.Kategorie1_Forschungsstadium{
  fill: #F4F3F2;
  stroke: #c10025;
  stroke-width: 1.5px;
}

.Kategorie1_Auswahl{
  fill: none;
  stroke: #c10025;
  stroke-width: 1.5px;
}

.Kategorie1{
  background-color: #FCF7EE;
  color: #c10025;
}

.Kategorie1 a{
  color: #c10025;
}


/* Kategorie 2 - Economy */
.Kategorie2_marktreif{
  fill: #000000;
  opacity: 100%;
  stroke: #000000;
  stroke-width: 1.5px;
}

.Kategorie2_Pilotstadium{
  fill: #000000;
  opacity: 50%;
  stroke: #000000;
  stroke-width: 1.5px;
}

.Kategorie2_Forschungsstadium{
  fill: #F4F3F2;
  stroke: #000000;
  stroke-width: 1.5px;
}

.Kategorie2_Auswahl{
  fill: none;
  stroke: #000000;
  stroke-width: 1.5px;
}

.Kategorie2{
  background-color: #EFEDEC;
  color: #000000;
}

.Kategorie2 a{
  color: #000000;
}



/* Kategorie 3 - Environment */
.Kategorie3_marktreif{  
  fill: #007d6c;
  opacity: 100%;
  stroke: #007d6c;
  stroke-width: 1.5px;
}

.Kategorie3_Pilotstadium{  
  fill: #007d6c;
  opacity: 50%;
  stroke: #007d6c;
  stroke-width: 1.5px;
}

.Kategorie3_Forschungsstadium{  
  fill: #F4F3F2;
  stroke: #007d6c;
  stroke-width: 1.5px;
}

.Kategorie3_Auswahl{
  fill: none;
  stroke: #8CB48C;
  stroke-width: 1.5px;
}

.Kategorie3{
  background-color: #F3F7F3;
  color: #709070;
}

.Kategorie3 a{
  color: #709070;
}



/* Kategorie 4 - Government */
.Kategorie4_marktreif{  
  fill: #8AB4DD;
  opacity: 100%;
  stroke: #8AB4DD;
  stroke-width: 1.5px;
}

.Kategorie4_Pilotstadium{  
  fill: #8AB4DD;
  opacity: 50%;
  stroke: #8AB4DD;
  stroke-width: 1.5px;
}

.Kategorie4_Forschungsstadium{  
  fill: #F4F3F2;
  stroke: #8AB4DD;
  stroke-width: 1.5px;
}

.Kategorie4_Auswahl{
  fill: none;
  stroke: #8AB4DD;
  stroke-width: 1.5px;
}

.Kategorie4{
  background-color: #F2F6F9;
  color: #8AB4DD;
}

.Kategorie4 a{
  color: #8AB4DD;
}


/* Kategorie 5 - People */
.Kategorie5_marktreif{
  fill: #E26216;
  stroke:#E26216;
  opacity: 100%;
  stroke-width: 1.5px;
}

.Kategorie5_Pilotstadium{
  fill: #E26216;
  stroke: #E26216;
  opacity: 50%;
  stroke-width: 1.5px;
}

.Kategorie5_Forschungsstadium{
  fill: #F4F3F2;
  stroke: #E26216;
  stroke-width: 1.5px;
}

.Kategorie5_Auswahl{
  fill: none;
  stroke: #E26216;
  stroke-width: 1.5px;
}

.Kategorie5{
  background-color: #FCF2EB;
  color: #E26216 !important;
}

.Kategorie5 a {
  color: #E26216 !important;
} 


/* -------------- Auswahl-Kreis  -------------- */

.auswahlkreis {
  fill: none;
  stroke-width: 1.5;
}

/* --------------- Tooltip B (Textschatten) ---------------------- */

.tooltip {
  font-size: 16px;
  background-color: rgba(248, 247, 247,0.9);
  display:inline;
  position: absolute;
  z-index: 1;
  padding: 2px;
}

/*-------------------- Tooltip Text ---------------------------------*/

/* Tooltip container */
.tooltip1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 400px;
  border-color: black;
  background-color: #F4F3F2;
  color: black;
  padding: 10px 10px;
  border-radius: 1px;

  font-family: 'Roboto',Arial,Sans-Serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #333;

  font-family:  'Roboto',Arial,Sans-Serif;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext {
  visibility: visible;
}