/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

.nivoSlider.loaded .nivo-caption {
  position: absolute;
  margin-top: 2rem; /* verschiebt Block leicht nach unten */
  top: auto !important;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8%;
  background-color: rgb(242, 148, 0) !important;
  color: white !important;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  display: block;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 8;
  max-width: 40%;
  opacity: 1;
}

.nivoSlider.loaded .nivo-caption strong {
  display: block;
  font-size: 4rem;
  font-weight: 600;
  margin: 0;
  position: relative;
}

.nivoSlider.loaded .nivo-caption strong::after {
  content: "";
  display: block;
  margin: 0.6rem auto 0;
  width: 60%;
  height: 2px;
  background-color: white;
}

.nivoSlider.loaded .nivo-caption p {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 1rem;
}

.btn.btn-secondary {
  background-color: #f29400;
  color: #000;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  background-color: #d87f00;
  color: #ffffff;
  text-decoration: none;
}

.nivo-caption p {
  margin-bottom: 1rem;
}

.cart-icon-dropdown-price {
  display: none !important;
}

.footnote-vat {
  text-align: center !important;
}

#footer {
  padding: 3rem 0 0 !important;
}

.pflichtfelder {
  text-align: center;
}

@media (max-width: 768px){
  .nivo-caption .title {
  font-size: 1.3rem !important;
}
	
  .nivo-caption .desc {
  font-size: 0.9rem !important;
}
	
  .nivo-caption {
     padding: 0 !important;
     min-width: auto !important;
     width: 90% !important;
     left: 50% !important;
     transform: translateX(-50%) !important;
	 height: auto !important;
     min-height: 0 !important;
     max-height: none !important;
}
}

@media (min-width: 768px) {
  .nivo-caption .title {
    font-size: 2.5rem;
    }
  .nivo-caption .desc {
    font-size: 1.25rem;
    }
}

@media (min-width: 1300px) {
  .nivo-caption {
    padding: 0 10rem 1rem 10rem;
    }
  .nivo-caption .title {
    font-size: 4rem;
    }
  .nivo-caption .desc {
    font-size: 2rem;
    }
}

.nivo-caption {
  padding: 0 0.5rem 0.5rem 0.5rem;
  }

.nivo-caption .title {
  font-size: 1.3rem;
  }

.nivo-caption .desc:before {
  width: 95%;
  }

.nivo-caption .desc {
  font-size: 0.9rem;
  }

.btn.btn-primary:hover {
  color: #000 !important;
  background-color: #f29400 !important;
  border-color: #c59800;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #f29400;
  border-color: #c59800;
}

.nav-link {
  text-decoration: underline; !important
}

#pd_ps_document_content {
        counter-set: chapter 0 section 0 subsection1 0 subsection2 0;
        margin: 0;
        padding: 0;
        font-size: 16px;
      }
      #pd_ps_document_content h1 {
        font-size: 2.5em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
      }
      #pd_ps_document_content h2 {
        scroll-margin-top: 100px;
        font-size: 1.5em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0;
        counter-increment: chapter;
        counter-set: section 0 subsection1 0 subsection2 0;
        line-break: anywhere;
      }
      @media only screen and (min-width: 1024px) {
        #pd_ps_document_content h2 {
          line-break: auto;
        }
      }
      #pd_ps_document_content h2:before {
        content: counter(chapter) ". ";
      }
      #pd_ps_document_content h3 {
        scroll-margin-top: 100px;
        font-size: 1.2em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
        counter-increment: section;
        counter-set: subsection1 0 subsection2 0;
      }
      #pd_ps_document_content h3:before {
        content: counter(chapter) "." counter(section) " ";
      }
      #pd_ps_document_content h4 {
        scroll-margin-top: 100px;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
        counter-increment: subsection1;
        counter-set: subsection2 0;
      }
      #pd_ps_document_content h4:before {
        content: counter(chapter) "." counter(section) "." counter(subsection1) " ";
      }
      #pd_ps_document_content h5 {
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
        counter-increment: subsection2;
      }
      #pd_ps_document_content h5:before {
        content: counter(chapter) "." counter(section) "." counter(subsection1) "." counter(subsection2) " ";
      }
      #pd_ps_document_content hr {
        height: 1px;
        border-width: 0;
        color: #000000;
        background-color: #000000;
      }
      #pd_ps_document_content ul.listWithHeader {
        margin-top: 0;
      }
      #pd_ps_document_content div.dc_section {
        margin-bottom: 1em;
      }
      #pd_ps_document_content div.dc_text_block {
        margin: 0 0 16px 0;
      }
      #pd_ps_document_content div.dc_hint_block {
        border-color: black;
        border-width: 1px;
        border-style: solid;
        padding: 5px;
        margin-bottom: 10px;
      }
      #pd_ps_document_content div.toc_section {
        margin-top: 20px;
      }
      #pd_ps_document_content div.dc_footer {
        margin-top: 75px;
        margin-bottom: 25px;
      }
      #pd_ps_dc_uc_embed_box {
        border: 1px solid #999999;
      }
      #pd_ps_dc_uc_embed_box h1,
      #pd_ps_dc_uc_embed_box h2,
      #pd_ps_dc_uc_embed_box h3,
      #pd_ps_dc_uc_embed_box h4,
      #pd_ps_dc_uc_embed_box h5,
      #pd_ps_dc_uc_embed_box h6 {
        font-weight: normal;
        font-style: normal;
      }
      #pd_ps_dc_uc_embed_box h2 {
        counter-increment: chapter 0;
      }
      #pd_ps_dc_uc_embed_box h1:before,
      #pd_ps_dc_uc_embed_box h2:before,
      #pd_ps_dc_uc_embed_box h3:before,
      #pd_ps_dc_uc_embed_box h4:before,
      #pd_ps_dc_uc_embed_box h5:before,
      #pd_ps_dc_uc_embed_box h6:before {
        content: "";
      }
      .uc-embed-list-item {
        background-color: #FFFFFF !important;
      }
      .uc-embed-collapsed-button {
        background-color: #C0C0C0 !important;
      }
      .uc-embed-opened-button {
        background-color: #C0C0C0 !important;
      }
      #pd_ps_dc_uc_embed_iframe_box {
        width: 100%;
        background-color: transparent;
      }
      #pd_ps_dc_uc_embed_iframe_box iframe {
        border-style: none;
        width: 100%;
        min-height: 350px;
      }
      #pd_ps_document_content div.vendorDescriptionBox {
        margin-top: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      #pd_ps_document_content div.vdbLayer {
        scroll-margin-top: 100px;
        display: block;
        width: 95%;
        background-color: #c0c0c0;
        border: 1px solid #000;
        border-radius: 6px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
        padding: 10px;
      }
      #pd_ps_document_content div.vdbServiceName {
        font-size: large;
        font-weight: bold;
      }
      #pd_ps_document_content div.vdbServiceDescription {
        padding-top: 10px;
      }
      #pd_ps_document_content div.vdbInfoBlock {
        margin-top: 30px;
        display: flex;
      }
      #pd_ps_document_content div.vdbInfoBlockLeftColumn {
        display: block;
        font-weight: bold;
        padding-right: 10px;
      }
      #pd_ps_document_content div.vdbInfoBlockRightColumn {
        display: block;
      }
      #pd_ps_document_content div.vdbInfoBoxTitle {
        margin-top: 10px;
        display: block;
        font-weight: bold;
      }
      #pd_ps_document_content div.vdbInfoBoxContent {
        margin-top: 10px;
        margin-bottom: 25px;
        display: block;
      }
      #pd_ps_document_content div.vdbCollapseLink {
        width: 100%;
        display: block;
        cursor: pointer;
        text-decoration: underline;
        text-align: right;
      }
      #pd_ps_document_content div.storedInformationList {
        margin: 10px;
        display: table;
        width: calc(100% - 20px);
        border-collapse: collapse;
      }
      #pd_ps_document_content div.storedInformationList-row {
        display: table-row;
        border: 1px solid #000;
      }
      #pd_ps_document_content div.storedInformationList-column {
        display: table-cell;
        padding: 3px 5px;
        border-right: 1px solid #000;
      }
      #pd_ps_document_content div.storedInformationList-row:nth-child(odd) {
        background-color: #C0C0C0;
      }
      #pd_ps_document_content div.storedInformationList-row:nth-child(even) {
        background-color: #FFFFFF;
      }
      #pd_ps_document_content div.storedInformationList-row:first-child {
        background-color: grey;
        font-weight: bold;
      }
      #pd_ps_document_content div.processingDescription {
        padding-left: 25px;
        padding-right: 100px;
        margin-bottom: 50px;
      }
      #pd_ps_document_content div.processingParagraph {
        margin-bottom: 25px;
      }
      #pd_ps_document_content div.processingParagraphTitle {
        font-weight: bold;
      }
      #pd_ps_document_content div.infoTable {
        margin: 10px;
        display: table;
        border-collapse: collapse;
      }
      #pd_ps_document_content div.infoTable-row {
        display: table-row;
        border: 1px solid #000;
      }
      #pd_ps_document_content div.infoTable-column {
        display: table-cell;
        padding: 3px 10px;
        border-right: 1px solid #000;
      }
      #pd_ps_document_content div.infoTable-row:nth-child(odd) {
        background-color: #C0C0C0;
      }
      #pd_ps_document_content div.infoTable-row:nth-child(even) {
        background-color: #FFFFFF;
      }
      #pd_ps_document_content div.infoTable-head {
        display: table-row;
        border: 1px solid #000;
        background-color: grey;
        font-weight: bold;
      }