/*---------------------------------
           NeutronCSS
---------------------------------*/
/*
html {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html * {
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	max-width: setting("layout", "container-max-width");
	margin-left: auto;
	margin-right: auto;
}
*/
/*--------- End of NeutronCSS ---------*/
body > header {
  z-index: 1000;
  position: fixed;
  height: 40px;
  width: 100%;
  padding: 14px 0;
  color: #fff;
  background-color: #eff4fa; }

@media screen and (min-width: 1180px) {
  body > header {
    height: 60px; } }
body > header .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 303px;
  padding: 0 20px; }

@media screen and (min-width: 1180px) {
  body > header .box {
    width: 1180px;
    margin: 0 auto; } }
body > header .logo {
  float: left;
  height: 40px; }

  body > header .logo {
    height: 60px; } }
body > header .logo img {
  height: 40px; }

@media screen and (min-width: 1180px) {
  body > header .logo img {
    height: 60px; } }
body > header nav {
  float: right; }

body > header nav ul {
  display: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media screen and (min-width: 1180px) {
  body > header nav ul {
    display: block;
    padding: 19px 0; } }
@media screen and (max-width: 1180px) {

  body > header nav ul {
    font-size: 16px !important;
    display: none;
    list-style: none;
    position: absolute;
    top: 54px;
    padding: 14px 0;
    right: 0;
    background-color: #eff4fa; }

  body > header nav ul a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 42px; } }
@media screen and (min-width: 1180px) {
  body > header nav li {
    display: inline-block; } }
body > header nav a {
  line-height: 14px;
  padding: 4px 16px;
  color: #000;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-size: 17px; }

body > header nav a.active, body > header nav a:hover {
  color: grey; }

.burger-menu {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 2px solid #fff;
  float: right;
  padding: 6.66667px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.burger-menu span.bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 22.66667px;
  height: 3px;
  background-color: #000; }


.burger-menu span.bar:not(:last-child) {
  margin-bottom: 5.88889px; }

@media screen and (min-width: 1180px) {

  .burger-menu {
    display: none; } }

.burger-menu:focus {
  outline: none;
  border: 2px solid #ed1c24; }

.burger-menu:focus ~ ul {
  display: block; }

@media screen and (max-width: 1179px) {
  nav:hover .burger-menu, nav:active .burger-menu {
    border: 2px solid #ed1c24; }

  nav:hover .burger-menu span.bar, nav:active .burger-menu span.bar {
    background-color: #ed1c24; }

  nav:hover ul, nav:active ul {
    display: block; } }
@media (min-width: 480px) {
  .blog {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .blog:after {
      content: "";
      display: table;
      clear: both; }
    .blog > div:nth-of-type(2n+1) {
      width: calc(80% - 1em - 1em + 0.5em + 0.5em);
      float: left;
      margin: 1em;
      clear: left;
      margin-left: 0; }
    .blog > div:nth-of-type(2n+2) {
      width: calc(20% - 1em - 1em + 0.5em + 0.5em);
      float: left;
      margin: 1em;
      clear: none;
      margin-right: 0; } }
.blog article {
  text-align: left !important; }
  @media (min-width: 480px) {
    .blog article {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      .blog article:after {
        content: "";
        display: table;
        clear: both; }
      .blog article > div:nth-of-type(2n+1) {
        width: calc(33.3333333333% - 1em - 1em + 0.5em + 0.5em);
        float: left;
        margin: 1em;
        clear: left;
        margin-left: 0; }
      .blog article > div:nth-of-type(2n+2) {
        width: calc(66.6666666667% - 1em - 1em + 0.5em + 0.5em);
        float: left;
        margin: 1em;
        clear: none;
        margin-right: 0; } }
.blog .blog-sidebar {
  text-align: left; }
.blog ul {
  padding-left: 0; }
.blog li {
  display: inline-block;
  list-style-type: none; }
.blog a.button {
  float: left;
  padding: 0.4em .8em;
  text-transform: none; }
.blog h2, .blog h1 {
  font-size: 20px;
  text-transform: none;
  font-weight: bold; }
  .blog h2 a, .blog h1 a {
    color: black;
    text-decoration: none; }
.blog h3 {
  font-weight: normal; }
.blog p {
  margin-bottom: 1em; }

.blog-sidebar li {
  display: block;
  font-size: 16px;
  margin-bottom: 0.5em; }

.blog-entry-main {
  text-align: left; }

.blog-entry-footer {
  margin-top: 1em; }
  .blog-entry-footer p {
    clear: both;
    float: none;
    padding-top: 1em; }

.blog-roll {
  margin-top: 0 !important; }
  .blog-roll article {
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
    margin-bottom: 12px; }

.pagenav a {
  font-size: 20px; }
.pagenav li {
  margin: 0 10px; }
.pagenav li.active a {
  color: black;
  text-decoration: none; }

.blog-entry-main h2 {
  font-size: 17px;
  font-weight: normal; }

.blog-entry-main {
  padding-top: 12px; }


p {
  line-height: 1.6em; }

img {
  max-width: 100%;
  height: auto; }


a {
  color: black; }

  a:hover {
    text-decoration: none; }

html {
  font-family: "Lato", sans-serif;
  font-size: 12px; }
  
h1, h2, h3, h4, p {
  margin: 0;
  padding: 0; }


h1, h2, h4 {
  text-transform: uppercase; }

h1 {
  font-size: 36px;
  font-weight: 500; }

h2 {
  font-size: 30px;
  font-weight: 300; }

h3 {
  font-size: 17px;
  font-weight: 600; }

h4 {
  font-size: 18px;
  font-weight: 500; }

p, em {
  font-size: 16px;
  font-weight: 400; }

html, body {
  padding: 0;
  margin: 0;
  min-width: 303px; }

span.highlight {
  color: #ed1c24; }

.right {
  float: right; }


.left {
  float: left; }


input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 2px;
  height: 2em;
  border: 1px solid #ccc; }

.product-box {
  float: left;
  width: 45%;
  margin-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 890px) {
    .product-box:not(:nth-of-type(2n)) {
      margin-right: 10%; } }
  @media (min-width: 890px) {
    .product-box {
      width: 17.5%; }
      .product-box:not(:nth-of-type(4n)) {
        margin-right: 10%!important; } }

.client-box {
  float: left;
  width: 45%;
  margin-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 890px) {
    .client-box:not(:nth-of-type(2n)) {
      margin-right: 10%; } }
  @media (min-width: 890px) {
    .client-box {
      width: 17.5%; }
      .client-box:not(:nth-of-type(4n)) {
        margin-right: 10%!important; } }

.portrait {
  float: left;
  width: 45%;
  margin-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 890px) {
    .portrait:not(:nth-of-type(2n)) {
      margin-right: 10%; } }
  @media (min-width: 890px) {
    .portrait {
      width: 25%; } }

.referenz {
  float: left;
  width:100%;
  margin-top: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.referenz img{
	float:left;
	width: 20%!important;
}
.referenz p{
	float:left;
}
  

.button {
  background-color: #ed1c24;
  color: #black;
  padding: 1.2em 2em;
  margin-top: 1em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  border: none;
  float: right; }
  .button:focus {
    outline: none; }
  .button:hover {
    color: #fff; }

header.fixed {
  z-index: 1000;
  position: fixed;
  height: 40px;
  width: 100%;
  padding: 14px 0;
  color: #black;
  background-color: #eff4fa; }
  @media screen and (min-width: 1180px) {
    header.fixed {
      height: 60px; } }

.header-menu {
  float: right; }
  .header-menu ul {
    display: none;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (min-width: 1180px) {
      .header-menu ul {
        display: block;
        padding: 19px 0; } }
    @media screen and (max-width: 1180px) {
      .header-menu ul {
        font-size: 16px !important;
        display: none;
        list-style: none;
        position: absolute;
        top: 54px;
        padding: 14px 0;
        right: 0;
        background-color: black; }
        .header-menu ul a {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 12px 42px; } }
  @media screen and (min-width: 1180px) {
    .header-menu li {
      display: inline-block; } }
  .header-menu a {
    line-height: 14px;
    padding: 4px 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase; }
    .header-menu a.active, .header-menu a:hover {
      color: red; }

.header-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 303px;
  padding: 0 20px; }
  @media screen and (min-width: 1180px) {
    .header-box {
      width: 1180px;
      margin: 0 auto; } }

.logo {
  float: left;
  height: 40px;
vertical-align: middle;  }
  @media screen and (min-width: 1180px) {
    .logo {
      height: 60px; }
  }
  .logo img {
    height: 40px;
	position:absolute;
  }
    @media screen and (min-width: 1180px) {
      .logo img {
        height: 60px; } }
   .logo span {
	   position:relative;
       top:5px;
       left:60px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-decoration:none;
		font-family: "Lato", sans-serif;
		font-size: 13px;
		font-weight: 400;
   }
   
   @media screen and (min-width: 1180px) {
      .logo span {
        top:11px;
       left:80px;
	   font-size: 18px;
	   
	   } }
.logo a{
	text-decoration:none;
	vertical-align: middle;
	height:100%;
}

.burger-menu {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 2px solid #000;
  float: right;
  padding: 6.6666666667px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .burger-menu .bar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 22.6666666667px;
    height: 3px;
    background-color: #eff4fa; }
    .burger-menu .bar:not(:last-child) {
      margin-bottom: 5.8888888889px; }
  @media screen and (min-width: 1180px) {
    .burger-menu {
      display: none; } }
  .burger-menu:focus {
    outline: none;
    border: 2px solid #ed1c24; }
    .burger-menu:focus .bar {
      background-color: #ed1c24; }
    .burger-menu:focus ~ ul {
      display: block; }

@media screen and (max-width: 1179px) {
  .header-menu:hover .burger-menu, .header-menu:active .burger-menu {
    border: 2px solid #ed1c24; }
    .header-menu:hover .burger-menu .bar, .header-menu:active .burger-menu .bar {
      background-color: #eff4fa; }
  .header-menu:hover ul, .header-menu:active ul {
    display: block; } }
	
main {
  padding-top: 68px; }

  main .parallax-box.bg-1 {
    height: calc(100vh - 68px);
background-image: url("./pic/IMG_0034_LANG_NEU_WEB.jpg");	}
    @media screen and (min-width: 1180px) {
      main .parallax-box.bg-1 {
        height: calc(100vh - 88px);
background-image: url("./pic/IMG_0034_LANG_NEU_WEB.jpg");		} }
@media screen and (max-width: 500px) {
  main .parallax-box.bg-1 {
    height: calc(100vh - 68px);
    background-image: url("./pic/bg1_small.jpg");
    background-position:0px -3%;
    background-repeat: no-repeat;
    background-size: 500px;
    background-color: white;
  }
  h1 {
    font-size: 26px;
    font-weight: 500; }
}
		
.contact form {
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  max-width: 720px; }

  .contact form:after {
    content: "";
    display: table;
    clear: both; }

.contact label {
  margin-bottom: 1em; }

.contact textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  color: #5a5a5a; }


.address section {
  padding: 0 !important; }
@media (min-width: 600px) {
  .address section {
    padding: 0 !important; }
    .address section:first-of-type {
      padding-right: 25px !important; }
    .address section:last-of-type {
      padding-left: 25px !important; } }
.address article {
  max-width: 720px;
  margin: 0 auto; }
.address h3 {
  margin-bottom: 1em;
  text-align: left; }
.address p {
  font-size: 16px;
  line-height: 1.5em; }
  .address p:not(:last-of-type) {
    margin-bottom: 1em; }
  .address p a {
    text-decoration: none;
    color: #e3e3e3;
    font-weight: 800; }
    .address p a:hover {
      color: #ed1c24; }
.address iframe {
  width: 100%;
  height: 220px; }
  @media (min-width: 1180px) {
    .address iframe {
      height: 230px; } }

.products h4 {
  font-weight: 600;
  margin-bottom: 1em; }
.products p {
  font-size: 14px;
  margin: 0; }

.about .box {
  float: left;
  padding: 0 1em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .about .box p:first-of-type {
    margin-bottom: 2em; }
  .about .box img {
    width: 100%; }
  @media screen and (min-width: 890px) {
    .about .box {
      width: 50%; } 
.about article {
  text-align: left; }
  .about article:after {
    content: "";
    display: table;
    clear: both; }
  .about article hr {
    float: left;
    margin: 0; }
  }
.about2 .box {
  float: left;
  padding: 0 1em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.about2 .box img {
  width: 100%; }
@media screen and (min-width: 890px) {
  .about2 .box {
    width: 50%; }
  .about2 article {
    text-align: left; }
  .about2 article:after {
    content: "";
    display: table;
    clear: both; }
  .about2 article hr {
    float: left;
    margin: 0; }
}
.team h3, .clients h3 {
  margin: 0.8em 0; }
.team p:first-of-type, .clients p:first-of-type {
  margin-bottom: 0.6em; }

.portrait img, .client-box img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
  min-width: 120px;
  max-width: 150px;
  border: 2px solid transparent; }
  .portrait img:hover, .client-box img:hover {
    border: 2px solid #ed1c24; }

.home {
  position: relative;
  text-align: center;
  padding: 0 !important;
  height: 100%;
  width: 100% !important;
  max-width: 100% !important; }
  .home article {
    padding-top: 13vh;
    margin-bottom: 25vh;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
@media screen and (max-width: 500px) {
  .home article {
    padding-top: 45vh;
    margin-bottom: 3vh; }
}
    @media (min-width: 1180px) {
      .home article {
        padding-top: 17vh;
        margin-bottom: 30vh; } }
    @media (max-height: 340px) {
      .home article {
        padding-top: 3vh;
        margin-bottom: 5vh; } }
    .home article h1 {
      margin-bottom: 0.4em; }
      @media (min-width: 1180px) and (max-height: 400px) {
        .home article h1 {
          margin-bottom: 1em; } }
    .home article p {
      font-size: 21px;
      line-height: 1.6em; }
  .home a {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 42px;
    color: #e3e3e3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: transparent;
    border: 2px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .home a:hover {
      background-color: #ed1c24; }
    .home a .chevron:before {
      border-style: solid;
      border-width: 0.25em 0.25em 0 0;
      content: "";
      display: inline-block;
      height: 0.7em;
      width: 0.7em;
      transform: rotate(135deg);
      vertical-align: middle; }

article, .linien {
  text-align: center; }
  article header, .linien header {
    margin-bottom: 2em; }

a.anchor:target:before {
  content: "";
  display: block;
  height: 68px;
  margin: -68px 0 0; }
  @media (min-width: 1180px) {
    a.anchor:target:before {
      height: 87px;
      margin: -87px 0 0; } }

.content-box {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
  padding: 6em 4% 6em 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .content-box:after {
    content: "";
    display: table;
    clear: both; }
  .content-box section {
    text-align: left;
    padding: 0 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .content-box section:first-of-type {
      margin-bottom: 25px; }
.content-box2 {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
  padding: 1em 4% 1em 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.content-box2:after {
  content: "";
  display: table;
  clear: both; }
.content-box2 section {
  text-align: left;
  padding: 0 25px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.content-box2 section:first-of-type {
  margin-bottom: 25px; }

  .team article {
    color: #5a5a5a;
  }
  .portrait h3{
    color: #5a5a5a;
  }
  .zitat
  {
  }
.overlay {
  background-color: rgba(20, 20, 20, 0.3);
  height: 100%; }

.parallax-box {
  color: white;
  width: 100%;
  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black; }
@media (max-height: 540px) {
  .parallax-box.bg-1 {
    background-image: url("./pic/bg1_small.jpg"); }
}
  .parallax-box.bg-1 {
    background-image: url("./pic/IMG_0034_LANG_WEB.jpg"); }
  .parallax-box.bg-2 {
    background-image: url("./pic/IMG_0323_Hintergrund_WEB.jpg"); }
  .parallax-box.bg-3 {
    background-image: url("/images/bg3.jpg"); }
  .parallax-box.bg-4 {
    background-image: url("/images/bg4.jpg"); }
  .parallax-box article {
    width: 100%; }
    .parallax-box article:after {
      content: "";
      display: table;
      clear: both; }


.static-box {
  width: 100%;
  background-color: white;
  color: #5a5a5a; }
  .static-box article p {
    line-height: 1.6em; }
  .static-box article h2 {
    margin: 0.6rem 0; }

footer {
  width: 100%;
  background-color: #eff4fa;
  padding: 3em 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  footer p {
    color: #ffffff;
    font-size: 12px !important; }
  footer li {
    display: inline-block;
    margin-right: 15px; }
  footer a {
    color: black;
    font-size: 16px; }
    footer a:hover {
      text-decoration: none; }

.clearfix {
  content: " ";
  display: table;
  clear: both;
  float: none; }

a.keyword {
  display: inline-block;
  margin-right: 12px; }

.alert-danger, .alert-success {
  max-width: 720px;
  margin: 0 auto;
  text-align: left;
  color: #ed1c24; }
  .alert-danger li, .alert-success li {
    font-size: 14px; }

.alert-success {
  color: darkgreen; }

.portrait img {
  -moz-border-radius: 100%;
  border-radius: 100%; }

.hinweis {
  font-size: 14px; }

.standard {
  text-align: left; }
  .standard h1 {
    margin-bottom: 15px;
    font-size: 28px; }
  .standard h2 {
    margin-bottom: 10px;
    font-size: 22px; }

.center {
  text-align: center; }

.standard p {
  margin-bottom: 12px; }

.standard ul, .standard ol {
  font-size: 16px;
  line-height: 1.6em; }

label {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em; }