.kin-dt-searchWrapper{
  border: 2px lightgray solid;
  border-radius: 3px;
  width: 350px;
  max-width: 100%;
  /*background-color: #77B1DE;*/
  background-color: steelblue;
  z-index: 3;
  position: absolute;
  /*margin-top: 35px;*/
  left: 50%;
  bottom: 8px;
  transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.kin-dt-result{
  position: relative;
  left:50%;
  transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  /*padding-top: 30px;*/
  padding-left: 10px;
  padding-right: 10px;
  /*font-family: 'IM Fell English';*/
  /*font-family: 'IM Fell DW Pica';
  font-size: 18px;*/
  font-family: sans-serif;
  font-size: 1.2em;

}

.kin-dt-searchField{
  width: 100%;
  border-radius: 2px;
  border: 1px solid lightgray;
  font-size: 22px;
  font-family: sans-serif;
  padding-left: 10px;
  background-image: url(/img/search.png);
  background-repeat: no-repeat;
  background-position: right 7px center;
}

.kin-dt-suggestionList{
  display: none;
  /*width: 100%;*/
  list-style-type: none;
  padding-left: 5px;
  margin-bottom: 2px;
  font-family: sans-serif;
  color: #234363;
  /*color: white;*/

  position: absolute;
  top: 22px;
  left: -2px;
  right: -2px;
  /*border: 2px lightgray solid;*/
  /*border-radius: 3px;*/
  background-color: lightgray;
}

.kin-dt-suggestionList > li{
  padding: 2px;
  cursor: pointer;
}

.kin-dt-suggestionList > li:hover, .kin-dt-selectedSuggestion{
  background-color: #FAD201;
  color: #20603D;
  margin-left: -7px;
  margin-right: -2px;
  padding-left: 9px !important;
}

.kin-dt-resultList{
  max-width: 700px;
  padding-left: 0px;
  margin: 0;
  list-style-type: none;
  /*font-family: serif;*/
  /*font-family: 'IM Fell English';*/
  /*font-family: 'IM Fell DW Pica';
  font-size: 18px;*/
  font-family: sans-serif;
  font-size: 1.2em;

}

.kin-dt-resultList > li{
  padding: 10px;
  position: relative;
}

.kin-dt-resultList > li:hover{
  background-color: lightskyblue;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
}

.kin-dt-exampleWord{
  padding: 10px;
}

.kin-dt-feedbackWrapper{
  height: 30px;
  width: 100%;
  display: none;
}

.kin-dt-feedbackLink{
  height: auto;
  width: auto;
  background-color: black;
  color: white;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
}

.kin-dt-feedbackLink:hover{
  background-color: red;
  color: white;
}

#kin-dt-feedbackPreview{
  /*font-family: 'IM Fell English';*/
  /*font-family: 'IM Fell DW Pica';*/
  font-family: sans-serif;
  font-size: 1.2em;

}

.kin-dt-resultList > li:hover > .kin-dt-feedbackWrapper{
  display: block;
}

.kin-dt-lemma{
  font-weight: bold;
  font-size: 20px;
}

.kin-dt-sublemma{
  font-style: italic;
}

.kin-dt-sublemma, .kin-dt-perfekt, .kin-dt-imperfekt{
  font-style: italic;
}

.kin-dt-prefix{
  font-weight: 300;
  color: #606060;
}

.kin-dt-wortart{
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  font-family: sans-serif;
  color: white;
  background-color: black;
  padding-left: 3px;
  padding-right: 3px;
}

.kin-dt-link{
  cursor: pointer;
}

.kin-dt-link:hover{
  background-color: yellow;
  color: black;
}

.kin-dt-link-gr{
  cursor: pointer;
  text-decoration: underline;
}

.kin-dt-link-gr:hover{
  background-color: yellow;
  color: black;
}

.kin-dt-gender{
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  font-family: sans-serif;
  color: white;
  background-color: gray;
  padding-left: 3px;
  padding-right: 3px;
}

.kin-dt-klasse{
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  font-family: sans-serif;
  color: white;
  padding-left: 3px;
  padding-right: 3px;
}

.kin-dt-kl{
  color: white;
  padding-left: 1px;
  padding-right: 1px;
}

.kin-dt-1ps{background-color: #660033;}
.kin-dt-1pp{background-color: #b30059;}
.kin-dt-2ps{background-color: #660022;}
.kin-dt-2pp{background-color: #b3003b;}
.kin-dt-kl1{background-color: red;}
.kin-dt-kl2{background-color: darkblue;}
.kin-dt-kl3{background-color: darkgreen;}
.kin-dt-kl4{background-color: darkorange;}
.kin-dt-kl5{background-color: darkcyan;}
.kin-dt-kl6{background-color: darkviolet;}
.kin-dt-kl7{background-color: deeppink;}
.kin-dt-kl8{background-color: gray;}
.kin-dt-kl9{background-color: black;}
.kin-dt-kl10{background-color: brown;}

.kin-dt-reference{
  font-style: italic;
  text-decoration: underline;
  cursor: pointer;
}

.kin-dt-grammarExample{
  border: 1px solid lightgray;
}

.kin-dt-examples{
  margin-left: 10px;
  margin-top: 5px;
}

.kin-dt-example1{
  font-weight: bold;
}

.kin-dt-example2{

}

.kin-dt-underlined{
  text-decoration: underline;
  text-decoration-style: wavy;
}

.kin-dt-info{
  /*max-width: 250px;*/
  width: 100%;
  background-color: white;
  border-radius: 2px;
  padding: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /*font-family: 'IM Fell English';*/
  /*font-family: 'IM Fell DW Pica';
  font-size: 14px;*/

  font-family: sans-serif;
  font-size: 1em;

}

.kin-dt-categoryHeader{
  display: block;
  margin-top: 30px;
  margin-bottom: 0px;
}

.kin-dt-category {
  margin-top: -20px;
}

.kin-dt-tagAntelop{
  display: inline-block;
  width: 24px;
  height: 20px;
  background-image: url(/img/lang/antelop.png);
  background-size: auto 18px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagAntelop:hover{
  background-image: url(/img/lang/antelop_w.png);
}*/

.kin-dt-tagApe{
  display: inline-block;
  width: 24px;
  height: 18px;
  background-image: url(/img/lang/ape.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagApe:hover{
  background-image: url(/img/lang/ape_w.png);
}*/

.kin-dt-tagBanana{
  display: inline-block;
  width: 19px;
  height: 18px;
  background-image: url(../img/lang/banana.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagBanana:hover{
  background-image: url(/img/lang/banana_w.png);
}*/

.kin-dt-tagBird{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/bird.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagBird:hover{
  background-image: url(/img/lang/bird_w.png);
}*/

.kin-dt-tagBody{
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/lang/body.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagBody:hover{
  background-image: url(/img/lang/body_w.png);
}*/

.kin-dt-tagChemical{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/chemical.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagChemical:hover{
  background-image: url(/img/lang/chemical_w.png);
}*/

.kin-dt-tagComputer{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/img/lang/computer.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagComputer:hover{
  background-image: url(../img/lang/computer_w.png);
}*/

.kin-dt-tagCow{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/cow.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagCow:hover{
  background-image: url(/img/lang/cow_w.png);
}*/

.kin-dt-tagDyn{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/spears.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagDyn:hover{
  background-image: url(/img/lang/spears_w.png);
}*/

.kin-dt-tagFamily{
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/lang/family.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagFamily:hover{
  background-image: url(/img/lang/family_w.png);
}*/

.kin-dt-tagFinance{
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/lang/finance.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagFinance:hover{
  background-image: url(/img/lang/finance_w.png);
}*/

.kin-dt-tagFish{
  display: inline-block;
  width: 32px;
  height: 18px;
  background-image: url(/img/lang/fish.png);
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagFish:hover{
  background-image: url(/img/lang/fish_w.png);
}*/

.kin-dt-tagGeo{
  display: inline-block;
  width: 34px;
  height: 20px;
  background-image: url(/img/lang/geo.png);
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagGeo:hover{
  background-image: url(/img/lang/geo_w.png);
}*/

.kin-dt-tagHealth{
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/lang/health.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagHealth:hover{
  background-image: url(/img/lang/health_w.png);
}*/

.kin-dt-tagLaw{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/law.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagLaw:hover{
  background-image: url(/img/lang/law_w.png);
}*/

.kin-dt-tagLing{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/pencil.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagLing:hover{
  background-image: url(/img/lang/ling_w.png);
}*/

.kin-dt-tagMilitary{
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/lang/military.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagMilitary:hover{
  background-image: url(/img/lang/military_w.png);
}*/

.kin-dt-tagPlanet{
  display: inline-block;
  width: 30px;
  height: 18px;
  background-image: url(/img/lang/planet.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagPlanet:hover{
  background-image: url(/img/lang/planet_w.png);
}*/

.kin-dt-tagPlant{
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/lang/plant.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagPlant:hover{
  background-image: url(/img/lang/plant_w.png);
}*/

.kin-dt-tagSnake{
  display: inline-block;
  width: 33px;
  height: 18px;
  background-image: url(/img/lang/snake.png);
  background-size: auto 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagSnake:hover{
  background-image: url(/img/lang/snake_w.png);
}*/

.kin-dt-tagSport{
  display: inline-block;
  width: 22px;
  height: 18px;
  background-image: url(/img/lang/sport.png);
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagSport:hover{
  background-image: url(/img/lang/sport_w.png);
}*/

.kin-dt-tagVulcano{
  display: inline-block;
  width: 32px;
  height: 18px;
  background-image: url(/img/lang/vulcano.png);
  background-size: auto 14px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
/*.kin-dt-tagVulcano:hover{
  background-image: url(/img/lang/vulcano_w.png);
}*/

.kin-dt-middle{
  position: relative;
  left:50px;
  width: 800px;
}
.kin-dt-right{
  position: absolute;
  right: 70px;
  top: 0px;
  width: 500px;
  min-height: 10px;
}
.kin-dt-right > div {
  position: relative;
  left: 50%;
  transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
}

@media only screen and (max-width: 1500px) {
  .kin-dt-middle{
    width: 700px;
  }
  .kin-dt-right{
    position: absolute;
    width: 400px;
  }
}

@media only screen and (max-width: 1300px) {
  .kin-dt-middle{
    width: 600px;
  }
}

@media only screen and (max-width: 1200px) {
  .kin-dt-middle{
    width: 500px;
  }
}

@media only screen and (max-width: 1100px) {
  .kin-dt-middle{
    position: relative;
    width: 80%;
    margin-bottom: 20px;
    left: 50%;
    transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
  }
  .kin-dt-right{
    position: relative;
    right: 0px;
    width: 100%;
    margin-top: 10px;
  }
  .kin-dt-right > div {
    position: relative;
    left: 50%;
    transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
  }
  .kin-dt-info{
    box-shadow: none;
  }

}

@media only screen and (max-width: 600px) {

  .kin-dt-searchWrapper{
    width: 100%;
    z-index: 3;
    position: relative;
    margin-top: 0px;
    left: 0px;
    bottom: -20px;
    transform: none;
    -ms-transform: none;
    border-radius: 0px;
  }

  .kin-dt-result{
    padding-top: 0px;
  }

  .kin-dt-resultList > li:hover{
    box-shadow: none;
  }

  .kin-dt-middle{
    position: relative;
    left:0;
    transform: none;
    -ms-transform: none;
    width: 100%;
  }

  .kin-dt-right > div {
    width: 80%;
  }

}