@import url(beratung.css);
@import url(hinweis.css);
.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.topnav {
  text-align: center;
  clear: both;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 20px;
  font-size: 16px;
  color: #1C8BCC; }
  @media (max-width: 1140px) {
    .topnav {
      line-height: 20px;
      font-size: 16px;
      margin-left: 25px; } }
  @media (max-width: 985px) {
    .topnav {
      line-height: 20px;
      font-size: 16px; } }

.toplink {
  text-decoration: none;
  color: #1C8BCC;
  padding-left: 30px; }

.toplink:hover {
  color: #F6841F; }

.toplinkactive {
  color: #F6841F;
  text-decoration: none;
  margin-left: 40px;
  padding-bottom: 14px;
  border-bottom: 6px solid #F6841F; }

.servicenav {
  clear: both;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: 80px;
  font-weight: 400;
  font-size: 16px;
  color: #1C8BCC;
  line-height: 18px;
  padding-bottom: 10px; }
  @media (max-width: 1140px) {
    .servicenav {
      margin-left: 25px; } }

.servicelink {
  text-decoration: none;
  padding-left: 30px;
  color: #1C8BCC; }

.servicelink:hover {
  color: #F6841F; }

.servicelinkactive {
  font-weight: 400;
  color: #F6841F;
  text-decoration: none;
  padding-left: 30px; }

.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.topnav {
  text-align: center;
  clear: both;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 20px;
  font-size: 16px;
  color: #1C8BCC; }
  @media (max-width: 1140px) {
    .topnav {
      line-height: 20px;
      font-size: 16px;
      margin-left: 25px; } }
  @media (max-width: 985px) {
    .topnav {
      line-height: 20px;
      font-size: 16px; } }

.toplink {
  text-decoration: none;
  color: #1C8BCC;
  padding-left: 30px; }

.toplink:hover {
  color: #F6841F; }

.toplinkactive {
  color: #F6841F;
  text-decoration: none;
  margin-left: 40px;
  padding-bottom: 14px;
  border-bottom: 6px solid #F6841F; }

.servicenav {
  clear: both;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: 80px;
  font-weight: 400;
  font-size: 16px;
  color: #1C8BCC;
  line-height: 18px;
  padding-bottom: 10px; }
  @media (max-width: 1140px) {
    .servicenav {
      margin-left: 25px; } }

.servicelink {
  text-decoration: none;
  padding-left: 30px;
  color: #1C8BCC; }

.servicelink:hover {
  color: #F6841F; }

.servicelinkactive {
  font-weight: 400;
  color: #F6841F;
  text-decoration: none;
  padding-left: 30px; }

html, body, div, h1, h2, h3, h4 {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  color: #555; }
  html h1, html h2, body h1, body h2, div h1, div h2, h1 h1, h1 h2, h2 h1, h2 h2, h3 h1, h3 h2, h4 h1, h4 h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 44px;
    line-height: 48px;
    color: #1C8BCC;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1140px) {
      html h1, html h2, body h1, body h2, div h1, div h2, h1 h1, h1 h2, h2 h1, h2 h2, h3 h1, h3 h2, h4 h1, h4 h2 {
        font-size: 32px;
        line-height: 40px; } }
    @media (max-width: 985px) {
      html h1, html h2, body h1, body h2, div h1, div h2, h1 h1, h1 h2, h2 h1, h2 h2, h3 h1, h3 h2, h4 h1, h4 h2 {
        font-size: 32px;
        line-height: 40px; } }
    @media (max-width: 865px) {
      html h1, html h2, body h1, body h2, div h1, div h2, h1 h1, h1 h2, h2 h1, h2 h2, h3 h1, h3 h2, h4 h1, h4 h2 {
        font-size: 32px;
        line-height: 40px; } }
    @media (max-width: 743px) {
      html h1, html h2, body h1, body h2, div h1, div h2, h1 h1, h1 h2, h2 h1, h2 h2, h3 h1, h3 h2, h4 h1, h4 h2 {
        font-size: 32px;
        line-height: 40px;
        padding-right: 20px; } }
  html h3, html .clh3, body h3, body .clh3, div h3, div .clh3, h1 h3, h1 .clh3, h2 h3, h2 .clh3, h3 h3, h3 .clh3, h4 h3, h4 .clh3 {
    font-style: normal;
    color: #1C8BCC;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px; }
    @media (max-width: 1240px) {
      html h3, html .clh3, body h3, body .clh3, div h3, div .clh3, h1 h3, h1 .clh3, h2 h3, h2 .clh3, h3 h3, h3 .clh3, h4 h3, h4 .clh3 {
        font-size: 28px;
        line-height: 32px; } }
    @media (max-width: 1140px) {
      html h3, html .clh3, body h3, body .clh3, div h3, div .clh3, h1 h3, h1 .clh3, h2 h3, h2 .clh3, h3 h3, h3 .clh3, h4 h3, h4 .clh3 {
        font-size: 28px;
        line-height: 32px; } }
    @media (max-width: 985px) {
      html h3, html .clh3, body h3, body .clh3, div h3, div .clh3, h1 h3, h1 .clh3, h2 h3, h2 .clh3, h3 h3, h3 .clh3, h4 h3, h4 .clh3 {
        font-size: 24px;
        line-height: 28px; } }
    @media (max-width: 865px) {
      html h3, html .clh3, body h3, body .clh3, div h3, div .clh3, h1 h3, h1 .clh3, h2 h3, h2 .clh3, h3 h3, h3 .clh3, h4 h3, h4 .clh3 {
        font-size: 20px;
        line-height: 24px; } }
    @media (max-width: 743px) {
      html h3, html .clh3, body h3, body .clh3, div h3, div .clh3, h1 h3, h1 .clh3, h2 h3, h2 .clh3, h3 h3, h3 .clh3, h4 h3, h4 .clh3 {
        font-size: 20px;
        line-height: 24px; } }
  html h4, html .clh4, body h4, body .clh4, div h4, div .clh4, h1 h4, h1 .clh4, h2 h4, h2 .clh4, h3 h4, h3 .clh4, h4 h4, h4 .clh4 {
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #1C8BCC;
    margin-bottom: 20px; }
    @media (max-width: 1240px) {
      html h4, html .clh4, body h4, body .clh4, div h4, div .clh4, h1 h4, h1 .clh4, h2 h4, h2 .clh4, h3 h4, h3 .clh4, h4 h4, h4 .clh4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 160px; } }
    @media (max-width: 1140px) {
      html h4, html .clh4, body h4, body .clh4, div h4, div .clh4, h1 h4, h1 .clh4, h2 h4, h2 .clh4, h3 h4, h3 .clh4, h4 h4, h4 .clh4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 60px; } }
    @media (max-width: 985px) {
      html h4, html .clh4, body h4, body .clh4, div h4, div .clh4, h1 h4, h1 .clh4, h2 h4, h2 .clh4, h3 h4, h3 .clh4, h4 h4, h4 .clh4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 0px; } }
    @media (max-width: 865px) {
      html h4, html .clh4, body h4, body .clh4, div h4, div .clh4, h1 h4, h1 .clh4, h2 h4, h2 .clh4, h3 h4, h3 .clh4, h4 h4, h4 .clh4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 20px; } }
    @media (max-width: 743px) {
      html h4, html .clh4, body h4, body .clh4, div h4, div .clh4, h1 h4, h1 .clh4, h2 h4, h2 .clh4, h3 h4, h3 .clh4, h4 h4, h4 .clh4 {
        font-size: 18px;
        line-height: 24px; } }
  html h5, html .clh5, body h5, body .clh5, div h5, div .clh5, h1 h5, h1 .clh5, h2 h5, h2 .clh5, h3 h5, h3 .clh5, h4 h5, h4 .clh5 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #555;
    margin: 0px;
    margin-bottom: 20px; }
    @media (max-width: 1240px) {
      html h5, html .clh5, body h5, body .clh5, div h5, div .clh5, h1 h5, h1 .clh5, h2 h5, h2 .clh5, h3 h5, h3 .clh5, h4 h5, h4 .clh5 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 1140px) {
      html h5, html .clh5, body h5, body .clh5, div h5, div .clh5, h1 h5, h1 .clh5, h2 h5, h2 .clh5, h3 h5, h3 .clh5, h4 h5, h4 .clh5 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 985px) {
      html h5, html .clh5, body h5, body .clh5, div h5, div .clh5, h1 h5, h1 .clh5, h2 h5, h2 .clh5, h3 h5, h3 .clh5, h4 h5, h4 .clh5 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 865px) {
      html h5, html .clh5, body h5, body .clh5, div h5, div .clh5, h1 h5, h1 .clh5, h2 h5, h2 .clh5, h3 h5, h3 .clh5, h4 h5, h4 .clh5 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 743px) {
      html h5, html .clh5, body h5, body .clh5, div h5, div .clh5, h1 h5, h1 .clh5, h2 h5, h2 .clh5, h3 h5, h3 .clh5, h4 h5, h4 .clh5 {
        font-size: 16px;
        line-height: 22px; } }

.h3waskundenmeinen {
  font-style: normal;
  color: #F6841F;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
  line-height: 1.3em; }
  @media (max-width: 1240px) {
    .h3waskundenmeinen {
      font-size: 24px;
      line-height: 28px; } }
  @media (max-width: 1140px) {
    .h3waskundenmeinen {
      font-size: 24px;
      line-height: 28px; } }
  @media (max-width: 985px) {
    .h3waskundenmeinen {
      font-size: 20px;
      line-height: 24px; } }
  @media (max-width: 865px) {
    .h3waskundenmeinen {
      font-size: 16px;
      line-height: 20px; } }
  @media (max-width: 743px) {
    .h3waskundenmeinen {
      font-size: 16px;
      line-height: 20px; } }

.mainmobileheader {
  width: 100%;
  height: 60px;
  display: none;
  position: fixed;
  z-Index: 3000;
  background-color: white; }
  @media (max-width: 985px) {
    .mainmobileheader {
      display: block; } }

.main {
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  width: 985px;
  overflow: hidden;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  line-height: 24px; }
  @media (max-width: 1240px) {
    .main {
      width: 985px; } }
  @media (max-width: 1140px) {
    .main {
      width: 96%; } }
  @media (max-width: 985px) {
    .main {
      width: 96%; } }
  @media (max-width: 865px) {
    .main {
      width: 96%; } }
  @media (max-width: 743px) {
    .main {
      width: 96%; } }

.maincontent {
  float: left;
  padding-top: 100px;
  width: 100%;
  background-color: white;
  margin: 0;
  width: 100%; }
  .maincontent a {
    color: #F6841F; }
    .maincontent a:hover {
      text-decoration: underline; }
  @media (max-width: 1240px) {
    .maincontent {
      width: 100%; } }
  @media (max-width: 1140px) {
    .maincontent {
      width: 100%; } }
  @media (max-width: 985px) {
    .maincontent {
      width: 100%; } }
  @media (max-width: 865px) {
    .maincontent {
      width: 100%;
      padding-top: 70px; } }
  @media (max-width: 743px) {
    .maincontent {
      width: 100%; } }

.mainpadding {
  padding-top: 0px; }

.mainzwischenpadding {
  padding-top: 0px; }

.main-fixed {
  position: fixed;
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #EFEFEF;
  z-index: 10; }

.mainheader {
  height: 100px;
  overflow: hidden; }
  @media (max-width: 985px) {
    .mainheader {
      height: 60px; } }

.maininhalt {
  background-color: white; }

.herocontainer {
  position: fixed;
  top: 100px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  z-index: -5;
  overflow: hidden; }
  @media (max-width: 985px) {
    .herocontainer {
      top: 60px; } }

.heroinnercontainer {
  margin-left: auto;
  margin-right: auto;
  width: 985px; }
  @media (max-width: 1240px) {
    .heroinnercontainer {
      width: 985px; } }
  @media (max-width: 1140px) {
    .heroinnercontainer {
      width: 96%; } }
  @media (max-width: 985px) {
    .heroinnercontainer {
      width: 96%; } }
  @media (max-width: 865px) {
    .heroinnercontainer {
      width: 96%; } }
  @media (max-width: 743px) {
    .heroinnercontainer {
      width: 96%; } }

.herowrapper {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden; }

.heroimage {
  width: 100%;
  height: auto; }

.heroscrollcontainer {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  z-index: 2;
  padding-top: 100px; }
  @media (max-width: 985px) {
    .heroscrollcontainer {
      padding-top: 60px; } }

.herowidth {
  width: 1240px; }

.heropadding {
  padding-bottom: 58%; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.videoWrappertwo {
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0; }

.videoWrappertwo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cad-table {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #555; }
  .cad-table th {
    vertical-align: top;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px; }
  .cad-table td {
    border-top: 1px dashed #777;
    vertical-align: top;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px; }

.textbild {
  padding: 10px;
  padding-top: 40px; }
  @media (max-width: 743px) {
    .textbild {
      padding: 0px; } }

.textbildleft {
  padding: 10px;
  padding-top: 40px;
  padding-left: 30px; }
  @media (max-width: 743px) {
    .textbildleft {
      padding: 10px;
      padding-left: 10px; } }

.iconlegende {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: 18px;
  text-align: center; }
  @media (max-width: 865px) {
    .iconlegende {
      font-size: 16px; } }
  @media (max-width: 743px) {
    .iconlegende {
      font-size: 14px; } }

.content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  font-size: 20px;
  line-height: 24px; }
  .content h1, .content h2 {
    padding-right: 20%; }
    @media (max-width: 865px) {
      .content h1, .content h2 {
        padding-right: 10%; } }
  .content h4 {
    padding-right: 30%; }
    @media (max-width: 865px) {
      .content h4 {
        padding-right: 10%; } }
  .content .btn-blue {
    font-weight: 300;
    background-color: none;
    border: 1px white solid;
    color: white;
    margin: 0 0;
    margin-top: 20px;
    padding: 5px 20px 5px;
    display: block;
    font-size: 20px;
    line-height: 28px; }
    .content .btn-blue:hover {
      background-color: #0060A8; }
    .content .btn-blue a {
      text-decoration: none;
      color: white;
      font-weight: 300; }
    @media (max-width: 985px) {
      .content .btn-blue {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 865px) {
      .content .btn-blue {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 743px) {
      .content .btn-blue {
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
        margin-top: 10px; } }
  .content .btn-grey {
    background-color: #BBBBBB;
    text-align: center;
    color: white;
    margin: 0;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    padding: 5px 20px 5px;
    display: inline-block;
    font-size: 16px;
    line-height: 22px; }
    .content .btn-grey:hover {
      background-color: #777777; }
    .content .btn-grey a {
      text-decoration: none;
      color: white; }
    @media (max-width: 985px) {
      .content .btn-grey {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 865px) {
      .content .btn-grey {
        font-size: 14px;
        line-height: 20px;
        margin: 0 20; } }
    @media (max-width: 743px) {
      .content .btn-grey {
        font-size: 14px;
        line-height: 20px; } }
  .content .btn-usr-blue, .content .btn-usr-blue-active {
    display: inline-block;
    border: none;
    background-color: #1C8BCC;
    color: white;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    padding: 5px 20px 5px;
    font-size: 16px;
    line-height: 22px; }
    @media (max-width: 865px) {
      .content .btn-usr-blue, .content .btn-usr-blue-active {
        margin-bottom: 20px;
        margin-right: 10px; } }
    .content .btn-usr-blue:hover, .content .btn-usr-blue-active:hover {
      background-color: #0060A8; }
    .content .btn-usr-blue a, .content .btn-usr-blue-active a {
      text-decoration: none;
      color: white; }
    @media (max-width: 985px) {
      .content .btn-usr-blue, .content .btn-usr-blue-active {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 865px) {
      .content .btn-usr-blue, .content .btn-usr-blue-active {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 743px) {
      .content .btn-usr-blue, .content .btn-usr-blue-active {
        font-size: 14px;
        line-height: 20px; } }
  .content .btn-usr-blue-active {
    background-color: #0060A8; }
    .content .btn-usr-blue-active:hover {
      background-color: #0060A8; }
  .content .btn-orange {
    display: inline-block;
    border: none;
    background-color: #F6841F;
    color: white;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    padding: 5px 20px 5px;
    font-size: 16px;
    line-height: 22px; }
    @media (max-width: 865px) {
      .content .btn-orange {
        margin-bottom: 20px; } }
    .content .btn-orange:hover {
      background-color: #D46216; }
    .content .btn-orange a {
      text-decoration: none;
      color: white; }
    @media (max-width: 985px) {
      .content .btn-orange {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 865px) {
      .content .btn-orange {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 743px) {
      .content .btn-orange {
        font-size: 14px;
        line-height: 20px; } }
  .content ul {
    padding-left: 0; }
  .content li {
    background: url(li-blue.png) no-repeat left top;
    padding-left: 25px;
    padding-top: 0px;
    list-style: none;
    margin: 0;
    margin-bottom: 5px; }
    @media (max-width: 865px) {
      .content li {
        background: url(li-blue-70.png) no-repeat left top;
        padding-left: 25px; } }
  .content .h200 {
    font-size: 44px;
    line-height: 48px;
    color: #1C8BCC;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1240px) {
      .content .h200 {
        font-size: 44px;
        line-height: 48px; } }
    @media (max-width: 1140px) {
      .content .h200 {
        font-size: 32px;
        line-height: 40px; } }
    @media (max-width: 985px) {
      .content .h200 {
        font-size: 24px;
        line-height: 28px; } }
    @media (max-width: 865px) {
      .content .h200 {
        font-size: 24px;
        line-height: 28px; } }
    @media (max-width: 743px) {
      .content .h200 {
        font-size: 24px;
        line-height: 28px;
        padding-right: 20px; } }
  .content .h300 {
    color: #1C8BCC;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px; }
    @media (max-width: 1240px) {
      .content .h300 {
        font-size: 28px;
        line-height: 32px; } }
    @media (max-width: 1140px) {
      .content .h300 {
        font-size: 28px;
        line-height: 32px; } }
    @media (max-width: 985px) {
      .content .h300 {
        font-size: 24px;
        line-height: 28px; } }
    @media (max-width: 865px) {
      .content .h300 {
        font-size: 20px;
        line-height: 24px; } }
    @media (max-width: 743px) {
      .content .h300 {
        font-size: 20px;
        line-height: 24px; } }
  .content .h400 {
    font-size: 18px;
    line-height: 24px;
    color: #1C8BCC;
    margin-bottom: 20px; }
    @media (max-width: 1240px) {
      .content .h400 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 160px; } }
    @media (max-width: 1140px) {
      .content .h400 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 160px; } }
    @media (max-width: 985px) {
      .content .h400 {
        font-size: 18px;
        line-height: 26px;
        padding-right: 60px; } }
    @media (max-width: 865px) {
      .content .h400 {
        font-size: 20px;
        line-height: 28px;
        padding-right: 20px; } }
    @media (max-width: 743px) {
      .content .h400 {
        font-size: 20px;
        line-height: 28px; } }
  .content .h500 {
    font-size: 16px;
    line-height: 22px;
    color: #555555;
    margin: 0px;
    margin-bottom: 20px; }
    @media (max-width: 1240px) {
      .content .h500 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 1140px) {
      .content .h500 {
        font-size: 16px;
        line-height: 22px; } }
    @media (max-width: 985px) {
      .content .h500 {
        font-size: 16px;
        line-height: 24px; } }
    @media (max-width: 865px) {
      .content .h500 {
        font-size: 14px;
        line-height: 20px; } }
    @media (max-width: 743px) {
      .content .h500 {
        font-size: 14px;
        line-height: 20px; } }

.productimagecontainer {
  position: relative;
  width: 100%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  border: 1px solid #EFEFEF;
  margin-bottom: 0px;
  margin-bottom: 20px; }

.productimage {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1; }

.productimaget:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  overflow: hidden; }

.contentlarge {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 24px; }
  .contentlarge img {
    width: 100%; }

.fuss {
  padding-top: 50px;
  padding-bottom: 50px;
  color: white;
  font-size: 20px;
  line-height: 28px; }
  @media (max-width: 1240px) {
    .fuss {
      font-size: 20px;
      line-height: 28px; } }
  @media (max-width: 1140px) {
    .fuss {
      font-size: 20px;
      line-height: 28px; } }
  @media (max-width: 985px) {
    .fuss {
      font-size: 20px;
      line-height: 28px; } }
  @media (max-width: 865px) {
    .fuss {
      font-size: 20px;
      line-height: 28px; } }
  @media (max-width: 743px) {
    .fuss {
      font-size: 20px;
      line-height: 28px; } }

.fussp25 {
  width: 25%;
  float: left; }
  @media (max-width: 985px) {
    .fussp25 {
      width: 25%; } }
  @media (max-width: 865px) {
    .fussp25 {
      width: 50%; } }
  @media (max-width: 743px) {
    .fussp25 {
      width: 100%; } }

.footerlink {
  color: white !important;
  font-weight: 300; }
  .footerlink:hover {
    text-decoration: none !important;
    color: #DEDEDE !important; }
  .footerlink a {
    color: #DEDEDE !important;
    text-decoration: none !important; }

.socialicons {
  padding-right: 15px;
  padding-top: 18px;
  float: left; }

.socialicons img {
  width: 32px !important; }

.box {
  padding: 30px;
  padding-left: 0px;
  color: white !important;
  font-weight: 300; }

.contactteaser h2 {
  width: 60%;
  color: white;
  font-size: 28px;
  line-height: 32px; }
  @media (max-width: 1240px) {
    .contactteaser h2 {
      font-size: 28px;
      line-height: 32px; } }
  @media (max-width: 1140px) {
    .contactteaser h2 {
      font-size: 28px;
      line-height: 32px; } }
  @media (max-width: 985px) {
    .contactteaser h2 {
      font-size: 24px;
      line-height: 32px; } }
  @media (max-width: 865px) {
    .contactteaser h2 {
      font-size: 28px;
      line-height: 32px; } }
  @media (max-width: 743px) {
    .contactteaser h2 {
      width: 100%;
      font-size: 24px;
      line-height: 28px;
      padding-right: 20px; } }
.contactteaser h4 {
  color: white;
  font-size: 18px;
  line-height: 24px; }
  @media (max-width: 865px) {
    .contactteaser h4 {
      font-size: 18px;
      line-height: 26px; } }
  @media (max-width: 743px) {
    .contactteaser h4 {
      font-size: 20px;
      line-height: 28px;
      padding-bottom: 80px; } }

.btnposition {
  position: absolute;
  right: 0px;
  bottom: 50px; }
  @media (max-width: 743px) {
    .btnposition {
      left: 0px;
      right: auto;
      bottom: 20px; } }

.p10 {
  width: 10%;
  float: left;
  overflow: hidden; }

.p20 {
  width: 20%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p20 {
      width: 25%; } }
  @media (max-width: 985px) {
    .p20 {
      width: 33.3%; } }
  @media (max-width: 865px) {
    .p20 {
      width: 50%; } }
  @media (max-width: 743px) {
    .p20 {
      width: 100%; } }

.p25 {
  width: 25%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p25 {
      width: 25%; } }
  @media (max-width: 985px) {
    .p25 {
      width: 25%; } }
  @media (max-width: 865px) {
    .p25 {
      width: 25%; } }
  @media (max-width: 743px) {
    .p25 {
      width: 50%; } }

.allthumbnails {
  display: block; }
  @media (max-width: 865px) {
    .allthumbnails {
      display: none; } }
  @media (max-width: 743px) {
    .allthumbnails {
      display: none; } }

.thumbnailsclass {
  width: 25%;
  overflow: hidden;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .thumbnailsclass {
      width: 25%; } }
  @media (max-width: 985px) {
    .thumbnailsclass {
      width: 25%; } }
  @media (max-width: 865px) {
    .thumbnailsclass {
      width: 25%; } }
  @media (max-width: 743px) {
    .thumbnailsclass {
      width: 100%; } }

.thumbnailsclass00 {
  width: 33.3%;
  overflow: hidden;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .thumbnailsclass00 {
      width: 33.3%; } }
  @media (max-width: 985px) {
    .thumbnailsclass00 {
      width: 33.3%; } }
  @media (max-width: 865px) {
    .thumbnailsclass00 {
      width: 33.3%; } }
  @media (max-width: 743px) {
    .thumbnailsclass00 {
      width: 100%; } }

.thumbnailimage {
  width: 10%; }

.p33 {
  width: 33.3%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p33 {
      width: 33.3%; } }
  @media (max-width: 985px) {
    .p33 {
      width: 50%; } }
  @media (max-width: 865px) {
    .p33 {
      width: 50%; } }
  @media (max-width: 743px) {
    .p33 {
      width: 100%; } }

.p30 {
  width: 30%;
  float: left;
  overflow: hidden; }

.p33 {
  width: 33.3%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p33 {
      width: 33.3%; } }
  @media (max-width: 985px) {
    .p33 {
      width: 50%; } }
  @media (max-width: 865px) {
    .p33 {
      width: 50%; } }
  @media (max-width: 743px) {
    .p33 {
      width: 100%; } }

.p40 {
  width: 40%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p40 {
      width: 40%; } }
  @media (max-width: 985px) {
    .p40 {
      width: 40%; } }
  @media (max-width: 865px) {
    .p40 {
      width: 40%; } }
  @media (max-width: 743px) {
    .p40 {
      width: 100%; } }

.p50 {
  width: 50%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p50 {
      width: 50%; } }
  @media (max-width: 985px) {
    .p50 {
      width: 50%; } }
  @media (max-width: 865px) {
    .p50 {
      width: 50%; } }
  @media (max-width: 743px) {
    .p50 {
      width: 100%; } }

.p60 {
  width: 60%;
  float: left;
  overflow: hidden; }
  @media (max-width: 1140px) {
    .p60 {
      width: 60%; } }
  @media (max-width: 985px) {
    .p60 {
      width: 60%; } }
  @media (max-width: 865px) {
    .p60 {
      width: 60%; } }
  @media (max-width: 743px) {
    .p60 {
      width: 100%; } }

.p66 {
  width: 66.6%;
  float: left;
  overflow: hidden; }

.p70 {
  width: 70%;
  float: left;
  overflow: hidden; }
  @media (max-width: 743px) {
    .p70 {
      width: 90%; } }

.p75 {
  width: 75%;
  float: left;
  overflow: hidden; }

.p80, .p80-option {
  width: 80%;
  float: left;
  overflow: hidden; }

.p90 {
  width: 90%;
  float: left;
  overflow: hidden; }

.p100 {
  width: 100%;
  float: left;
  overflow: hidden; }

.p10 img, .p20 img, .p25 img, .p30 img, .p33 img, .p40 img, .p50 img, .p60 img, .p66 img, .p70 img, .p80 img, .p80-option img, .p90 img, .p100 img {
  width: 100%; }

.p80-option {
  padding-bottom: 10px; }
  @media (max-width: 1140px) {
    .p80-option {
      width: 100%; } }

.logo {
  position: relative;
  padding: 0;
  padding-top: 15px;
  margin: 0;
  width: 30%;
  float: left; }
  @media (max-width: 985px) {
    .logo {
      padding-top: 7px; } }

.navigation {
  position: relative;
  padding: 0;
  padding-top: 15px;
  margin: 0;
  width: 70%;
  float: left;
  overflow: hidden;
  text-align: right; }
  @media (max-width: 985px) {
    .navigation {
      display: none; } }

.thelogo {
  padding-left: 10px;
  position: relative;
  bottom: 0px; }
  @media (max-width: 985px) {
    .thelogo {
      width: 70%; } }

.arrow-nav-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #DEDEDE;
  float: left;
  margin-right: 5px; }

.arrow-nav-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #DEDEDE;
  float: left;
  margin-left: 10px; }

.arrow-nav-left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #DEDEDE;
  float: left;
  margin-right: 10px; }

.tab-listnav {
  padding-top: 0px;
  float: right;
  font-size: 14px;
  line-height: 20px; }
  .tab-listnav a {
    text-decoration: none; }

.tophamburger {
  color: white;
  clear: left;
  margin-left: 25px;
  line-height: 30px;
  text-decoration: none; }
  .tophamburger:hover {
    color: #D46216; }

.subhamburger {
  color: white;
  clear: left;
  margin-left: 80px;
  text-decoration: none; }
  .subhamburger:hover {
    color: #D46216; }

.servicetophamburger {
  color: white;
  clear: left;
  margin-left: 25px;
  margin-bottom: 20px;
  text-decoration: none; }
  .servicetophamburger:hover {
    color: #D46216; }

.servicesubhamburger {
  color: white;
  clear: left;
  margin-left: 50px;
  text-decoration: none; }
  .servicesubhamburger:hover {
    color: #D46216; }

/*     KLAPPMENU                            */
.accordion-container label {
  padding-top: 10px;
  padding-left: 40px;
  position: relative;
  z-index: 5;
  display: block;
  min-height: 24px;
  overflow: hidden;
  cursor: pointer;
  /*color: #777 */
  font-size: 19px !important;
  line-height: 33px;
  background: transparent url(../img/plus.png) no-repeat;
  background-position: 5px 8px;
  border-top: 1px dashed #777; }
  .accordion-container label h2 {
    font-size: 19px;
    line-height: 24px;
    margin: 0px; }
  @media (max-width: 865px) {
    .accordion-container label {
      padding-left: 20px;
      background: transparent url(../img/plus-small.png) no-repeat;
      background-position: 0px 10px; }
      .accordion-container label h2 {
        font-size: 16px;
        line-height: 22px; } }
  @media (max-width: 743px) {
    .accordion-container label h2 {
      font-size: 16px;
      line-height: 22px; } }
  .accordion-container label h4 {
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #1C8BCC;
    margin-bottom: 0px; }
    @media (max-width: 1240px) {
      .accordion-container label h4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 160px; } }
    @media (max-width: 1140px) {
      .accordion-container label h4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 60px; } }
    @media (max-width: 985px) {
      .accordion-container label h4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 0px; } }
    @media (max-width: 865px) {
      .accordion-container label h4 {
        font-size: 18px;
        line-height: 24px;
        padding-right: 20px; } }
    @media (max-width: 743px) {
      .accordion-container label h4 {
        font-size: 18px;
        line-height: 24px; } }

.accordion-container label:hover {
  color: #D46216; }

.accordion-container input:checked + label, .accordion-container input:checked + label:hover {
  background: transparent url(../img/minus.png) no-repeat;
  background-position: 5px 8px; }
  @media (max-width: 865px) {
    .accordion-container input:checked + label, .accordion-container input:checked + label:hover {
      padding-left: 20px;
      background: transparent url(../img/minus-small.png) no-repeat;
      background-position: 0px 10px; } }

.accordion-container input {
  display: none; }

.accordion-container article {
  padding-left: 40px;
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 4;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important; }

.accordion-container input:checked ~ article.ac-small {
  height: auto;
  padding-top: 10px;
  padding-bottom: 0px; }
  @media (max-width: 865px) {
    .accordion-container input:checked ~ article.ac-small {
      padding-left: 20px;
      padding-top: 10px;
      padding-bottom: 0px; } }
  .accordion-container input:checked ~ article.ac-small h5 {
    margin: 0px;
    margin-bottom: 0px; }

.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.topnav {
  text-align: center;
  clear: both;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 20px;
  font-size: 16px;
  color: #1C8BCC; }
  @media (max-width: 1140px) {
    .topnav {
      line-height: 20px;
      font-size: 16px;
      margin-left: 25px; } }
  @media (max-width: 985px) {
    .topnav {
      line-height: 20px;
      font-size: 16px; } }

.toplink {
  text-decoration: none;
  color: #1C8BCC;
  padding-left: 30px; }

.toplink:hover {
  color: #F6841F; }

.toplinkactive {
  color: #F6841F;
  text-decoration: none;
  margin-left: 40px;
  padding-bottom: 14px;
  border-bottom: 6px solid #F6841F; }

.servicenav {
  clear: both;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: 80px;
  font-weight: 400;
  font-size: 16px;
  color: #1C8BCC;
  line-height: 18px;
  padding-bottom: 10px; }
  @media (max-width: 1140px) {
    .servicenav {
      margin-left: 25px; } }

.servicelink {
  text-decoration: none;
  padding-left: 30px;
  color: #1C8BCC; }

.servicelink:hover {
  color: #F6841F; }

.servicelinkactive {
  font-weight: 400;
  color: #F6841F;
  text-decoration: none;
  padding-left: 30px; }

.shopcontainer {
  color: #777777; }

input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none; }

.shopfarbe {
  cursor: pointer;
  float: left;
  padding: 5px;
  margin-bottom: 15px; }
  .shopfarbe img {
    width: 24px;
    height: 24px; }

.warenkorb {
  width: 32px;
  height: 32px;
  float: right;
  background-image: url(/assets/img/warenkorb.png);
  background-repeat: no-repeat;
  background-position: left;
  cursor: pointer; }

.circle {
  position: relative;
  margin-left: 20px;
  width: 20px;
  height: 20px;
  background: orange;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.circledark {
  background: #D46216; }

#innercircle {
  position: absolute;
  width: 16px;
  top: 0px;
  text-align: center;
  left: 2px;
  color: white;
  font-size: 10px; }

#innercirclemobile {
  position: absolute;
  width: 16px;
  top: 0px;
  text-align: center;
  left: 2px;
  color: white;
  font-size: 10px; }

.bezeichnung {
  font-size: 28px;
  line-height: 48px;
  color: #1C8BCC; }

.ausfuehrung {
  cursor: pointer;
  font-size: 20px;
  line-height: 22px;
  padding-top: 8px;
  padding-bottom: 10px; }
  @media (max-width: 865px) {
    .ausfuehrung {
      font-size: 16px;
      line-height: 18px;
      padding-top: 8px;
      padding-bottom: 10px; } }

.orange-color {
  color: orange; }

.shopoption {
  font-size: 16px;
  line-height: 20px; }

.radioone {
  padding-left: 30px;
  background-image: url(/assets/css/radio-none.png);
  background-repeat: no-repeat;
  background-position: left; }

.shopimg-top {
  margin-top: 40px; }
  @media (max-width: 865px) {
    .shopimg-top {
      margin-top: 0px; } }

.shopimg {
  position: relative; }
  @media (max-width: 865px) {
    .shopimg {
      height: 375px; }
      .shopimg img {
        position: absolute;
        bottom: -40%;
        left: 0;
        right: 0; } }

.shopimage-container {
  position: relative;
  width: 100%;
  padding-bottom: 199%;
  overflow: hidden; }
  @media (max-width: 743px) {
    .shopimage-container {
      padding-bottom: 115%; } }

.shopimage {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0; }
  @media (max-width: 743px) {
    .shopimage {
      top: -20%; } }

.orange {
  color: orange;
  background-image: url(/assets/css/radio-select.png);
  background-repeat: no-repeat;
  background-position: left; }

.nonactiveimage {
  opacity: 0.5; }

.formmenge {
  width: 28px;
  height: 28px;
  margin-top: 10px;
  border: 1px solid black;
  font-size: 18px;
  text-align: center;
  color: #1C8BCC; }

.optionclass {
  cursor: pointer;
  margin-bottom: 3px;
  padding-top: 3px;
  width: 90%;
  height: 30px;
  padding-right: 20px;
  background-image: url(/assets/img/selected_off.png);
  background-repeat: no-repeat;
  background-position: right;
  font-size: 16px;
  line-height: 20px; }

.optionclass-font {
  font-size: 16px;
  line-height: 18px;
  padding-top: 5px; }
  @media (max-width: 865px) {
    .optionclass-font {
      font-size: 14px;
      line-height: 16px; } }

.optionbg {
  background-image: url(/assets/img/selected_on.png); }

.detailline {
  margin-left: 10px;
  clear: both;
  border-top: 1px solid #777;
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #555555; }

.shopline {
  clear: both;
  border-top: 1px solid #777;
  margin-top: 15px;
  margin-bottom: 15px; }

.einzug {
  padding-left: 40px; }
  @media (max-width: 865px) {
    .einzug {
      padding-left: 10px; } }

.artikelimg {
  width: 100px !important; }
  @media (max-width: 865px) {
    .artikelimg {
      width: 60px !important;
      border-right: 10px solid white; } }

.warenkorb-head {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
  font-size: 14px; }

.warenkorb-td {
  border-top: 1px dashed #777;
  vertical-align: top;
  padding-top: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  font-size: 14px; }
  .warenkorb-td .artikel {
    line-height: 24px;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 10px; }

.warenkorb-einzelpreis {
  display: ""; }
  @media (max-width: 865px) {
    .warenkorb-einzelpreis {
      display: none; } }

.warenkorb-option {
  display: ""; }
  @media (max-width: 865px) {
    .warenkorb-option {
      display: none; } }

.warenkorb-option-anzeige {
  display: none;
  line-height: 20px;
  font-size: 14px; }
  @media (max-width: 865px) {
    .warenkorb-option-anzeige {
      display: inline; } }

@media (max-width: 865px) {
  .liefer70 {
    width: 100%; } }

.beschrieb {
  font-size: 16px;
  line-height: 20px; }
  .beschrieb .einzug {
    padding-left: 40px; }
    @media (max-width: 865px) {
      .beschrieb .einzug {
        padding-left: 10px; } }
  .beschrieb ul {
    padding-left: 0; }
  .beschrieb li {
    background: url(li-blue.png) no-repeat left top;
    padding-left: 25px;
    padding-top: 0px;
    list-style: none;
    margin: 0;
    margin-bottom: 5px; }
    @media (max-width: 865px) {
      .beschrieb li {
        background: url(li-blue-70.png) no-repeat left top;
        padding-left: 25px; } }

.userformcontainer {
  float: left;
  width: 50%;
  overflow: hidden; }
  @media (max-width: 985px) {
    .userformcontainer {
      width: 100%; } }

.userformcontainer label {
  width: 100%;
  padding-top: 10px;
  color: red;
  font-size: 14px; }

.userformname {
  float: left;
  width: 20%;
  padding-bottom: 10px;
  overflow: hidden;
  font-size: 18px; }
  @media (max-width: 985px) {
    .userformname {
      width: 100%; } }

.waskunden .userformname {
  color: white; }

.userformbreak {
  clear: left;
  overflow: hidden;
  height: 12px; }

.userform {
  float: left;
  width: 95%;
  background-color: #FFF;
  border: 1px solid #1C8BCC;
  padding: 6px;
  color: #333;
  highlight: #A2D4E0; }

.userform.option[selected] {
  background: #A2D4E0; }

.userform:focus {
  padding: 6px;
  background-color: #FFF;
  border: 1px solid #F6841F;
  outline: none;
  color: #000; }

.usertextform {
  width: 95%;
  height: 100px;
  background-color: #FFF;
  border: 1px solid #1C8BCC;
  padding: 6px;
  color: #333;
  highlight: #A2D4E0; }

.usertextform:focus {
  outline: none;
  border: 1px solid #F6841F; }

.errortext {
  color: #F6841F;
  font-size: 16px; }

.bigform .errortext {
  color: white !important;
  font-size: 16px;
  padding-top: 10px !important; }

#liefercontainer {
  display: none; }

.lieferschein {
  font-size: 14px;
  line-height: 18px;
  padding-top: 10px; }

.ausfuehrung:hover {
  color: orange; }

.syscolor {
  float: left;
  padding: 5px;
  width: calc(100% - 100px);
  font-size: 18px;
  line-height: 20px;
  color: black;
  display: none; }
  @media (max-width: 743px) {
    .syscolor {
      font-size: 14px;
      line-height: 16px;
      padding-top: 8px; } }

.mwst {
  margin-left: 10px;
  font-size: 14px;
  line-height: 14px;
  color: orange; }
  @media (max-width: 743px) {
    .mwst {
      font-size: 12px;
      line-height: 12px;
      margin-left: 10px; } }

.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.cgrey {
  color: #555555; }

.corange {
  color: #F6841F; }

.cblue {
  color: #1C8BCC !important; }

.topnav {
  text-align: center;
  clear: both;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 20px;
  font-size: 16px;
  color: #1C8BCC; }
  @media (max-width: 1140px) {
    .topnav {
      line-height: 20px;
      font-size: 16px;
      margin-left: 25px; } }
  @media (max-width: 985px) {
    .topnav {
      line-height: 20px;
      font-size: 16px; } }

.toplink {
  text-decoration: none;
  color: #1C8BCC;
  padding-left: 30px; }

.toplink:hover {
  color: #F6841F; }

.toplinkactive {
  color: #F6841F;
  text-decoration: none;
  margin-left: 40px;
  padding-bottom: 14px;
  border-bottom: 6px solid #F6841F; }

.servicenav {
  clear: both;
  margin-top: 0px;
  margin-bottom: 35px;
  margin-left: 80px;
  font-weight: 400;
  font-size: 16px;
  color: #1C8BCC;
  line-height: 18px;
  padding-bottom: 10px; }
  @media (max-width: 1140px) {
    .servicenav {
      margin-left: 25px; } }

.servicelink {
  text-decoration: none;
  padding-left: 30px;
  color: #1C8BCC; }

.servicelink:hover {
  color: #F6841F; }

.servicelinkactive {
  font-weight: 400;
  color: #F6841F;
  text-decoration: none;
  padding-left: 30px; }

.banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  padding-bottom: 15px;
  display: none;
  background-color: #0060A8; }

.banner-text {
  font-size: 14px;
  line-height: 16px;
  float: left;
  width: 50%;
  color: white; }
  @media (max-width: 865px) {
    .banner-text {
      clear: left;
      width: 100%;
      font-size: 12px;
      line-height: 14px; } }

.banner-btn {
  float: left;
  width: 50%;
  text-align: right; }
  @media (max-width: 865px) {
    .banner-btn {
      clear: left;
      width: 100%;
      margin-top: 15px; } }

.bantop {
  padding-top: 5px;
  padding-right: 0px; }
  @media (max-width: 865px) {
    .bantop {
      padding-left: 5px; } }

.banlink {
  text-decoration: underline;
  cursor: pointer;
  color: white; }

.ban {
  float: right !important;
  font-size: 11px !important;
  line-height: 12px !important;
  margin-bottom: 5px !important;
  text-transform: uppercase;
  cursor: pointer; }
  @media (max-width: 865px) {
    .ban {
      margin-right: 0px !important;
      margin-left: 10px !important;
      padding: 5px 10px 5px !important;
      margin-bottom: 10px !important; } }

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  color: #555;
  padding: 0;
  margin: 0;
  background-color: white; }

a {
  text-decoration: none; }

.sliderlegende {
  background-image: -webkit-linear-gradient(top left, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.8));
  background-image: -moz-linear-gradient(right bottom, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.8));
  background-image: linear-gradient(rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.8));
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0px;
  padding: 20px;
  padding-bottom: 10px;
  z-Index: 10;
  color: #FFF; }
  .sliderlegende h4 {
    font-size: 24px;
    color: #FFF;
    margin-bottom: 10px;
    padding: 20px;
    text-align: center; }

.sliderlegende:focus {
  outline: none; }

.slidehover {
  cursor: pointer; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #F6841F;
  margin-top: 50%;
  margin-bottom: 50%; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #F6841F;
  margin-top: 55%;
  margin-bottom: 45%; }

.arrow-leftsmall {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #F6841F; }

.arrow-rightsmall {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #F6841F; }

.arrow-leftsmallgrey {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #F6841F;
  margin-top: 50%;
  margin-bottom: 50%; }

.arrow-rightsmallgrey {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #F6841F;
  margin-top: 55%;
  margin-bottom: 45%; }

.item h5 {
  color: #1C8BCC; }

/*# sourceMappingURL=newparent38.css.map */