*, body, html {
  font-family: Verdana, sans-serif;
  font-size: 13px;
}

a, a:visited {
  color: #404040;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

input[type="button"], input[type="submit"], .button {
  background: #bbb;
  padding: 7px 13px;
  border: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  color: #333;
  -moz-transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
  -o-transition: all ease-in 0.2s;
  -ms-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
}

input[type='button']:hover, input[type='submit']:hover, .button:hover {
  background: #0ABDF5;
}

input[type='button']:active, input[type='submit']:active, .button:active {
  box-shadow: inset 0 1px 3px #000;
}

body {
  background: #517CB1 url('../img/bg/body.jpg') top center no-repeat;
  margin: 50px 0;
}

.entry-title, h1, h2, h3 {
  margin: 0;
}

.entry-title, .entry-title a {
  color: #666;
  text-decoration: none;
  font-size: 18px;
}

.entry-content {
  margin: 0;
}

.hss-highlight-box {
  border: 1px solid #ddd;
  padding: 30px;
  margin-bottom: 30px;
}

article .hss-highlight-box:last-child {
  margin: 0;
}

h3 {
  color: #666;
  font-size: 12px;
}

#page {
  width: 900px;
  margin: auto;
  margin-bottom: 200px;
}

.main-navigation {
  background: #fff;
  box-shadow: 0 3px 7px -2px rgba(0,0,0,0.5);
  margin-bottom: 30px;
}

.site-branding {
  margin-bottom: 30px;
  text-align: center;
}

.site-branding a {
  height: 148px;
  width: 600px;
  display: block;
  background: url('../img/logo/logo-en.svg') center no-repeat;  background-size: contain;
  margin-left: 150px;
}

#polylang-menu, #polylang-menu * {
  margin: 0;
  padding: 0;
}

#polylang-menu ul {
  list-style-type: none;
  margin: 20px;
  padding: 0;
}

.site-footer, .site-footer a {
  color: #9DB5D9;
  font-size: 11px;
  text-align: center;
}

.site-footer a:hover {
  color: #9DB5D9;
  text-decoration: none;
}

article.post, article.page, article[class*="post"] {
  background: #fff;
  box-shadow: 0 3px 7px -2px rgba(0,0,0,0.5);
  padding: 30px;
  border-top: 5px solid #bbb;
  border-bottom: 5px solid #bbb;
  -moz-transition: ease-in all 0.2s;
  -webkit-transition: ease-in all 0.2s;
  -o-transition: ease-in all 0.2s;
  -ms-transition: ease-in all 0.2s;
  transition: ease-in all 0.2s;
  margin-bottom: 30px;
}

article.post:hover, article.page:hover, article[class*="post"]:hover {
  border-top: 5px solid #0ABDF5;
  border-bottom: 5px solid #0ABDF5;
}

article.post ul, article.page ul, article[class*="post"] ul {
  margin: 20px 0;
}

.language-navigation, .language-navigation * {
  margin: 0;
  padding: 0;
}

.language-navigation ul {
  list-style-type: none;
  margin: 20px;
  padding: 0;
}

.main-navigation {
  margin-bottom: 30px;
}

.main-navigation ul li a {
  width: 180px;
  text-align: center;
  font-size: 14px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #999;
  cursor: pointer;
  padding: 66px 15px 23px 15px;
  background: #fff;
  text-align: center;
  height: 112px;
  transition: ease-in all 0.1s;
  background-position: center 30px;
  background-repeat: no-repeat;
  border-right: 1px solid #ddd;
  box-shadow: 0 5px transparent, 0 -5px transparent;
}

.main-navigation ul li:last-child a {
  border-right: none;
}

.main-navigation ul li:nth-child(1) a { background-image: url('../img/menu/home.svg'); }
.main-navigation ul li:nth-child(2) a { background-image: url('../img/menu/about.svg'); }
.main-navigation ul li:nth-child(3) a { background-image: url('../img/menu/references.svg'); }
.main-navigation ul li:nth-child(4) a { background-image: url('../img/menu/services.svg'); }
.main-navigation ul li:nth-child(5) a { background-image: url('../img/menu/contact.svg'); }

.main-navigation ul li:hover a { box-shadow: 0 5px #0ABDF5, 0 -5px #0ABDF5; }

.main-navigation ul li:nth-child(1):hover a { background-image: url('../img/menu/homehover.svg'); color: #0ABDF5 }
.main-navigation ul li:nth-child(2):hover a { background-image: url('../img/menu/abouthover.svg'); color: #0ABDF5 }
.main-navigation ul li:nth-child(3):hover a { background-image: url('../img/menu/referenceshover.svg'); color: #0ABDF5 }
.main-navigation ul li:nth-child(4):hover a { background-image: url('../img/menu/serviceshover.svg'); color: #0ABDF5 }
.main-navigation ul li:nth-child(5):hover a { background-image: url('../img/menu/contacthover.svg'); color: #0ABDF5 }

.main-navigation ul .current-menu-item a { box-shadow: 0 5px #0ABDF5, 0 -5px #0ABDF5; }

.main-navigation ul .current-menu-item:nth-child(1) a { background-image: url('../img/menu/homehover.svg'); color: #0ABDF5 }
.main-navigation ul .current-menu-item:nth-child(2) a { background-image: url('../img/menu/abouthover.svg'); color: #0ABDF5 }
.main-navigation ul .current-menu-item:nth-child(3) a { background-image: url('../img/menu/referenceshover.svg'); color: #0ABDF5 }
.main-navigation ul .current-menu-item:nth-child(4) a { background-image: url('../img/menu/serviceshover.svg'); color: #0ABDF5 }
.main-navigation ul .current-menu-item:nth-child(5) a { background-image: url('../img/menu/contacthover.svg'); color: #0ABDF5 }

.site-footer .menu {
  text-align: center;
  padding: 0;
  margin: 0;
}

.site-footer .menu-item {
  display: inline-block;
  padding: 0;
  margin: 0 3px;
  list-style-type: none;
}

.sonnenhausSlider {
  margin: 20px 0 0 120px;
}

ul {
}

.hss-gallery {
  list-style-type: none;
  padding: 0;
}

.hss-gallery li {
  float: left;
  width: 266px;
  margin-right: 20px;
  margin-bottom: 20px;
  height: 178px;
  line-height: 168px;
  border: 5px solid transparent;
  -moz-transition: all ease-in 0.1s;
  -webkit-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
  -ms-transition: all ease-in 0.1s;
  transition: all ease-in 0.1s;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.hss-gallery li:nth-child(3n) {
  margin-right: 0;
}

.hss-gallery.hover-effect li:hover {
  cursor: pointer;
  border: 5px solid #0ABDF5;
}

.hss-gallery li img {
  vertical-align: middle;
  width: auto;
}

.gallery-image-size img {
  vertical-align: middle;
  position:absolute;
  top:50%;
  min-height:100%;
  display:block;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  min-width:100%;
  max-height: none !important;
}