body {
  font-family: Arial, Helvetica, sans-serif;
}
#content {
  width: 1200px;
  margin: 0 auto;
  color: #525252;
}
#content #logo {
  margin: 40px 0;
  float: right;
  max-width: 100%;
}
#content h1 {
  margin: 0 0 45px 0;
  font-size: 20px;
  line-height: 120%;
  text-align: left;
  font-weight: 500;
}
#content h2 {
  font-size: 17px;
  margin: 0 0 25px 0;
  line-height: 120%;
  font-weight: 500;
}
#content h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  font-weight: 500;
}
#content h3 span.druckername {
  font-weight: 700;
}
#content h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 120%;
  font-weight: 500;
  text-align: left;
}
#content h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 120%;
  font-weight: 500;
  text-align: left;
}
#content p {
  margin: 0 0 35px 0;
  font-size: 15px;
  line-height: 134%;
}
#content a {
  color: #5d5d5d;
  text-decoration: none;
}
#content #druckername {
  font-weight: 700;
}
#content #drucker_waehlen {
  margin: 0;
  width: 100%;
  padding: 0;
}
#content #drucker_waehlen li {
  list-style: none;
  margin: 0 25px 25px 0;
  float: left;
  width: calc(25% - 75px / 3 + 2.25px);
  border: 2px solid white;
}
#content #drucker_waehlen li div {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  border: 1px solid #c9c9c9;
}
#content #drucker_waehlen li div img {
  margin-top: 15px;
}
#content #drucker_waehlen li.active,
#content #drucker_waehlen li:hover {
  border: 2px solid #5d5d5d;
  cursor: pointer;
}
#content #drucker_waehlen li.active div,
#content #drucker_waehlen li:hover div {
  border-color: #5d5d5d;
}
#content #drucker_waehlen li:nth-of-type(4) {
  margin-right: 0;
}
#content ul.videos {
  display: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 620px;
  list-style: none;
}
#content ul.videos.active {
  display: block;
}
#content ul.videos li {
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% / 3 - 11px);
  border: 1px solid #c9c9c9;
  margin-right: 15px;
  margin-bottom: 15px;
}
#content ul.videos li div {
  position: relative;
}
#content ul.videos li h4 {
  margin: 10px 0 5px 0;
  display: flex;
  align-items: center;
}
#content ul.videos li img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  padding-left: calc(50% - 30px);
  padding-right: calc(50% - 30px);
  padding-top: calc(50% - 48px);
  padding-bottom: calc(50% - 48px);
}
#content ul.videos li img:nth-of-type(2):hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.35);
}
#content ul.videos li:nth-of-type(3n) {
  margin-right: 0px;
}
#content #pdf {
  border: 1px solid #c9c9c9;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 25px;
  width: calc(100% - 645px);
  max-width: calc(100% - 645px);
  float: left;
}
#content #pdf.nodata_video {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0px !important;
}
#content #pdf ul.pdf {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content #pdf ul.pdf.active {
  display: block;
}
#content #pdf ul.pdf li {
  margin-bottom: 20px;
}
#content #pdf ul.pdf li img {
  float: left;
}
#content #pdf ul.pdf li h4 {
  float: left;
  margin: 11px 0 0 20px;
  color: #5d5d5d;
  max-width: calc(100% - 60px);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#content #pdf ul.pdf li a:hover {
  cursor: pointer;
}
#content #pdf ul.pdf li a:hover h4 {
  color: #000000;
}
#footer {
  margin-bottom: 40px;
}
#footer #left_footer {
  float: left;
  line-height: 100%;
}
#footer #left_footer a {
  padding-top: 2px;
  font-size: 11px !important;
  color: #999;
  line-height: 100%;
  text-decoration: none;
}
#footer #left_footer a:hover {
  color: #191919;
}
#footer #right_footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 120%;
  color: #5d5d5d;
  text-align: left;
  float: right;
}
#footer #right_footer span {
  color: #191919;
}
#footer #right_footer a {
  margin-left: 30px;
  float: right;
}
#footer #right_footer a:hover {
  color: #191919;
}
#close_lightbox_video {
  position: absolute;
  right: 35px;
  top: 15px;
  width: 50px;
  height: auto;
}
#close_lightbox_video:hover {
  cursor: pointer;
}
#lightbox_video {
  display: none;
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
  width: 100vw;
  background: white;
}
#lightbox_video #video_wrap {
  position: fixed;
  left: 25vw;
  top: 25vh;
  height: 50vh;
  width: 50vw;
}
#lightbox_video #video_wrap iframe {
  height: 50vh;
  width: 50vw;
}
/*RESPONSIVE*/
@media (max-width: 1250px) {
  html body #footer_placemmaker {
    height: 30px !important;
  }
  html #content,
  body #content {
    max-width: calc(100% - 50px);
    margin-left: 25px;
    margin-right: 25px;
    overflow-x: hidden;
  }
}
@media (max-width: 1080px) and (min-width: 825px) {
  html #content #drucker_waehlen li,
  body #content #drucker_waehlen li {
    width: calc(100% / 3 - 21px);
  }
  html body #content #drucker_waehlen li:nth-of-type(4) {
    margin-right: 25px;
  }
  html body #content #drucker_waehlen li:nth-of-type(3),
  html body #content #drucker_waehlen li:nth-of-type(6) {
    margin-right: 0px;
  }
}
@media (max-width: 824px) and (min-width: 565px) {
  html #content #drucker_waehlen li,
  body #content #drucker_waehlen li {
    width: calc(100% / 2 - 17px);
  }
  html body #content #drucker_waehlen li {
    margin-right: 25px;
  }
  html body #content #drucker_waehlen li:nth-of-type(2),
  html body #content #drucker_waehlen li:nth-of-type(4),
  html body #content #drucker_waehlen li:nth-of-type(6) {
    margin-right: 0px;
  }
}
@media (max-width: 564px) {
  html #content #drucker_waehlen li,
  body #content #drucker_waehlen li {
    width: calc(100% - 4px);
  }
  html #content #drucker_waehlen li img,
  body #content #drucker_waehlen li img {
    max-width: 100%;
    height: auto;
  }
  html body #content #drucker_waehlen li {
    margin-right: 0px;
  }
}
@media (max-width: 1150px) {
  #content ul.videos li:nth-last-of-type(1),
  #content ul.videos li:nth-last-of-type(2),
  #content ul.videos li:nth-last-of-type(3),
  body #content ul.videos li {
    margin-bottom: 20px !important;
  }
  ul.videos li img:nth-of-type(2) {
    background: none !important;
  }
}
@media (max-width: 1150px) {
  html body #content #pdf {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
  }
}
@media (max-width: 1150px) and (min-width: 701px) {
  html body #content #pdf {
    width: 100%;
    max-width: 100%;
    margin: 40px 0;
  }
  html > body > #content ul.videos {
    width: 100%;
  }
  html > body > #content ul.videos > li {
    width: calc(100% / 4 - 12px);
    margin-right: 15px !important;
  }
  html > body > #content ul.videos > li:nth-of-type(4n) {
    margin-right: 0px !important;
  }
  html > body > #content ul.videos > li img:nth-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 700px) {
  html > body > #content ul.videos {
    width: 100%;
  }
  html > body > #content ul.videos > li {
    margin-bottom: 20px !important;
  }
  html > body > #content ul.videos > li img:nth-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 520px) and (min-width: 100px) {
  html > body > #content ul.videos {
    width: 100%;
  }
  html > body > #content ul.videos > li {
    width: calc(100% / 2 - 8px);
    margin-right: 15px !important;
  }
  html > body > #content ul.videos > li:nth-of-type(2n) {
    margin-right: 0px !important;
  }
  html > body > #content ul.videos > li img:nth-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 340px) {
  html > body > #content ul.videos {
    width: 100%;
  }
  html > body > #content ul.videos > li {
    width: calc(100% - 4px);
    margin-right: 0px !important;
  }
  html > body > #content ul.videos > li img:nth-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 1250px) {
  #close_lightbox_video {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 30px;
    height: auto;
  }
  #close_lightbox_video:hover {
    cursor: pointer;
  }
  #lightbox_video {
    display: none;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    width: 100vw;
    background: white;
  }
  #lightbox_video #video_wrap {
    position: fixed;
    left: 5vw;
    top: 5vh;
    height: 90vh;
    width: 90vw;
  }
  #lightbox_video #video_wrap iframe {
    height: 90vh;
    width: 90vw;
  }
}
@media (max-width: 600px) {
  #left_footer,
  #right_footer {
    margin: 25px 0;
    text-align: center;
    width: 100%;
  }
  #left_footer span,
  #right_footer span {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  #right_footer {
    margin: 0 0 20px 0;
  }
  #right_footer a {
    width: 100%;
    text-align: center;
    margin: 4px 0 !important;
    display: inline-block;
    float: none !important;
  }
  #footer {
    margin-bottom: 0px;
  }
}