/* =========================
   Editor-Schrift (= Frontend)
   ========================= */

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v49-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v49-latin-700.woff2') format('woff2');
}

body {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.55;
  color: #222;
}

/* =========================
   Produkt-Box
   =========================
   */

:root {
    --schwertl-blau: #0c5fab;
    --schwertl-blau-hell: #8ed8f8;
}

.wp-block-media-text.is-style-product-box {
  background: #fff;
  padding: 1.25rem 0;
  gap: 1.25rem;
}

/* Bild leicht beruhigen */
.wp-block-media-text.is-style-product-box
.wp-block-media-text__media img {
  border-radius: 6px;
}

/* Rechte Seite: Absatz + Liste sauber */
.wp-block-media-text.is-style-product-box
.wp-block-media-text__content > *:first-child {
  margin-top: 0;
}

.wp-block-media-text.is-style-product-box
.wp-block-media-text__content p {
  margin-bottom: .6rem;
}

.wp-block-media-text.is-style-product-box
.wp-block-media-text__content ul {
  margin: .4rem 0 0 1.1rem;
  padding: 0;
}

.wp-block-media-text.is-style-product-box
.wp-block-media-text__content li {
  margin: .25rem 0;
}

/* Mobile etwas kompakter */
@media (max-width: 600px) {
  .wp-block-media-text.is-style-product-box {
    padding: 1rem 0;
    gap: 1rem;
  }
}
/* =========================
   Dokument-Liste
   ========================= */

.wp-block-group.is-style-document-list {
  background: rgba(31, 95, 191, 0.06);
  border-radius: 8px;
  padding: 0.5rem;
}

/* erster Inhalt bündig */
.wp-block-group.is-style-document-list > *:first-child {
  margin-top: 0;
}

/* Datei-Einträge als ruhige Liste */
.wp-block-group.is-style-document-list .wp-block-file {
  display: flex;
  align-items: baseline;
  gap: .3rem;
  margin: 0;
  padding: .3rem 0;
}

.wp-block-group.is-style-document-list .wp-block-file:last-child {
  border-bottom: 0;
}

/* Download-Button entfernen */
.wp-block-group.is-style-document-list .wp-block-file__button {
  display: none !important;
}

/* Textlink ruhig */
.wp-block-group.is-style-document-list
.wp-block-file a:not(.wp-block-file__button) {
  text-decoration: none;
  font-weight: 500;
}

.wp-block-group.is-style-document-list
.wp-block-file a:not(.wp-block-file__button):hover {
  text-decoration: underline;
}

/* Dokument-Icon (Material Symbol) */
.wp-block-group.is-style-document-list .wp-block-file::before {
  content: "description";
  font-family: 'Material Symbols Outlined';
  font-size: 1.2em;
  flex: 0 0 auto;
  color: var(--brand-blue);
  transform: translateY(3px);
}

.dokumente-box  {
    border-style: solid;
    border-width: 2px;
    border-color: var(--schwertl-blau-hell);
    font-size: larger;
    margin: 40px 0px;   
}

.dokumente-box a {
    font-size: larger;
}

.dokumente-box-header {
    padding: 3px;
    font-size: x-large;
    font-weight: bold;
    margin: 5px;
}

.produkt_eingenschaften_liste li {
    font-size: large;
    padding-bottom: 10px;
}

.produkt_eingenschaften_liste a {
    font-size: large;
}

.titelbild {
    margin: 16px 0px 16px 0px;
/*     height: 300px;
    width: auto; */
}


    /* Mobil noch ruhiger */
@media (max-width: 600px) {
  .wp-block-group.is-style-document-list .wp-block-file::before {
    opacity: .4;
  }
}