.list {
  position:relative;
  overflow:hidden;
}
.blog.leistungen, .blog.produkte { padding-bottom:10px; }
.leistung {
  margin-bottom:10px;
  position:relative;
}
.leistung:last-child { margin-bottom:0; }
.leistung .intro {
  height:350px;
  transition:height 0.5s;
  background:#ddd;
}
.leistung .left.short { width:40%; }
.leistung .table {
  width:100%;
  height:100%;
  display:table;
}
.leistung .cell {
  display:table-cell;
  vertical-align:middle;
}
.leistung .text {
  text-align:center;
  height:350px;
  position:relative;
  font-size:28px;
}
.produkte .leistung .text { font-size:22px; }
.leistung .text p {
  text-align:left;
  display:inline-block;
  padding:0 40px;
}
.leistung .image {
  height:350px;
  top:0;
  position:absolute;
  z-index:10;
  background-position:center top;
  background-size:cover;
  transition:height 0.5s, width 0.5s;
}
.leistung .left.image { left:0; }
.leistung .right.image { right:0; }
.leistung .right.long { width:60%; }
.leistung .right.long.text { left:40%; }
.leistung .left.long { width:60%; }
.leistung .right.short { width:40%; }
.leistung .right.short.text { left:60%; }
.leistung a.open {
  position:absolute;
  top:50%;
  left:40%;
  width:55px;
  height:55px;
  margin-left:-27.5px;
  margin-top:-27.5px;
  background:url('../images/open.svg') no-repeat center center;
  z-index:30;
  opacity:1;
  transition:opacity 0.5s;
}
.leistung .intro.shortright a.open { left:60%; }
.leistung .details {
  max-width:1385px;
  overflow:hidden;
  margin:0 auto;
  display:block;
  max-height:0;
  transition:all 0.5s;
}
.blog.leistungen .leistung.open .intro, .blog.produkte .leistung.open .intro { height:500px; }
.blog.leistungen .leistung.open .image, .blog.produkte .leistung.open .image {
  width:100%;
  height:500px;
}
.blog.leistungen .leistung.open .image a.close, .blog.produkte .leistung.open .image a.close {
  position:absolute;
  top:15px;
  right:15px;
  width:55px;
  height:55px;
  background:url('../images/close.png') no-repeat center center;
  z-index:60;
  cursor:pointer;
}
.blog.leistungen .leistung.open a.open, .blog.produkte .leistung.open a.open {
  width:0;
  height:0;
  opacity:0;
}
.blog.leistungen .leistung.open .details, .blog.produkte .leistung.open .details {
  max-height:1000px;
  padding-bottom:70px;
  overflow:hidden;
  line-height:200%;
}
.leistung .details .details-intro {
  padding:0 20px;
  font-size:30px;
}
.leistung .details .details-intro p strong {
  display:inline-block;
  padding-bottom:10px;
}
.leistung .details .details-left, .leistung .details .details-right {
  display:table-cell;
  vertical-align:top;
}
.leistung .details .details-left {
  width:510px;
  padding-left:20px;
}
.leistung .details .details-right {
  padding-left:170px;
  padding-right:20px;
}
@media (max-width: 1280px) {
  .leistung .text { font-size:20px; }
}
@media (max-width: 1024px) {
  .leistung .left.short, .leistung .left.long, .leistung .right.short, .leistung .right.long { width:50%; }
  .leistung .right.short.text, .leistung .right.long.text { left:50%; }
  .produkte .leistung .text { font-size:20px; }
  .blog.leistungen .leistung.open .image, .blog.produkte .leistung.open .image { width:100%; }
  .intro.shortleft a.open, .intro.shortright a.open, .leistung .intro.shortleft a.open, .leistung .intro.shortright a.open { left:50%; }
  .leistung .details .details-right {
    padding-left:30px;
    box-sizing:border-box;
  }
  .leistung .details .details-left {
    width:60%;
    box-sizing:border-box;
  }
  .leistung .details .details-left img, .leistung .details .details-left iframe { max-width:100%; }
}
@media (max-width: 768px) {
  .leistung .intro { height:600px; }
  .leistung .details .details-intro { font-size:20px; }
  .leistung .details .details-left, .leistung .details .details-right {
    display:block;
    width:100%;
    padding:0 20px;
  }
  .leistung .text {
    transition:all 0.5s;
    width:100% !important;
    top:300px;
    height:300px;
    right:auto;
    left:0 !important;
  }
  .leistung .image {
    width:100% !important;
    height:300px;
    right:auto;
    left:0 !important;
  }
  .blog.leistungen .leistung.open .intro, .blog.produkte .leistung.open .intro { height:300px; }
  .blog.leistungen .leistung.open .text, .blog.produkte .leistung.open .text {
    height:0;
    opacity:0;
  }
  .blog.leistungen .leistung.open .image, .blog.produkte .leistung.open .image { height:300px; }
}
@media (max-width: 640px) {
  .produkte .leistung .intro { height:650px; }
  .produkte .leistung .text {
    font-size:18px;
    height:360px;
  }
  .produkte .leistung .text p { padding:0 30px; }
}
.items-leading .col:nth-child(6n+1) .leading:first-child, .items-leading .col:nth-child(6n) .leading:first-child { height:545px; }
.items-leading .col:nth-child(6n+1) .leading:last-child:not(:first-child), .items-leading .col:nth-child(6n) .leading:last-child:not(:first-child) { height:350px; }
.items-leading .col:nth-child(6n+2) .leading, .items-leading .col:nth-child(6n+5) .leading { height:447.5px; }
.items-leading .col:nth-child(6n+2) .leading.members .inner h2, .items-leading .col:nth-child(6n+5) .leading.members .inner h2 { padding-bottom:15px; }
.items-leading .col:nth-child(6n+2) .leading.members .inner p, .items-leading .col:nth-child(6n+5) .leading.members .inner p {
  font-size:20px;
  line-height:1.5em;
}
.items-leading .col:nth-child(6n+3) .leading:first-child, .items-leading .col:nth-child(6n+4) .leading:first-child { height:350px; }
.items-leading .col:nth-child(6n+3) .leading:last-child:not(:first-child), .items-leading .col:nth-child(6n+4) .leading:last-child:not(:first-child) { height:545px; }
.items-leading .leading.slogan h2 { margin-top:0; }
.items-leading .leading.slogan ul {
  list-style:none;
  padding-left:0;
}
.items-leading .leading.slogan ul > li {
  padding-bottom:10px;
  font-size:20px;
}
body {
  background:#f0f0f0;
  font-family:Exo, sans-serif;
  font-weight:300;
  font-size:16px;
  color:#333;
  margin:0;
  overflow-x:hidden;
}
img { margin:0; }
a {
  color:#3cb2e3;
  text-decoration:none;
}
a img { border:none; }
a .anchor {
  line-height:0;
  height:0;
  display:block;
}
.hidden { display:none; }
.clear {
  clear:both;
  line-height:0;
  height:0;
  visibility:hidden;
}
.lightbox { margin-top:50px; }
.lb-outerContainer {
  background:transparent;
  border-radius:0;
}
.lb-dataContainer {
  position:fixed;
  top:20px;
  right:20px;
}
.lb-data .lb-close {
  background:transparent url('../images/lightbox/close.png') no-repeat center center;
  transition:transform 0.3s;
}
.lb-data .lb-close:hover { transform:rotate(180deg); }
.container { padding-top:174px; }
.container .header-container {
  padding-bottom:45px;
  position:fixed;
  top:0;
  z-index:200;
  width:100%;
  background:#f0f0f0;
}
.container .header-container .header {
  max-width:1460px;
  padding:0 20px;
  margin:0 auto;
}
.container .header-container .header .logo {
  float:left;
  padding-top:50px;
}
.container .header-container .header .logo p { margin:0; }
.container .header-container .header .mainmenu {
  padding-top:93px;
  float:right;
}
.container .header-container .header .mainmenu .menubutton { display:none; }
.container .header-container .header .mainmenu ul.nav.menu { margin:5px 0 0; }
.container .header-container .header .mainmenu ul {
  font-size:20px;
  list-style:none;
  padding-left:0;
  text-align:right;
}
.container .header-container .header .mainmenu ul li {
  display:inline-block;
  vertical-align:top;
  padding-left:25px;
  position:relative;
}
.container .header-container .header .mainmenu ul li a { color:#333; }
.container .header-container .header .mainmenu ul li ul {
  display:none;
  position:absolute;
  z-index:100;
  top:22px;
  width:300px;
  padding-top:7px;
  background:url('../images/menu/dropdown.svg') no-repeat left top;
}
.container .header-container .header .mainmenu ul li ul li {
  float:none;
  background:#3c3c3b;
  border-bottom:1px #545454 solid;
  display:block;
  font-size:15px;
  text-align:left;
  padding-left:0;
}
.container .header-container .header .mainmenu ul li ul li a {
  display:block;
  color:white;
  padding:12px 10px 9px 20px;
}
.container .header-container .header .mainmenu ul li ul li a:hover, .container .header-container .header .mainmenu ul li ul li.active a {
  background:#545454;
  font-weight:normal;
}
.container .header-container .header .mainmenu ul li:hover ul { display:block; }
.container .header-container .header .mainmenu ul li.hidden { display:none; }
.container .header-container .header .mainmenu ul li.shop img { width:27px; }
.container .header-container .header .mainmenu ul li.shop span { display:none; }
.container .header-container .header .mainmenu ul li.active > a { font-weight:bold; }
.container .header-container .header .mainmenu ul.nav.menu > li > a {
  display:block;
  overflow:hidden;
  position:relative;
}
.container .header-container .header .mainmenu ul.nav.menu > li > a .flip {
  display:inline-block;
  position:relative;
  transition:all 0.2s;
}
.container .header-container .header .mainmenu ul.nav.menu > li > a .flip:before {
  content:attr(data-title);
  position:absolute;
  top:100%;
}
.container .header-container .header .mainmenu ul.nav.menu > li > a:hover .flip { transform:translateY(-100%); }
.container .header-container .header .mainmenu ul.nav.menu > li > a:hover .flip:before { transform:translateY(0); }
.container .body a { color:#333; }
.container .body a:hover { color:#3cb2e3; }
.container .body .mod_intro h1 {
  padding:30px 20px 60px;
  max-width:1385px;
  margin:0 auto;
  font-size:30px;
  font-weight:300;
  text-align:center;
  color:#d3d3d3;
  line-height:140%;
}
.container .body .mod_intro h1 span.on { color:#333; }
.container .body .mod_intro .gallery { margin-bottom:12px; }
.container .body .mod_intro .gallery p { display:none; }
.container .body .mod_intro .nivoSlider { margin-bottom:0; }
.container .body .droppicsgallerycarousel { position:relative; }
.container .body .droppicsgallerycarousel .nivo-directionNav .nivo-prevNav, .container .body .droppicsgallerycarousel .nivo-directionNav .nivo-nextNav {
  width:84px;
  height:47px;
  left:50%;
  margin-left:-42px;
}
.container .body .droppicsgallerycarousel .nivo-directionNav .nivo-prevNav {
  background:url('../images/slideshow/up.svg') no-repeat top left !important;
  top:35px;
}
.container .body .droppicsgallerycarousel .nivo-directionNav .nivo-nextNav {
  background:url('../images/slideshow/down.svg') no-repeat top left !important;
  top:auto;
  bottom:35px;
}
.container .body .droppicsgallerycarousel .nivo-controlNav {
  width:30px;
  position:absolute;
  left:20px;
  top:50%;
  z-index:100;
  margin-top:-120px;
}
.container .body .droppicsgallerycarousel .nivo-controlNav .nivo-control {
  width:30px;
  height:30px;
  background:#7c7c7c !important;
  margin:5px 0;
}
.container .body .droppicsgallerycarousel .nivo-controlNav .nivo-control.active { background:#3c3c3c !important; }
.container .body .row.referenz {
  border-bottom:1px #7c7c7c solid;
  padding-top:57px;
  transition:all 0.5s;
}
.container .body .row.referenz .intro {
  padding:0 20px 40px;
  text-align:center;
  max-width:1460px;
  margin:0 auto;
}
.container .body .row.referenz .intro h1 {
  font-weight:300;
  font-size:30px;
  line-height:40px;
  margin-top:10px;
  margin-bottom:15px;
}
.container .body .row.referenz .intro h1 span.quo {
  color:#b7b7b7;
  font-size:100px;
  line-height:40px;
  position:absolute;
  padding-top:20px;
}
.container .body .row.referenz .intro h1 span.title { padding-left:40px; }
.container .body .row.referenz .intro h1 span.title span {
  color:#d3d3d3;
  transition:color 0.2s;
}
.container .body .row.referenz .intro h1 span.title span.on { color:#333; }
.container .body .row.referenz .intro h3 {
  font-size:18px;
  font-weight:300;
  font-style:italic;
  margin-top:15px;
  margin-bottom:0;
}
.container .body .row.referenz .details {
  padding:90px 20px 0;
  max-width:1460px;
  margin:0 auto;
  line-height:200%;
}
.container .body .row.referenz .details h1 {
  font-size:30px;
  font-weight:500;
  margin-top:0;
  margin-bottom:10px;
}
.container .body .row.referenz .details h2 {
  font-size:30px;
  font-weight:300;
  margin-top:0;
  margin-bottom:0;
}
.container .body .row.referenz .details .right {
  width:50%;
  float:right;
  font-size:19px;
}
.container .body .row.referenz .details .right p { margin-top:0; }
.container .body .row.referenz .details .right ul {
  list-style:none;
  padding-left:0;
}
.container .body .row.referenz .details .right ul li {
  padding-left:15px;
  padding-bottom:8px;
  position:relative;
}
.container .body .row.referenz .details .right ul li:before {
  content:'•';
  position:absolute;
  margin-left:-15px;
}
.container .body .row.referenz .details .social {
  clear:both;
  padding-bottom:100px;
}
.container .body .row.referenz .details .social ul {
  margin-top:5px;
  padding-left:0;
  list-style:none;
}
.container .body .row.referenz .details .social ul li {
  display:inline-block;
  vertical-align:top;
}
.container .body .row.referenz .details .all {
  text-align:center;
  padding-bottom:75px;
}
.container .body .row.referenz .details .all a {
  background:#3c3c3c;
  color:white;
  font-size:20px;
  padding:10px 35px;
  display:inline-block;
}
.container .body .row.referenz .details .all a:active { transform:translate(0,1px); }
.container .body .referenz .left, .container .body .referenz .right { transition:all 0.5s; }
.container .body .blog.referenzen .items-leading .referenz {
  border-bottom:1px #7c7c7c solid;
  padding-top:57px;
  transition:all 0.5s;
}
.container .body .blog.referenzen .items-leading .referenz .intro {
  padding:0 20px 40px;
  text-align:center;
  max-width:1460px;
  margin:0 auto;
}
.container .body .blog.referenzen .items-leading .referenz .intro h1 {
  font-weight:300;
  font-size:30px;
  line-height:40px;
  margin-top:10px;
  margin-bottom:15px;
}
.container .body .blog.referenzen .items-leading .referenz .intro h1 span.quo {
  color:#b7b7b7;
  font-size:100px;
  line-height:40px;
  position:absolute;
  padding-top:20px;
}
.container .body .blog.referenzen .items-leading .referenz .intro h1 span.title { padding-left:40px; }
.container .body .blog.referenzen .items-leading .referenz .intro h1 span.title span {
  color:#d3d3d3;
  transition:color 0.2s;
}
.container .body .blog.referenzen .items-leading .referenz .intro h1 span.title span.on { color:#333; }
.container .body .blog.referenzen .items-leading .referenz .intro h3 {
  font-size:18px;
  font-weight:300;
  font-style:italic;
  margin-top:15px;
  margin-bottom:0;
}
.container .body .blog.referenzen .items-leading .referenz .details {
  padding:90px 20px 0;
  max-width:1460px;
  margin:0 auto;
  line-height:200%;
}
.container .body .blog.referenzen .items-leading .referenz .details h1 {
  font-size:30px;
  font-weight:500;
  margin-top:0;
  margin-bottom:10px;
}
.container .body .blog.referenzen .items-leading .referenz .details h2 {
  font-size:30px;
  font-weight:300;
  margin-top:0;
  margin-bottom:0;
}
.container .body .blog.referenzen .items-leading .referenz .details .right {
  width:50%;
  float:right;
  font-size:19px;
}
.container .body .blog.referenzen .items-leading .referenz .details .right p { margin-top:0; }
.container .body .blog.referenzen .items-leading .referenz .details .right ul {
  list-style:none;
  padding-left:0;
}
.container .body .blog.referenzen .items-leading .referenz .details .right ul li {
  padding-left:15px;
  padding-bottom:8px;
  position:relative;
}
.container .body .blog.referenzen .items-leading .referenz .details .right ul li:before {
  content:'•';
  position:absolute;
  margin-left:-15px;
}
.container .body .blog.referenzen .items-leading .referenz .details .social {
  clear:both;
  padding-bottom:100px;
}
.container .body .blog.referenzen .items-leading .referenz .details .social ul {
  margin-top:5px;
  padding-left:0;
  list-style:none;
}
.container .body .blog.referenzen .items-leading .referenz .details .social ul li {
  display:inline-block;
  vertical-align:top;
}
.container .body .blog.referenzen .items-leading .referenz .details .all {
  text-align:center;
  padding-bottom:75px;
}
.container .body .blog.referenzen .items-leading .referenz .details .all a {
  background:#3c3c3c;
  color:white;
  font-size:20px;
  padding:10px 35px;
  display:inline-block;
}
.container .body .blog.referenzen .items-leading .referenz .details .all a:active { transform:translate(0,1px); }
.container .body .blog.referenzen .items-leading .referenz .left, .container .body .blog.referenzen .items-leading .referenz .right { transition:all 0.5s; }
.container .body .blog.referenzen .items-leading .referenz .fadeIn {
  opacity:0;
  transform:translateY(100px);
}
.container .body .blog.referenzen .items-leading .referenz:first-child { padding-top:0; }
.container .body .blog.referenzen .mehr {
  padding:50px 20px 100px;
  text-align:center;
}
.container .body .blog.referenzen #mehr {
  background:#c7c7c7;
  color:#3c3c3c;
  font-size:20px;
  padding:10px 35px;
  display:inline-block;
}
.container .body .blog.referenzen #mehr:active { transform:translate(0,1px); }
.container .body .blog-featured.blocks .items-leading, .container .body .blog.blocks .items-leading, .container .body .blog.news .items-leading {
  overflow:hidden;
  padding-left:10px;
}
.container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+1) .leading:first-child, .container .body .blog-featured.blocks .items-leading> .col:nth-child(6n) .leading:first-child, .container .body .blog.blocks .items-leading> .col:nth-child(6n+1) .leading:first-child, .container .body .blog.blocks .items-leading> .col:nth-child(6n) .leading:first-child, .container .body .blog.news .items-leading> .col:nth-child(6n+1) .leading:first-child, .container .body .blog.news .items-leading> .col:nth-child(6n) .leading:first-child { height:545px; }
.container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+1) .leading:last-child:not(:first-child), .container .body .blog-featured.blocks .items-leading> .col:nth-child(6n) .leading:last-child:not(:first-child), .container .body .blog.blocks .items-leading> .col:nth-child(6n+1) .leading:last-child:not(:first-child), .container .body .blog.blocks .items-leading> .col:nth-child(6n) .leading:last-child:not(:first-child), .container .body .blog.news .items-leading> .col:nth-child(6n+1) .leading:last-child:not(:first-child), .container .body .blog.news .items-leading> .col:nth-child(6n) .leading:last-child:not(:first-child) { height:350px; }
.container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+2) .leading, .container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+5) .leading, .container .body .blog.blocks .items-leading> .col:nth-child(6n+2) .leading, .container .body .blog.blocks .items-leading> .col:nth-child(6n+5) .leading, .container .body .blog.news .items-leading> .col:nth-child(6n+2) .leading, .container .body .blog.news .items-leading> .col:nth-child(6n+5) .leading { height:447.5px; }
.container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+3) .leading:first-child, .container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+4) .leading:first-child, .container .body .blog.blocks .items-leading> .col:nth-child(6n+3) .leading:first-child, .container .body .blog.blocks .items-leading> .col:nth-child(6n+4) .leading:first-child, .container .body .blog.news .items-leading> .col:nth-child(6n+3) .leading:first-child, .container .body .blog.news .items-leading> .col:nth-child(6n+4) .leading:first-child { height:350px; }
.container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+3) .leading:last-child:not(:first-child), .container .body .blog-featured.blocks .items-leading> .col:nth-child(6n+4) .leading:last-child:not(:first-child), .container .body .blog.blocks .items-leading> .col:nth-child(6n+3) .leading:last-child:not(:first-child), .container .body .blog.blocks .items-leading> .col:nth-child(6n+4) .leading:last-child:not(:first-child), .container .body .blog.news .items-leading> .col:nth-child(6n+3) .leading:last-child:not(:first-child), .container .body .blog.news .items-leading> .col:nth-child(6n+4) .leading:last-child:not(:first-child) { height:545px; }
.container .body .blog-featured.blocks .col, .container .body .blog.blocks .col, .container .body .blog.news .col {
  float:left;
  width:33.3333%;
  vertical-align:top;
}
.container .body .blog-featured.blocks .col .leading, .container .body .blog.blocks .col .leading, .container .body .blog.news .col .leading { margin-bottom:10px; }
.container .body .blog-featured.blocks .col .impressum, .container .body .blog.blocks .col .impressum, .container .body .blog.news .col .impressum {
  background:#3c3c3b;
  color:white;
}
.container .body .blog-featured.blocks .col .impressum .moduletable, .container .body .blog.blocks .col .impressum .moduletable, .container .body .blog.news .col .impressum .moduletable { padding-left:60px; }
.container .body .blog-featured.blocks .col .impressum .moduletable:first-child, .container .body .blog.blocks .col .impressum .moduletable:first-child, .container .body .blog.news .col .impressum .moduletable:first-child { height:195px; }
.container .body .blog-featured.blocks .col .impressum .custom, .container .body .blog.blocks .col .impressum .custom, .container .body .blog.news .col .impressum .custom {
  font-size:24px;
  font-weight:bold;
  line-height:140%;
  padding-top:40px;
}
.container .body .blog-featured.blocks .col .impressum .custom em, .container .body .blog.blocks .col .impressum .custom em, .container .body .blog.news .col .impressum .custom em {
  font-style:normal;
  color:#9b9b9b;
}
.container .body .blog-featured.blocks .col .impressum ul.nav.menu, .container .body .blog.blocks .col .impressum ul.nav.menu, .container .body .blog.news .col .impressum ul.nav.menu {
  list-style:none;
  padding-left:0;
  overflow:hidden;
  font-size:13px;
}
.container .body .blog-featured.blocks .col .impressum ul.nav.menu li, .container .body .blog.blocks .col .impressum ul.nav.menu li, .container .body .blog.news .col .impressum ul.nav.menu li {
  float:left;
  padding-right:10px;
}
.container .body .blog-featured.blocks .col .impressum ul.nav.menu li a, .container .body .blog.blocks .col .impressum ul.nav.menu li a, .container .body .blog.news .col .impressum ul.nav.menu li a { color:white; }
.container .body .blog-featured.blocks .col .impressum ul.nav.menu li.privacy, .container .body .blog-featured.blocks .col .impressum ul.nav.menu li.sep_privacy, .container .body .blog.blocks .col .impressum ul.nav.menu li.privacy, .container .body .blog.blocks .col .impressum ul.nav.menu li.sep_privacy, .container .body .blog.news .col .impressum ul.nav.menu li.privacy, .container .body .blog.news .col .impressum ul.nav.menu li.sep_privacy { display:none; }
.container .body .blog-featured.blocks .col #up, .container .body .blog.blocks .col #up, .container .body .blog.news .col #up {
  background:url('../images/up.svg') no-repeat top left;
  width:55px;
  height:55px;
  display:block;
  position:absolute;
  bottom:20px;
  right:20px;
  z-index:30;
}
.container .body .blog-featured.blocks .col h2, .container .body .blog-featured.blocks .col p, .container .body .blog.blocks .col h2, .container .body .blog.blocks .col p, .container .body .blog.news .col h2, .container .body .blog.news .col p { margin:0; }
.container .body .blog-featured.blocks .col .inner, .container .body .blog.blocks .col .inner, .container .body .blog.news .col .inner {
  opacity:0;
  width:100%;
  height:100%;
  position:relative;
}
.container .body .blog-featured.blocks .col .inner span.close, .container .body .blog.blocks .col .inner span.close, .container .body .blog.news .col .inner span.close {
  background:url('../images/close.svg') no-repeat center center;
  background-size:30px;
  display:none;
  height:35px;
  position:absolute;
  right:20px;
  top:20px;
  width:35px;
  z-index:40;
}
.container .body .blog-featured.blocks .col .inner .text, .container .body .blog.blocks .col .inner .text, .container .body .blog.news .col .inner .text {
  display:table-cell;
  vertical-align:bottom;
  position:relative;
  z-index:20;
  font-weight:300;
  font-size:22px;
}
.container .body .blog-featured.blocks .col .inner .text strong, .container .body .blog.blocks .col .inner .text strong, .container .body .blog.news .col .inner .text strong { font-weight:500; }
.container .body .blog-featured.blocks .col .inner .text h2, .container .body .blog.blocks .col .inner .text h2, .container .body .blog.news .col .inner .text h2 {
  font-size:30px;
  font-weight:300;
}
.container .body .blog-featured.blocks .col .inner .text h2 strong, .container .body .blog.blocks .col .inner .text h2 strong, .container .body .blog.news .col .inner .text h2 strong { font-weight:500; }
.container .body .blog-featured.blocks .col > div, .container .body .blog.blocks .col > div, .container .body .blog.news .col > div {
  background-size:cover;
  background-position:center center;
  margin-right:10px;
  padding:10px;
  box-sizing:border-box;
  position:relative;
}
.container .body .blog-featured.blocks .col > div a, .container .body .blog.blocks .col > div a, .container .body .blog.news .col > div a { color:white; }
.container .body .blog-featured.blocks .col > div:hover .inner, .container .body .blog-featured.blocks .col > div.over .inner, .container .body .blog.blocks .col > div:hover .inner, .container .body .blog.blocks .col > div.over .inner, .container .body .blog.news .col > div:hover .inner, .container .body .blog.news .col > div.over .inner {
  display:table;
  box-sizing:border-box;
  padding:20px;
  opacity:1;
}
.container .body .blog-featured.blocks .col > div:hover .inner .bg, .container .body .blog-featured.blocks .col > div.over .inner .bg, .container .body .blog.blocks .col > div:hover .inner .bg, .container .body .blog.blocks .col > div.over .inner .bg, .container .body .blog.news .col > div:hover .inner .bg, .container .body .blog.news .col > div.over .inner .bg {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  mix-blend-mode:multiply;
  z-index:10;
}
.container .body .blog-featured.blocks .col > div.blue:hover .inner .bg, .container .body .blog-featured.blocks .col > div.blue.over .inner .bg, .container .body .blog.blocks .col > div.blue:hover .inner .bg, .container .body .blog.blocks .col > div.blue.over .inner .bg, .container .body .blog.news .col > div.blue:hover .inner .bg, .container .body .blog.news .col > div.blue.over .inner .bg { background:url('../images/overlay/blue.png') repeat top left; }
.container .body .blog-featured.blocks .col > div.yellow:hover .inner .bg, .container .body .blog-featured.blocks .col > div.yellow.over .inner .bg, .container .body .blog.blocks .col > div.yellow:hover .inner .bg, .container .body .blog.blocks .col > div.yellow.over .inner .bg, .container .body .blog.news .col > div.yellow:hover .inner .bg, .container .body .blog.news .col > div.yellow.over .inner .bg { background:url('../images/overlay/yellow.png') repeat top left; }
.container .body .blog-featured.blocks .col > div.red:hover .inner .bg, .container .body .blog-featured.blocks .col > div.red.over .inner .bg, .container .body .blog.blocks .col > div.red:hover .inner .bg, .container .body .blog.blocks .col > div.red.over .inner .bg, .container .body .blog.news .col > div.red:hover .inner .bg, .container .body .blog.news .col > div.red.over .inner .bg { background:url('../images/overlay/red.png') repeat top left; }
.container .body .blog.news .col .leading-1 iframe, .container .body .blog.news .col .leading-6 iframe, .container .body .blog.news .col .leading-8 iframe, .container .body .blog.news .col .leading-11 iframe, .container .body .blog.news .col .leading-13 iframe, .container .body .blog.news .col .leading-18 iframe { height:545px; }
.container .body .blog.news .col .leading-3 iframe, .container .body .blog.news .col .leading-4 iframe, .container .body .blog.news .col .leading-9 iframe, .container .body .blog.news .col .leading-10 iframe, .container .body .blog.news .col .leading-15 iframe, .container .body .blog.news .col .leading-16 iframe { height:447.5px; }
.container .body .blog.news .col .leading-2 iframe, .container .body .blog.news .col .leading-5 iframe, .container .body .blog.news .col .leading-7 iframe, .container .body .blog.news .col .leading-12 iframe, .container .body .blog.news .col .leading-14 iframe, .container .body .blog.news .col .leading-17 iframe { height:350px; }
.container .body .blog.news .col .youtube { padding:0; }
.container .body .blog.news .col .slogan, .container .body .blog.news .col .members {
  background:#3c3c3c;
  color:white;
}
.container .body .blog.news .col .slogan .inner, .container .body .blog.news .col .members .inner {
  text-align:center;
  padding:20px;
  box-sizing:border-box;
  opacity:1;
  display:table;
}
.container .body .blog.news .col .slogan .inner .text, .container .body .blog.news .col .members .inner .text {
  text-align:left;
  display:table-cell;
  vertical-align:middle;
  height:100%;
}
.container .body .blog.news .col .members { height:905px; }
.container .body .blog.news .col .members .inner .text h2 { font-size:28px; }
.container .body .blog.news .col .members .inner .text ul {
  list-style:none;
  padding:30px 0 0;
  margin:0;
}
.container .body .blog.news .col .members .inner .text ul li {
  margin-bottom:14px;
  line-height:normal;
}
.container .body .blog.news .col .news span.more {
  height:40px;
  display:block;
  background:url('../images/more.png') no-repeat center top;
  margin-top:50px;
}
.container .body .blog.news .col .person:hover .inner, .container .body .blog.news .col .news:hover .inner, .container .body .blog.news .col .person.over .inner, .container .body .blog.news .col .news.over .inner { background:rgba(0,0,0,0.4); }
.container .body .blog.news .col .person:hover .inner .text, .container .body .blog.news .col .news:hover .inner .text, .container .body .blog.news .col .person.over .inner .text, .container .body .blog.news .col .news.over .inner .text {
  vertical-align:middle;
  text-align:center;
  color:white;
}
.container .body .item-page {
  max-width:1460px;
  padding:0 20px 100px;
  margin:0 auto;
}
.container .body .item-page h1, .container .body .item-page h2 {
  font-size:30px;
  font-weight:500;
}
.container .body .item-page table { width:100%; }
.container .body .item-page table td {
  padding-bottom:50px;
  vertical-align:top;
}
.container .body .item-page table td h2 { margin-top:0; }
.container .body .item-page table td .map {
  border:1px #a9a9a9 solid;
  margin-top:8px;
}
.container .body .item-page table td .map {
  width:100%;
  height:430px;
}
.container .body .item-page table td:first-child {
  width:250px;
  padding-right:20px;
  vertical-align:top;
}
.container .body .item-page table td:last-child { padding-right:0; }
.container .footer {
  max-width:1460px;
  margin:0 auto;
  padding:0 20px;
  position:relative;
}
.container .footer .left {
  float:left;
  overflow:hidden;
}
.container .footer .left .moduletable { float:left; }
.container .footer .left ul.nav.menu {
  padding-left:0;
  list-style:none;
  overflow:hidden;
  float:left;
}
.container .footer .left ul.nav.menu li {
  float:left;
  padding-right:15px;
}
.container .footer .left ul.nav.menu li a { color:#333; }
.container .footer .left ul.nav.menu li.mwst { display:none; }
.container .footer .left ul.lang-block {
  overflow:hidden;
  padding-left:0;
  list-style:none;
}
.container .footer .left ul.lang-block li {
  float:left;
  padding-right:15px;
}
.container .footer .left ul.lang-block li a { color:#333; }
.container .footer .right { float:right; }
.container .footer .right #up {
  background:url('../images/up.svg') no-repeat top left;
  width:55px;
  height:55px;
  display:block;
  position:absolute;
  bottom:35px;
  right:30px;
  z-index:30;
}
.container .overlay {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:0;
  background:#f0f0f0;
  z-index:150;
  transition:width 1s;
}
.container .overlay .open { width:100%; }
body.leistungen .footer-container .footer .right #up, body.produkte .footer-container .footer .right #up { right:20px; }
body.produkte .leistung .intro .left.text { text-align:right; }
body.produkte .leistung .intro .left.text .cell { padding-right:20px; }
body.produkte .leistung .intro .right.text { text-align:left; }
body.produkte .leistung .intro .right.text .cell { padding-left:20px; }
@media (max-width: 1300px) {
  .blog.news .col .members .inner .text { font-size:20px; }
}
@media (max-width: 1024px) {
  body .sixth { width:33.3333%; }
  body .clear-1024 { clear:both; }
  body .collapse-1024 {
    width:100% !important;
    float:none !important;
    clear:both;
  }
}
@media (max-width: 1100px) {
  .container { padding-top:initial; }
  .gallery {
    padding-top:125px;
    overflow:hidden;
  }
  .gallery .droppicsgallery {
    width:180%;
    margin-left:-40%;
  }
  .container .header-container .header .mainmenu .menubutton {
    width:40px;
    height:40px;
    background:url('../images/menu/menubutton.svg') no-repeat center center;
    display:block;
    position:absolute;
    right:40px;
    top:55px;
  }
  .container .header-container .header .mainmenu .moduletable, .container .header-container .header .mainmenu .moduletable_menu {
    width:305px;
    background:#545454;
    padding-top:90px;
    padding-bottom:55px;
    position:absolute;
    right:0;
    top:0;
    z-index:500;
    display:none;
  }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu {
    padding-right:105px;
    margin:0;
  }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li {
    display:block;
    font-weight:300;
  }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li a, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li a { color:white; }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li ul, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li ul {
    position:static;
    width:auto;
    padding-bottom:15px;
    padding-right:0;
    padding-top:0;
    background:transparent;
    border-bottom:none;
  }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li ul li, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li ul li {
    background:transparent;
    text-align:right;
    font-size:14px;
    padding-bottom:7px;
  }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li ul li a, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li ul li a { padding:5px 0 0; }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li.shop img, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li.shop img { display:none; }
  .container .header-container .header .mainmenu .moduletable ul.nav.menu li.shop span, .container .header-container .header .mainmenu .moduletable_menu ul.nav.menu li.shop span { display:inline; }
  .container .header-container .header .mainmenu.open .menubutton {
    background-image:url('../images/menu/close.svg');
    position:absolute;
    z-index:501;
    top:55px;
    right:45px;
  }
  .container .header-container .header .mainmenu.open .moduletable, .container .header-container .header .mainmenu.open .moduletable_menu {
    display:block;
    width:100%;
  }
  .container .header-container .header .mainmenu.open ul.nav.menu {
    padding-right:0;
    text-align:center;
  }
  .container .header-container .header .mainmenu.open ul.nav.menu li { line-height:2; }
  .body-container .body .col { width:50%; }
  .body-container .body .row.referenz .details { padding-top:60px; }
  .body-container .body .row.referenz .details .right {
    float:none;
    width:auto;
    padding-top:30px;
  }
  .body-container .body .row.referenz .details .social {
    padding-top:30px;
    padding-bottom:40px;
  }
  .body-container .body .blog.referenzen .items-leading .referenz .details { padding-top:60px; }
  .body-container .body .blog.referenzen .items-leading .referenz .details .right {
    float:none;
    width:auto;
    padding-top:30px;
  }
  .body-container .body .blog.referenzen .items-leading .referenz .details .social {
    padding-top:30px;
    padding-bottom:40px;
  }
}
@media (max-width: 900px) {
  .items-leading { display:grid; }
  .items-leading .col { width:100% !important; }
  .body .col .impressum .moduletable { padding-left:30px; }
  .body .droppicsgallerycarousel .nivo-controlNav { margin-top:-110px; }
  .body .droppicsgallerycarousel .nivo-controlNav .nivo-control {
    width:20px;
    height:20px;
  }
  .body .blog.news .col .members .inner .text {
    font-size:18px;
    line-height:34px;
  }
}
@media (max-width: 640px) {
  .body .col { width:100%; }
  .body .col .leading .inner span.close { display:block; }
  .body .col .impressum { height:350px !important; }
  .body .col .impressum .moduletable { padding-left:60px; }
  .body .col .impressum .moduletable:first-child { height:175px; }
  .body .col .impressum .custom { font-size:20px; }
  .body .col #up {
    width:30px;
    height:30px;
    background-size:100%;
  }
  .body .col> div { height:400px !important; }
  .body .col> div .members {
    height:auto !important;
    margin-bottom:10px;
  }
  .body .col> div .members .inner .text { font-size:22px; }
  .body .col> div .members .inner .text li { padding-bottom:14px; }
  .body .items-leading .referenz .details .all a .all a, .body .row.referenz .details .all a {
    display:block;
    width:200px;
    margin:0 auto;
  }
  .body .items-leading .referenz .details .all a .right, .body .row.referenz .details .right {
    float:initial;
    width:initial;
  }
  .body .mod-intro h1 { font-size:20px; }
  .body .item-page h1, .body .item-page h2 { font-size:20px; }
  .body table td {
    padding-right:0;
    padding-bottom:30px;
    display:block;
  }
  .footer-container .footer { font-size:12px; }
  .footer-container .footer .left ul.nav.menu, .footer-container .footer .left ul.lang-block { margin-bottom:0; }
  .footer-container .footer .left ul.nav.menu li, .footer-container .footer .left ul.lang-block li {
    padding-right:10px;
    padding-bottom:5px;
  }
  .footer-container .footer .left ul.nav.menu li .mwst, .footer-container .footer .left ul.lang-block li .mwst { display:block; }
}
@media (max-width: 480px) {
  .header-container { padding-bottom:0; }
  .footer-container .footer .right #up { bottom:12px; }
  .header-container .header { padding:0 25px; }
  .header-container .header .logo { padding-top:26px; }
  .header-container .header .logo img {
    width:200px;
    height:auto;
  }
  .header-container .header .mainmenu .menubutton {
    top:26px;
    right:20px;
  }
  .header-container .header .mainmenu.open .menubutton {
    top:20px;
    right:20px;
    background-size:25px;
  }
  .header-container .header .mainmenu.open .moduletable_menu {
    padding-top:80px;
    padding-bottom:25px;
  }
  .header-container .header .mainmenu.open .moduletable_menu ul.nav.menu > li { padding-bottom:4px; }
  .body-container .body .gallery { overflow:hidden; }
  .body-container .body .gallery .droppicsgallery {
    width:180%;
    margin-left:-40%;
  }
  .body-container .body .blog-featured.blocks .col .moduletable, .body-container .body .blog.blocks .col .moduletable, .body-container .body .blog.news .col .moduletable { padding-left:30px; }
  .body-container .body .row.referenz { padding-top:0; }
  .body-container .body .row.referenz .intro { padding-bottom:20px; }
  .body-container .body .row.referenz .intro h1 {
    font-size:19px;
    line-height:26px;
    padding-left:20px;
  }
  .body-container .body .row.referenz .intro h1 span.quo {
    font-size:50px;
    line-height:1px;
  }
  .body-container .body .row.referenz .intro h3 { font-size:14px; }
  .body-container .body .details { padding-top:10px; }
  .body-container .body .details h1, .body-container .body .details h2 { font-size:19px; }
  .body-container .body .details .social { padding-bottom:10px; }
  .body-container .body .details .all { padding-bottom:25px; }
  .body-container .body .details .all a  {
    font-size:15px;
    margin-bottom:8px;
    padding:10px 0;
    width:190px;
  }
  .body-container .body .blog.referenzen .items-leading .referenz { padding-top:25px; }
  .body-container .body .blog.referenzen .items-leading .referenz .intro { padding-bottom:20px; }
  .body-container .body .blog.referenzen .items-leading .referenz .intro h1 {
    font-size:19px;
    line-height:26px;
    padding-left:20px;
  }
  .body-container .body .blog.referenzen .items-leading .referenz .intro h1 span.quo {
    font-size:50px;
    line-height:1px;
  }
  .body-container .body .blog.referenzen .items-leading .referenz .intro h3 { font-size:14px; }
  .body-container .body .blog.referenzen .items-leading .referenz .details, .body-container .body .blog.referenzen .items-leading .referenz .details .social { padding-top:10px; }
  .body-container .body .blog.referenzen .items-leading .referenz .details h1, .body-container .body .blog.referenzen .items-leading .referenz .details h2 { font-size:19px; }
  .body-container .body .blog.referenzen .items-leading .referenz .details .all { padding-bottom:25px; }
  .body-container .body .blog.referenzen .items-leading .referenz .details .all a {
    font-size:15px;
    margin-bottom:8px;
    padding:10px 0;
    width:190px;
  }
  .body-container .body a#mehr { font-size:15px; }
  .body-container .body .col > div.youtube { height:auto !important; }
  .body-container .body .col > div.youtube iframe {
    height:auto !important;
    min-height:200px;
  }
  .body-container .body .droppicsgallerycarousel .nivo-directionNav .nivo-prevNav, .body-container .body .droppicsgallerycarousel .nivo-directionNav .nivo-nextNav {
    background-size:20px !important;
    background-position:center center !important;
    width:36px;
    height:20px;
    margin-left:-18px;
    opacity:1;
  }
  .body-container .body .droppicsgallerycarousel .nivo-directionNav .nivo-prevNav { top:10px; }
  .body-container .body .droppicsgallerycarousel .nivo-directionNav .nivo-nextNav { bottom:10px; }
}