/*=======================================================
  colors
=======================================================*/
/* primär */
/* sekundär */
/* KA - Color CI */
/* Gray */
/* Light Colors */
/* Blue */
/* Orange */
/* Yellow */
/* Green */
/* path variables */
/* box shadow */
/* shadow inset */
.boxShadowInset {
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
}
/* transition */
.transition {
  -webkit-transition: all 500ms ease-in-out;
  /* Firefox */
  -moz-transition: all 500ms ease-in-out;
  /* WebKit */
  -o-transition: all 500ms ease-in-out;
  /* Opera */
  transition: all 500ms ease-in-out;
  /* Standard */
}
.transitionNone {
  -webkit-transition: none;
  /* Firefox */
  -moz-transition: none;
  /* WebKit */
  -o-transition: none;
  /* Opera */
  transition: none;
  /* Standard */
}
.transform {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.transformTwo {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.transformThree {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
}
.transformFour {
  -webkit-transform: rotate(255deg);
  -moz-transform: rotate(255deg);
  -ms-transform: rotate(255deg);
  -o-transform: rotate(255deg);
  transform: rotate(255deg);
}
.slideDown {
  -webkit-transition: height 500ms linear;
  -moz-transition: height 500ms linear;
  -ms-transition: height 500ms linear;
  -o-transition: height 500ms linear;
  transition: height 500ms linear;
}
.bgCover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.transitionColor {
  -webkit-transition: color 500ms ease-in-out;
  /* Firefox */
  -moz-transition: color 500ms ease-in-out;
  /* WebKit */
  -o-transition: color 500ms ease-in-out;
  /* Opera */
  transition: color 500ms ease-in-out;
  /* Standard */
}
.cssArrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0;
  border-color: #000000 transparent transparent transparent;
}
/*=======================================================
  short class
=======================================================*/
.clear {
  clear: both;
}
.clearfix {
  clear: both;
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.visuallyhidden {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* hamburger Icon */
.burger li {
  width: 50px;
}
/*=======================================================
  Content / Head Image / Fullsize Image
=======================================================*/
.headImage {
  min-height: 400px;
}
/*=======================================================
  Content / Contact Form
=======================================================*/
.contact .contactLeft .contactPerson > img {
  float: left;
}
.contact .contactLeft .contactPerson .text {
  margin: 10px 0 0 20px;
}
.contact .contactRight {
  width: 100%;
  margin: 10px 0 0;
}
.logo.mobile {
  width: 45%;
}
.logo.mobile img {
  max-width: 215px;
  max-height: 100px;
}
/*=======================================================
  Header / Language Switcher
=======================================================*/
.langSwitcher {
  margin: 23px 10px 3px 20px;
  width: 32%;
  text-align: right;
}
.langSwitcher a {
  padding: 12px;
}
/*=======================================================
  Content / Contact Form
=======================================================*/
.contact .contactLeft .contactPerson .left {
  display: inline-block;
  width: 40%;
}
.contact .contactLeft .contactPerson .right {
  margin: 0;
  vertical-align: top;
  width: 60%;
  display: inline-block;
}
.contact .contactRight {
  width: 100%;
  margin: 10px 0 0;
}
/*=======================================================
  Content / Mobile Menu Search
=======================================================*/
.navigationHolder .search {
  padding: 0 0 0 40px;
}
/*=======================================================
  Content / hotspotImage
=======================================================*/
.hotspotImage .hotspotItemContainer .item .textContainer {
  left: -175px;
  width: 370px;
}