:root {

  --farbe-gruen:           #3A9818;
  --farbe-gruen-hell:      #EFF6EC;
  --farbe-blau:            #094E97;

  --farbe-haus:            var(--farbe-gruen);
  --farbe-akzent:          var(--farbe-blau);
  --farbe-produktzeile:    var(--farbe-gruen-hell);

  --farbe-blau-dunkel:     #264080;
  --farbe-blau-zart:       #E0E9FF;
  --farbe-rot:             #B20E0C;

  --farbe-weiss:           #FFFFFF;
  --farbe-schwarz:         #000000;

  --farbe-link:            #666666;

  --farbe-text:            #555555;
  --farbe-text-hell:       #666666;
  --farbe-text-zart:       #777777;
  --farbe-text-schwach:    #888888;

  --farbe-linie:           #999999;
  --farbe-flaeche:         #BBBBBB;
  --farbe-flaeche-hell:    #CCCCCC;
  --farbe-rand:            #DDDDDD;
  --farbe-seite:           #EEEEEE;

  --farbe-fehler-text:     #B94A48;
  --farbe-fehler-flaeche:  #F2DEDE;
  --farbe-fehler-rand:     #EED3D7;

  --farbe-schalter:        #F5F5F5;
  --farbe-schalter-ende:   #E6E6E6;

  --farbe-slide-flaeche:   rgba(255, 255, 255, 0.85);
  --farbe-startbox-titel:  rgba(0, 0, 0, 0.5);
  --farbe-kopf-schatten:   rgba(0, 0, 0, 0.1);

  --hintergrund-bild:       url("../uploads/images/layout/bodybg.gif");
  --hintergrund-lage:       0 20px;
  --hintergrund-lage-mobil: 0 70px;

  --schrift-buch:    eausans_book,  Helvetica, Arial, sans-serif;
  --schrift-fett:    eausans_bold,  Helvetica, Arial, sans-serif;
  --schrift-schwarz: eausans_black, Helvetica, Arial, sans-serif;

  --groesse-basis:        12px;
  --groesse-text:         13px;
  --groesse-klein:        11px;
  --groesse-h3:           14px;
  --groesse-menue:        15px;
  --groesse-serienkopf:   16px;
  --groesse-h1:           25px;
  --groesse-h2:           18px;
  --groesse-startbox:     18px;
  --groesse-titel:        19px;
  --groesse-slide-titel:  22px;
  --groesse-item-titel:   28px;

  --zeile-text:      1.7em;
  --zeile-eng:       1.25em;
  --abstand-titel:   12px;
  --zeile-titel:     2em;
  --zeile-bereich:   2em;
  --zeile-kontakt:   1.8em;

  --zeile-sitemap:          15px;
  --zeile-sitemap-eintrag:  16.25px;

  --raster-spalten:      24;
  --raster-spalte:        9px;
  --raster-rinne:         4px;
  --raster-reihe:        15px;
  --raster-reihe-schritt:19px;
  --raster-modul:        13px;
  --raster-versatz:      19px;
  --container-breite:   312px;
  --container-polster:    2px;

  --zeile-menuepunkt:        3.5em;
  --zeile-menuepunkt-mobil:  2.8em;

  --hoehe-menueeintrag:      3.3em;
  --zeile-menueeintrag-mobil: 3.5em;

  --hoehe-sitemap-gruppe:    13em;
  --abstand-slide-text:  42px;
  --schatten-kopf:      0 5px 5px var(--farbe-kopf-schatten);

  --kopf-reihe-eins:      67px;
  --kopf-logo-oben:       37px;
  --kopf-besagroup-oben:  31px;

  --kopf-besagroup-links: calc((4 * 576em + 530em) / 2048);
  --kopf-sprachen-oben:   16px;

  --breite-suchfeld:     calc(50% + 1em + 2px);
  --breite-schaltflaeche: 208px;

  --symbol-quadrat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M1536 1120v-960q0 -119 -84.5 -203.5t-203.5 -84.5h-960q-119 0 -203.5 84.5t-84.5 203.5v960q0 119 84.5 203.5t203.5 84.5h960q119 0 203.5 -84.5t84.5 -203.5z'/%3E%3C/svg%3E");
  --symbol-balken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M1536 192v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1536 704v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1536 1216v-128q0 -26 -19 -45 t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45z'/%3E%3C/svg%3E");

  --symbol-winkel-auf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1664 1792'%3E%3Cpath transform='scale(1 -1)' d='M1611 320q0 -53 -37 -90l-75 -75q-38 -38 -91 -38q-54 0 -90 38l-486 485l-486 -485q-36 -38 -90 -38t-90 38l-75 75q-38 36 -38 90q0 53 38 91l651 651q37 37 90 37q52 0 91 -37l650 -651q38 -38 38 -91z'/%3E%3C/svg%3E");
  --symbol-winkel-ab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1664 1792'%3E%3Cpath transform='scale(1 -1)' d='M1611 832q0 -53 -37 -90l-651 -651q-38 -38 -91 -38q-54 0 -90 38l-651 651q-38 36 -38 90q0 53 38 91l74 75q39 37 91 37q53 0 90 -37l486 -486l486 486q37 37 90 37q52 0 91 -37l75 -75q37 -39 37 -91z'/%3E%3C/svg%3E");

  --symbol-kreuz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M1149 414q0 26 -19 45l-181 181l181 181q19 19 19 45q0 27 -19 46l-90 90q-19 19 -46 19q-26 0 -45 -19l-181 -181l-181 181q-19 19 -45 19q-27 0 -46 -19l-90 -90q-19 -19 -19 -46q0 -26 19 -45l181 -181l-181 -181q-19 -19 -19 -45q0 -27 19 -46l90 -90q19 -19 46 -19 q26 0 45 19l181 181l181 -181q19 -19 45 -19q27 0 46 19l90 90q19 19 19 46zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z'/%3E%3C/svg%3E");
  --symbol-daumen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1664 1792'%3E%3Cpath transform='scale(1 -1)' d='M256 192q0 26 -19 45t-45 19q-27 0 -45.5 -19t-18.5 -45q0 -27 18.5 -45.5t45.5 -18.5q26 0 45 18.5t19 45.5zM416 704v-640q0 -26 -19 -45t-45 -19h-288q-26 0 -45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45 -19t19 -45zM1600 704q0 -86 -55 -149q15 -44 15 -76 q3 -76 -43 -137q17 -56 0 -117q-15 -57 -54 -94q9 -112 -49 -181q-64 -76 -197 -78h-36h-76h-17q-66 0 -144 15.5t-121.5 29t-120.5 39.5q-123 43 -158 44q-26 1 -45 19.5t-19 44.5v641q0 25 18 43.5t43 20.5q24 2 76 59t101 121q68 87 101 120q18 18 31 48t17.5 48.5 t13.5 60.5q7 39 12.5 61t19.5 52t34 50q19 19 45 19q46 0 82.5 -10.5t60 -26t40 -40.5t24 -45t12 -50t5 -45t0.5 -39q0 -38 -9.5 -76t-19 -60t-27.5 -56q-3 -6 -10 -18t-11 -22t-8 -24h277q78 0 135 -57t57 -135z'/%3E%3C/svg%3E");

  --symbol-kreis-ab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M813 237l454 454q19 19 19 45t-19 45l-102 102q-19 19 -45 19t-45 -19l-307 -307l-307 307q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l454 -454q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z'/%3E%3C/svg%3E");
  --symbol-kreis-rechts: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1536 1536 1792'%3E%3Cpath transform='scale(1 -1)' d='M717 141l454 454q19 19 19 45t-19 45l-454 454q-19 19 -45 19t-45 -19l-102 -102q-19 -19 -19 -45t19 -45l307 -307l-307 -307q-19 -19 -19 -45t19 -45l102 -102q19 -19 45 -19t45 19zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5 t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z'/%3E%3C/svg%3E");
}

@media print, (min-width: 462px) {
  :root {
    --raster-spalte:        13px;
    --raster-rinne:          6px;
    --raster-reihe-schritt: 21px;
    --raster-modul:         19px;
    --raster-versatz:       21px;
    --container-breite:    456px;
    --container-polster:     3px;
  }
}

@media print, (min-width: 756px) {
  :root {
    --raster-spalte:        19px;
    --raster-rinne:         12px;
    --raster-reihe-schritt: 27px;
    --raster-modul:         31px;
    --raster-versatz:       27px;
    --container-breite:    744px;
    --container-polster:     6px;
  }
}

@media print, (min-width: 976px) {
  :root {
    --raster-spalte:        24px;
    --raster-rinne:         16px;
    --raster-reihe-schritt: 31px;
    --raster-modul:         40px;
    --raster-versatz:       31px;
    --container-breite:    960px;
    --container-polster:     8px;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: baseline;
}

@font-face {
  font-family: eausans_book;
  src: url("../uploads/webfonts/eau_sans_book-webfont.woff") format("woff"),
       url("../uploads/webfonts/eau_sans_book-webfont.ttf")  format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: eausans_bold;
  src: url("../uploads/webfonts/eau_sans_bold-webfont.woff") format("woff"),
       url("../uploads/webfonts/eau_sans_bold-webfont.ttf")  format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: eausans_black;
  src: url("../uploads/webfonts/eau_sans_black-webfont.woff") format("woff"),
       url("../uploads/webfonts/eau_sans_black-webfont.ttf")  format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.container {
  width: 100%;
  max-width: var(--container-breite);
  margin-inline: auto;
  padding: var(--container-polster);
}

.raster {
  display: grid;
  grid-template-columns: repeat(var(--raster-spalten), var(--raster-spalte));
  gap: var(--raster-rinne);
  justify-content: center;

  justify-content: safe center;
}

.inhaltsbuehne {
  width: 100%;
  max-width: calc(var(--container-breite) - 2 * var(--container-polster));
  margin: calc(2 * var(--container-polster)) auto calc(2 * var(--container-polster));
  padding-bottom: var(--container-polster);
  background: var(--farbe-weiss);
}

.inhaltsbuehne .container {
  max-width: none;
  padding: 0;
}

.sp-1  { grid-column: span 1;  }
.sp-2  { grid-column: span 2;  }
.sp-3  { grid-column: span 3;  }
.sp-4  { grid-column: span 4;  }
.sp-5  { grid-column: span 5;  }
.sp-6  { grid-column: span 6;  }
.sp-7  { grid-column: span 7;  }
.sp-8  { grid-column: span 8;  }
.sp-9  { grid-column: span 9;  }
.sp-10 { grid-column: span 10; }
.sp-11 { grid-column: span 11; }
.sp-12 { grid-column: span 12; }
.sp-13 { grid-column: span 13; }
.sp-14 { grid-column: span 14; }
.sp-15 { grid-column: span 15; }
.sp-16 { grid-column: span 16; }
.sp-17 { grid-column: span 17; }
.sp-18 { grid-column: span 18; }
.sp-19 { grid-column: span 19; }
.sp-20 { grid-column: span 20; }
.sp-21 { grid-column: span 21; }
.sp-22 { grid-column: span 22; }
.sp-23 { grid-column: span 23; }
.sp-24 { grid-column: span 24; }

@media print, (min-width: 976px) {
  .titelzeile__bereich  { grid-column: 1 / span 6;  padding-left: var(--raster-modul); }
  .titelzeile__titel    { grid-column: 7 / span 9; }
  .titelzeile__suche    { grid-column: 16 / span 9; }
  .inhaltszeile__leiste { grid-column: 1 / span 6; }
  .inhaltszeile__inhalt { grid-column: 7 / span 17; }

  .inhaltszeile__inhalt,
  .inhaltszeile__nebenspalte {
    margin-left: calc(-1 * var(--container-polster));
    margin-right: var(--container-polster);
  }

  .inhaltszeile__inhalt--schmal { grid-column: 7 / span 11; }
  .inhaltszeile__nebenspalte {
    grid-column: 18 / span 7;
    align-self: start;
    padding-top: var(--raster-versatz);
    padding-right: var(--raster-modul);
    padding-bottom: calc(8 * var(--raster-versatz));
  }

  .titelzeile__bereich,
  .titelzeile__titel,
  .titelzeile__suche,
  .inhaltszeile__leiste,
  .inhaltszeile__inhalt {
    align-self: start;
  }
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .inhaltszeile__leiste { grid-column: 1 / span 7; }
  .inhaltszeile__inhalt,
  .inhaltszeile__nebenspalte {
    margin-left: calc(-1 * var(--container-polster));
    margin-right: var(--container-polster);
  }
  .inhaltszeile__inhalt { grid-column: 8 / span 17; }

  .inhaltszeile__inhalt--schmal { grid-column: 8 / span 12; }
  .inhaltszeile__nebenspalte {
    grid-column: 20 / span 5;
    align-self: start;
    padding-top: var(--raster-versatz);
  }
}

@media screen and (max-width: 461px) {
  .raster > *          { grid-column: span var(--raster-spalten); }

  .raster > .r456-voll { grid-column: 2 / span 22; }

  .raster > .r456-halb { grid-column: 1 / -1; }
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .raster > .r456-voll  { grid-column: 2 / span 22; }
  .raster > .r456-halb  { grid-column: span 12; }
}

@media screen and (max-width: 755px) {
  .titelzeile__titel,
  .titelzeile__suche,
  .inhaltszeile__nebenspalte {
    margin-left: var(--container-polster);
    margin-right: calc(-1 * var(--container-polster));
  }

  .titelzeile__suche {
    margin-top: calc(var(--container-polster) - var(--raster-rinne));
  }

  .inhaltszeile__nebenspalte {
    padding-top: var(--raster-versatz);
  }
}

body {
  background-color: var(--farbe-seite);
  background-image: var(--hintergrund-bild);
  background-repeat: repeat-x;
  background-position: var(--hintergrund-lage);
  color: var(--farbe-schwarz);
  font-family: var(--schrift-buch);
  font-size: var(--groesse-basis);
  line-height: var(--zeile-text);
}

body {
  min-width: 316px;
}

@media print, (min-width: 462px) {
  body { min-width: 462px; }
}

@media print, (min-width: 756px) {
  body { min-width: 756px; }
}

@media print, (min-width: 976px) {
  body { min-width: 976px; }
}

@media screen and (max-width: 755px) {
  body {
    background-position: var(--hintergrund-lage-mobil);
  }
}

a {
  color: var(--farbe-link);
  text-decoration: none;
}

a:active {
  color: var(--farbe-rot);
}

a:hover,
a:focus-visible {
  color: var(--farbe-haus);
  text-decoration: underline;
}

sup {
  vertical-align: baseline;
  font-size: 100%;
}

.kleinschreibung {
  text-transform: lowercase;
}

.nur-vorlesen {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.kopf {
  width: 100%;
  background: var(--farbe-weiss);
  border-bottom: 1px solid var(--farbe-rand);
  box-shadow: var(--schatten-kopf);
}

.kopf__innen {
  align-items: center;
}

.kopf__logo {
  display: none;
}

.kopf__logo-mobil {
  padding-top: var(--container-polster);
}

.kopf__logo img,
.kopf__logo-mobil img,
.kopf__besagroup img {
  display: block;
}

@media screen and (max-width: 461px) {

  .kopf__logo-mobil {
    padding-top: calc(var(--raster-versatz) + var(--container-polster));
    padding-left: calc(2 * var(--raster-modul));
  }

  .kopf__besagroup {
    padding-left: var(--raster-modul);
  }
}

@media screen and (max-width: 755px) {
  .kopf__menue {
    padding-top: var(--raster-versatz);
  }

  .kopf__menue > nav {
    margin-top: var(--container-polster);
  }

  .kopf .container {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .kopf__logo-mobil {
    padding-top: calc(var(--raster-versatz) + var(--container-polster));
    padding-left: calc(5 * var(--raster-modul));
  }

  .raster > .kopf__besagroup {
    grid-column: 1 / -1;
    padding-left: calc(5 * var(--raster-modul));
  }
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .kopf__innen { align-items: start; }

  .raster > .kopf__logo-mobil {
    grid-column: 1 / span 8;
    padding-top: var(--raster-versatz);
  }

  .raster > .kopf__besagroup {
    grid-column: 9 / span 8;
    padding-top: calc(2 * var(--raster-versatz));
    padding-left: var(--kopf-besagroup-links);

    padding-bottom: 2px;
  }

  .raster > .kopf__sprachen {
    grid-column: 17 / span 8;
  }

  .kopf__sprachen .sprachen { margin-top: calc(2 * var(--container-polster)); }

  .kopf .container { padding-block: 0; }
}

.titelzeile__titel,
.titelzeile__suche {
  padding-top: var(--raster-versatz);
}

@media print, (min-width: 756px) {
  .kopf__logo-mobil { order: 1; }
  .kopf__besagroup  { order: 2; }
  .kopf__sprachen   { order: 3; }
  .kopf__menue      { order: 4; }
}

@media print, (min-width: 976px) {
  .kopf__logo       { display: block; }
  .kopf__logo-mobil { display: none; }
}

@media print, (min-width: 976px) {
  .kopf .container {
    padding-block: 0;
  }

  .kopf__innen {
    align-items: start;
    row-gap: 0;
    grid-template-rows: var(--kopf-reihe-eins) auto;
  }

  .kopf__logo {
    grid-column: 1 / span 5;
    grid-row: 1 / span 2;
    padding-top: var(--kopf-logo-oben);
  }

  .kopf__besagroup {
    grid-column: 6 / span 8;
    grid-row: 1;
    justify-self: stretch;
    padding-top: var(--kopf-besagroup-oben);
    padding-left: var(--kopf-besagroup-links);
  }

  .kopf__sprachen {
    grid-column: 14 / span 11;
    grid-row: 1;
    padding-top: var(--kopf-sprachen-oben);
  }

  .kopf__menue {
    grid-column: 6 / span 19;
    grid-row: 2;
  }
}

.sprachen {
  --sprachen-spalten: 4;

  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 0;
  line-height: 125%;

  margin: var(--container-polster) var(--container-polster) 0 0;
}

.sprachen__eintrag {
  width: calc(var(--sprachen-spalten) * var(--raster-spalte)
              + (var(--sprachen-spalten) - 1) * var(--raster-rinne));
  padding: var(--container-polster);
}

.sprachen__eintrag a {
  display: block;
}

.sprachen__eintrag img {
  vertical-align: baseline;
  margin-right: 0.5em;
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .sprachen { --sprachen-spalten: 3; }
}

@media screen and (max-width: 755px) {
  .raster > .kopf__sprachen { grid-column: 1 / -1; }
}

@media print, (min-width: 756px) {
  .sprachen { margin: 0; }
}

@media print, (min-width: 976px) {
  .sprachen { --sprachen-spalten: 3; }
}

.sprachen__kurz { display: inline; }
.sprachen__lang { display: none; }

@media print, (min-width: 756px) {
  .sprachen__kurz { display: none; }
  .sprachen__lang { display: inline; }
}

.hauptmenue {
  display: flex;
  flex-direction: column;
}

.hauptmenue[hidden] {
  display: none;
}

.hauptmenue__eintrag a {
  display: block;
  font-size: var(--groesse-menue);
  line-height: var(--zeile-menuepunkt-mobil);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

@media print, (min-width: 756px) {
  .hauptmenue__eintrag a {
    line-height: var(--zeile-menuepunkt);
  }
}

.hauptmenue__eintrag a:hover,
.hauptmenue__eintrag a:focus-visible,
.hauptmenue__eintrag--aktiv a {
  background: var(--farbe-akzent);
  color: var(--farbe-weiss);
  font-family: var(--schrift-fett);
  text-decoration: none;
}

@media print, (min-width: 756px) {
  .hauptmenue {
    flex-direction: row;
    justify-content: flex-start;
  }

  .hauptmenue__eintrag {
    flex: 0 0 auto;
    box-sizing: content-box;
    width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
    border-left: 1px solid var(--farbe-linie);
  }

  .hauptmenue__eintrag:last-child {
    border-right: 1px solid var(--farbe-linie);
  }
}

@media screen and (max-width: 461px) {
  .hauptmenue__eintrag {
    padding-inline: calc(2 * var(--raster-modul));
  }
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .hauptmenue__eintrag {
    padding-inline: calc(4 * var(--raster-modul));
  }
}

@media print, (min-width: 976px) {
  .hauptmenue {
    justify-content: flex-end;
  }

  .hauptmenue__eintrag {
    width: calc(4 * var(--raster-spalte) + 3 * var(--raster-rinne));
  }
}

.menueschalter {
  box-sizing: content-box;
  display: block;
  position: relative;
  background: var(--farbe-akzent);
  color: var(--farbe-weiss);
  font-family: inherit;
  font-size: var(--groesse-menue);
  line-height: var(--zeile-menuepunkt-mobil);
  margin-inline: calc(2 * var(--raster-modul));
  padding: 0;
  text-align: center;
  cursor: pointer;
  border: 0;
  width: calc(100% - 4 * var(--raster-modul));
  text-transform: uppercase;
}

@media print, (min-width: 462px) {
  .menueschalter {
    margin-inline: calc(4 * var(--raster-modul));
    width: calc(100% - 8 * var(--raster-modul));
  }
}

.menueschalter__symbol {
  position: absolute;
  left: 1em;

  top: 14px;
}

.menueschalter [data-symbol="auf"] > .menueschalter__symbol {
  width: calc(1536em / 1792);
  height: 1em;
  background: currentColor;
  -webkit-mask: var(--symbol-balken) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask: var(--symbol-balken) no-repeat;
  mask-size: 100% 100%;
}

.menueschalter [data-symbol="auf"] > .menueschalter__symbol > * {
  display: none;
}

.menueschalter [data-symbol="zu"] > .menueschalter__symbol {
  width: calc(1536em / 1792);
  height: 1em;
  background: currentColor;
  -webkit-mask: var(--symbol-kreuz) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask: var(--symbol-kreuz) no-repeat;
  mask-size: 100% 100%;
}

.menueschalter [data-symbol="zu"] > .menueschalter__symbol > * {
  display: none;
}

.menueschalter[hidden] { display: none; }

@media print, (min-width: 756px) {
  .menueschalter { display: none; }
  .hauptmenue[hidden] { display: flex; }
}

.bereichstitel {
  background: var(--farbe-flaeche);
  color: var(--farbe-weiss);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-titel);
  line-height: var(--zeile-bereich);

  text-align: left;
  text-transform: uppercase;
}

.seitentitel {
  color: var(--farbe-haus);
  font-family: var(--schrift-schwarz);
  font-size: var(--groesse-titel);
  font-weight: normal;
  line-height: var(--zeile-titel);
  text-transform: uppercase;
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .titelzeile__titel {
    grid-column: 1 / span 16;
    padding-left: calc(7 * var(--raster-modul));
  }
}

@media print, (min-width: 976px) {
  .bereichstitel,
  .seitentitel,
  .titelzeile__suche {
    padding-top: var(--raster-versatz);
  }
}

@media screen and (max-width: 975px) {
  .bereichstitel { display: none; }
}

.slideshow {
  position: relative;
  overflow: hidden;
}

.slideshow__bild {
  display: block;
  width: 100%;
  height: auto;
}

.slideshow__folie {
  position: relative;
}

.slideshow--aktiv .slideshow__folie {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.slideshow--aktiv .slideshow__folie--sichtbar {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}

.slideshow__text {
  background: var(--farbe-slide-flaeche);
  font-family: var(--schrift-buch);
  padding: var(--container-polster);
}

.slideshow__titel {
  color: var(--farbe-haus);
  font-family: var(--schrift-schwarz);
  font-size: var(--groesse-slide-titel);
  font-weight: normal;
  line-height: var(--zeile-titel);
  text-transform: uppercase;
}

.slideshow__text p {
  line-height: var(--zeile-eng);
  margin-bottom: var(--abstand-titel);
}

@media screen and (max-width: 755px) {
  .slideshow__text { display: none; }
}

@media print, (min-width: 756px) {
  .slideshow__text {
    position: absolute;
    left: 0;
    bottom: var(--abstand-slide-text);

    width: calc(11 * var(--raster-spalte) + 10 * var(--raster-rinne)
                + 2 * var(--raster-modul));
    padding: var(--raster-versatz) var(--raster-modul);
  }
}

@media print, (min-width: 976px) {
  .slideshow__text {
    width: calc(9 * var(--raster-spalte) + 8 * var(--raster-rinne)
                + 2 * var(--raster-modul));
  }
}

.slideshow__punkte {
  position: absolute;
  bottom: 12px;
  left: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
}

.slideshow__punkt {
  box-sizing: content-box;
  width: 8px;
  height: 8px;
  padding: 0;
  background: var(--farbe-seite);
  border: 1px solid var(--farbe-linie);
  cursor: pointer;
}

.slideshow__punkt[aria-current="true"] {
  background: var(--farbe-haus);
  border: none;
}

.kopfbild img {
  display: block;
  width: 100%;
  height: auto;
}

.startbox {
  position: relative;

  display: block;
  min-height: calc(var(--raster-reihe) + 6 * var(--raster-reihe-schritt));

  background: var(--farbe-flaeche);
}

.startbox__titel {
  display: block;
  width: 100%;
  background: var(--farbe-startbox-titel);
  color: var(--farbe-weiss);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-startbox);
  line-height: 1;
  padding: 8px 0;
  text-indent: 16px;
  text-transform: uppercase;
}

.seitenleiste {
  display: flex;
  flex-direction: column;
  gap: var(--raster-versatz);
}

.seitenleiste--meldungen {
  display: block;
  line-height: 1;
}

.seitenleiste--meldungen > p {
  line-height: 125%;
  margin-bottom: 12px;
}

.meldung {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--raster-rinne);
  align-items: center;
  border-bottom: 1px dotted var(--farbe-text);
  padding-bottom: var(--raster-rinne);
}

.meldung img {
  width: calc(4 * var(--raster-spalte) + 3 * var(--raster-rinne));
  height: auto;
}

.meldung__titel {
  color: var(--farbe-text-zart);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-h3);
  font-weight: normal;
  line-height: var(--zeile-eng);
}

.meldung__titel a {
  color: inherit;
}

@media print, (min-width: 976px) {
  .meldung {
    display: block;

    width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
    margin-left: var(--container-polster);
    padding-left: var(--raster-modul);

    padding-bottom: 0;
  }

  .meldung img {
    margin-block: var(--container-polster);
  }

  .meldung__titel {
    margin-top: var(--container-polster);
    margin-bottom: var(--abstand-titel);
  }

  .seitenleiste {
    gap: calc(2 * var(--container-polster));
  }
}

.bereichsmenue {
  font-size: var(--groesse-text);
  line-height: var(--zeile-eng);
  text-align: right;
  text-transform: uppercase;
}

@media print, (min-width: 976px) {
  .bereichsmenue {
    width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
  }
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .bereichsmenue {
    width: calc(6 * var(--raster-spalte) + 5 * var(--raster-rinne));
  }
}

.bereichsmenue__eintrag {
  border-bottom: 1px solid var(--farbe-haus);
}

.bereichsmenue__eintrag a {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: var(--hoehe-menueeintrag);
}

@media screen and (max-width: 755px) {
  .bereichsmenue {
    text-align: center;
  }

  .bereichsmenue__eintrag a {
    display: block;
    line-height: var(--zeile-menueeintrag-mobil);
  }
}

@media screen and (min-width: 462px) and (max-width: 755px) {

  .bereichsmenue {
    display: flex;
    flex-wrap: wrap;
  }

  .bereichsmenue__eintrag {
    box-sizing: content-box;
    width: calc(11 * var(--raster-spalte) + 10 * var(--raster-rinne));
    background: var(--farbe-seite);
    border: 1px solid var(--farbe-weiss);
  }

  .bereichsmenue__eintrag a {
    padding: 0.2em;
  }
}

@media print, (min-width: 756px) {
  .bereichsmenue__eintrag a:hover,
  .bereichsmenue__eintrag a:focus-visible {
    text-decoration: none;
  }
}

.bereichsmenue__eintrag a:hover,
.bereichsmenue__eintrag a:focus-visible,
.bereichsmenue__eintrag--aktiv a {
  color: var(--farbe-haus);
  font-family: var(--schrift-schwarz);
  letter-spacing: -0.4px;
}

.inhaltsflaeche {
  background: var(--farbe-weiss);
}

.inhaltszeile__inhalt {
  padding-top: var(--raster-versatz);
  padding-bottom: calc(8 * var(--raster-versatz));
}

.inhaltszeile__nebenspalte {
  padding-bottom: calc(8 * var(--raster-versatz));
}

@media print, (min-width: 756px) {
  .inhaltszeile__leiste {
    padding-bottom: calc(5 * var(--raster-versatz));
  }
}

.inhalt .inhaltstitel {
  color: var(--farbe-text);
  font-family: var(--schrift-buch);
  font-size: var(--groesse-h1);
  font-weight: normal;
  line-height: var(--zeile-eng);
  margin-bottom: var(--abstand-titel);
}

.inhalt .inhaltstitel--schwarz {
  color: var(--farbe-schwarz);
}

.inhalt figure {
  margin: 1em 0;
}

.bild-vier-spalten  { width: calc(4 * var(--raster-spalte) + 3 * var(--raster-rinne)); }
.bild-fuenf-spalten { width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne)); }

.meldungsliste {
  --abstand-meldungen: 16px;

  display: flex;
  flex-direction: column;
  gap: var(--abstand-meldungen);
}

.inhalt .meldungsanriss h2 a,
.inhalt .meldungsanriss h3 a,
.meldungsanriss h2 a,
.meldungsanriss h3 a {
  color: inherit;
  text-decoration: none;
}

.inhalt .meldungsanriss h2 a:hover,
.inhalt .meldungsanriss h2 a:focus-visible,
.inhalt .meldungsanriss h3 a:hover,
.inhalt .meldungsanriss h3 a:focus-visible {
  text-decoration: underline;
}

.meldungsanriss {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--raster-rinne);
  align-items: start;
}

.meldungsanriss img {
  width: calc(4 * var(--raster-spalte) + 3 * var(--raster-rinne));
  height: auto;
}

@media screen and (max-width: 755px) {
  .meldungsanriss img {
    width: calc(6 * var(--raster-spalte) + 5 * var(--raster-rinne));
  }
}

.inhalt .bild-rechts {
  float: right;
  margin: 0 0 1em var(--raster-modul);
  width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
}

@media screen and (max-width: 755px) {
  .inhalt .bild-rechts {
    width: calc(8 * var(--raster-spalte) + 7 * var(--raster-rinne));
  }
}

@media screen and (max-width: 461px) {
  .inhalt .bild-rechts {
    width: calc(10 * var(--raster-spalte) + 9 * var(--raster-rinne));
  }
}

.inhalt h2,
.inhaltszeile__nebenspalte h2 {
  color: var(--farbe-text);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-h2);
  font-weight: normal;
  line-height: var(--zeile-eng);
  margin-bottom: var(--abstand-titel);
}

.inhaltszeile__nebenspalte img {
  display: block;
}

.inhalt h3,
.inhaltszeile__nebenspalte h3 {
  color: var(--farbe-text-zart);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-h3);
  font-weight: normal;
  line-height: 125%;
  margin-bottom: 12px;
}

.inhalt p,
.inhaltszeile__nebenspalte p {
  font-size: var(--groesse-text);
  line-height: var(--zeile-text);
  margin-bottom: 12px;
}

.inhalt a,
.inhaltszeile__nebenspalte a {
  color: var(--farbe-link);
}

.inhalt a:active,
.inhaltszeile__nebenspalte a:active {
  color: var(--farbe-rot);
}

.inhalt a:hover,
.inhalt a:focus-visible,
.inhaltszeile__nebenspalte a:hover,
.inhaltszeile__nebenspalte a:focus-visible {
  color: var(--farbe-haus);
}

@media screen and (max-width: 755px) {
  .inhalt a[href*="bfdi.bund.de"] {
    overflow-wrap: break-word;
  }
}

.inhalt hr,
.inhaltszeile__nebenspalte hr {
  border: 0;
  border-top: 1px solid var(--farbe-flaeche);
  clear: both;
  margin: 8px 0;
}

.inhalt ul,
.inhaltszeile__nebenspalte ul {
  line-height: 125%;
  margin-bottom: 12px;
}

.inhalt ul li,
.inhaltszeile__nebenspalte ul li {
  color: var(--farbe-text);
  font-size: var(--groesse-text);
  margin-left: 24px;
  padding: 0.5em;
}

.inhalt ul li::before,
.inhaltszeile__nebenspalte ul li::before {
  content: "";
  display: inline-block;
  box-sizing: content-box;
  width: calc(1536em / 1792);
  height: 1em;
  margin-left: -2.6em;
  padding: 0 0.9em;
  vertical-align: calc(-256em / 1792);
  background: var(--farbe-haus);
  -webkit-mask: var(--symbol-quadrat) content-box no-repeat;
  -webkit-mask-size: 100% 100%;
  mask: var(--symbol-quadrat) content-box no-repeat;
  mask-size: 100% 100%;
}

.inhalt ol,
.inhaltszeile__nebenspalte ol {
  list-style: decimal;
  padding-left: 2em;
}

.inhalt ol li,
.inhaltszeile__nebenspalte ol li {
  font-size: var(--groesse-text);
  padding: 0.5em 0;
}

.inhalt h2.artikeltitel,
.artikeltitel {
  color: var(--farbe-haus);
  font-family: var(--schrift-schwarz);
  font-size: var(--groesse-item-titel);
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: 0;
  padding-top: var(--raster-versatz);
}

.zurueck {
  font-size: var(--groesse-text);
  margin-bottom: 1em;
}

.fussnote {
  color: var(--farbe-text-hell);
  font-size: var(--groesse-klein);
  margin-bottom: 1em;
}

.produktbilder {
  display: flex;
  flex-wrap: wrap;
  gap: var(--raster-rinne);
  margin: 1em 0;
}

.produktbilder img {
  background: var(--farbe-seite);
  display: block;
  max-width: 100%;
}

@media print, (min-width: 976px) {
  .produktbilder img {
    width: calc(10 * var(--raster-spalte) + 9 * var(--raster-rinne));
  }
}

.bildstrecke {
  --bildstrecke-schrift:  12px;
  --bildstrecke-zeile:    12px;

  --bildstrecke-spalte: var(--container-polster);

  --bildstrecke-reihe: var(--container-polster);
  --bildstrecke-titel:    11px;
  --bildstrecke-unter:    24px;

  display: grid;
  column-gap: var(--bildstrecke-spalte);
  row-gap: var(--bildstrecke-reihe);
  margin: 1em 0;

  grid-template-columns: repeat(auto-fill,
    calc(8 * var(--raster-spalte) + 7 * var(--raster-rinne)));
}

.inhalt .bildstrecke__eintrag,
.bildstrecke__eintrag {
  margin: 0;
  padding: 0;
  min-height: calc(var(--raster-reihe) + 6 * var(--raster-reihe-schritt));
}

.inhalt a.bildstrecke__verweis,
.bildstrecke__verweis {
  color: var(--farbe-link);
  display: block;
  text-decoration: none;
}

.bildstrecke__titel {
  display: block;
  font-family: var(--schrift-fett);
  font-size: var(--bildstrecke-schrift);
  line-height: var(--bildstrecke-zeile);
  margin-bottom: var(--bildstrecke-titel);
}

.bildstrecke figcaption {
  color: var(--farbe-link);
  font-size: var(--bildstrecke-schrift);
  line-height: var(--bildstrecke-zeile);
  margin-top: var(--bildstrecke-unter);
}

.inhalt .item li {
  line-height: 1.6em;
  margin: 0.7em 0;
  padding: 0.2em 0 0.2em 2em;
}

.inhalt .item li::before {
  content: "";
  display: inline-block;
  box-sizing: content-box;
  width: calc(1664em / 1792);
  height: 1em;
  margin-left: -2em;
  padding: 0 0.5em;
  vertical-align: calc(-256em / 1792);
  background: var(--farbe-haus);
  -webkit-mask: var(--symbol-daumen) content-box no-repeat;
  -webkit-mask-size: 100% 100%;
  mask: var(--symbol-daumen) content-box no-repeat;
  mask-size: 100% 100%;
}

.inhalt .item .zertifikat {
  color: var(--farbe-text-hell);
  font-size: var(--groesse-klein);
}

.produktliste-ende {
  border-bottom: 1px solid var(--farbe-flaeche);
  height: 22px;
}

.downloadbereich {
  margin-top: 46px;
}

.downloadeintrag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--raster-rinne);
  border-bottom: 1px dotted var(--farbe-text);
  padding: 0.5em 0;
}

.inhalt a.schaltflaeche,
.schaltflaeche {
  display: block;
  background: var(--farbe-haus);
  color: var(--farbe-weiss);
  line-height: 1;
  padding: 1em;
  text-align: center;
}

@media screen and (max-width: 461px) {
  .downloadeintrag {
    display: block;
  }

  .inhalt a.schaltflaeche,
  .schaltflaeche {
    box-sizing: content-box;
    width: 100%;
  }
}

@media print, (min-width: 976px) {
  .schaltflaeche {
    width: var(--breite-schaltflaeche);
  }

  .downloadeintrag {
    padding-right: calc(2 * var(--raster-rinne));
  }
}

.inhalt a.schaltflaeche:hover,
.inhalt a.schaltflaeche:focus-visible,
.schaltflaeche:hover,
.schaltflaeche:focus-visible {
  background: var(--farbe-akzent);
  color: var(--farbe-weiss);
  text-decoration: none;
}

.schaltflaeche__symbol {
  margin-right: 0.6em;
  vertical-align: -2px;
}

.inhalt h2.serienkopf,
.serienkopf {
  display: block;
  background: var(--farbe-haus);
  color: var(--farbe-weiss);
  font-family: var(--schrift-buch);
  font-size: var(--groesse-serienkopf);
  font-weight: normal;

  line-height: 125%;
  margin: 0;
  border-block: 1px solid transparent;
  background-clip: padding-box;
  padding: 5px 0;
  text-indent: 8px;
}

.inhalt h2.serienkopf--zu,
.serienkopf--zu {
  background: var(--farbe-flaeche-hell);
  background-clip: padding-box;
  color: var(--farbe-text-hell);
  line-height: 1;
}

.serienkopf__schalter {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: block;
  font: inherit;
  padding: 0;
  text-align: left;
  width: 100%;
}

.serienkopf__symbol {
  margin-right: 0.5em;
  transition: transform 0.2s ease;
  vertical-align: -2px;
}

.serienkopf__pfeil {
  stroke: var(--farbe-haus);
}

.inhalt h2.serienkopf--zu:hover,
.serienkopf--zu:hover {
  background: var(--farbe-haus);
  color: var(--farbe-weiss);
}

.serienkopf--zu:hover .serienkopf__pfeil {
  stroke: var(--farbe-haus);
}

.serienkopf--zu .serienkopf__pfeil {
  stroke: var(--farbe-flaeche-hell);
}

.serienkopf__schalter[aria-expanded="true"] .serienkopf__symbol {
  transform: rotate(90deg);
}

.serie__liste[hidden] {
  display: none;
}

.produkttabelle {
  width: 100%;
  border-collapse: separate;

  border-spacing: 0 2px;
  table-layout: fixed;
}

.produkttabelle thead th {
  border-bottom: 1px solid var(--farbe-flaeche);
  color: var(--farbe-text-hell);
  font-family: var(--schrift-buch);
  font-size: var(--groesse-klein);
  font-weight: normal;
  line-height: 1;
  padding: 5px 0;
  text-align: left;
}

.produkttabelle tbody tr {
  background: var(--farbe-produktzeile);
  color: var(--farbe-text-hell);
}

.produkttabelle tbody tr:hover {
  background: var(--farbe-weiss);
  font-family: var(--schrift-fett);
}

.produkttabelle tbody th,
.produkttabelle td {
  font-size: var(--groesse-basis);
  font-weight: normal;
  line-height: 1;
  padding: 5px 0;
  text-align: left;
}

.produkttabelle tbody th,
.itemtitle {
  color: var(--farbe-haus);
  text-indent: 8px;
}

.produkttabelle caption {
  caption-side: bottom;
  color: var(--farbe-text-hell);
  font-size: var(--groesse-klein);
  padding-top: 5px;
  text-align: left;
}

@media screen and (max-width: 755px) {
  .produkttabelle tbody th,
  .itemtitle {
    border-bottom: 1px dotted var(--farbe-haus);
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

.fusszeile {
  width: 100%;
  background: var(--farbe-haus);
  color: var(--farbe-weiss);
  text-transform: uppercase;
}

@media print, (min-width: 756px) {
  .fusszeile--fest {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }
}

.fusszeile a {
  color: var(--farbe-weiss);
}

.fusszeile__innen {
  position: relative;
  align-items: start;
}

.fusszeile__kontakt {
  line-height: var(--zeile-kontakt);

  padding-bottom: var(--raster-versatz);
  text-align: center;
}

.fusszeile__kontakt--breit p {
  margin: 0;
}

@media screen and (max-width: 755px) {
  .fusszeile__kontakt--breit { display: none; }

  .raster > .fusszeile__kontakt--schmal {
    grid-column: 1 / span 23;
    padding: var(--raster-versatz) 0 var(--raster-versatz) var(--raster-modul);
    text-align: center;
  }

  .fusszeile__kontakt--schmal p {
    line-height: 125%;
    margin: 0 0 12px;
  }
}

@media print, (min-width: 756px) {
  .fusszeile__kontakt { text-align: right; }
  .fusszeile__kontakt--schmal { display: none; }
}

.fusszeile__logo {
  position: absolute;
  top: calc(-70px - var(--container-polster));
}

@media screen and (max-width: 755px) {
  .fusszeile__logo { display: none; }
}

.rechtsmenue {
  --rechtsmenue-spalten: 22;

  position: absolute;
  top: -3.5em;
  left: 1em;
  color: var(--farbe-text);
  font-size: 0.9em;
  line-height: 1;

  width: calc(var(--rechtsmenue-spalten) * var(--raster-spalte)
              + (var(--rechtsmenue-spalten) - 1) * var(--raster-rinne));
}

@media print, (min-width: 756px) {
  .rechtsmenue { --rechtsmenue-spalten: 7; }
}

@media print, (min-width: 976px) {
  .rechtsmenue { --rechtsmenue-spalten: 8; }
}

.raster > .rechtsmenue {
  grid-column: auto;
  grid-row: auto;
}

.rechtsmenue a {
  color: var(--farbe-text-schwach);
}

.sitemap {
  border-top: 1px solid var(--farbe-weiss);
  padding-top: var(--raster-versatz);
}

.sitemap__liste {
  display: flow-root;
  line-height: var(--zeile-sitemap);
  padding-left: var(--raster-modul);
  padding-right: calc(2 * var(--raster-modul));
}

@media screen and (max-width: 461px) {
  .sitemap__liste {
    padding-left: 0;
    padding-right: 0;
  }
}

.sitemap__gruppe {
  float: left;
  box-sizing: border-box;
  width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
  font-family: var(--schrift-fett);
  font-size: var(--groesse-text);

  min-height: var(--hoehe-sitemap-gruppe);
  margin: 0 calc(var(--raster-rinne) / 2);
  min-width: 0;
  overflow-wrap: break-word;
}

.sitemap__gruppe--einzeln {
  min-height: 0;
  font-family: var(--schrift-buch);
  font-size: var(--groesse-basis);
  line-height: 15px;
}

@media screen and (max-width: 461px) {
  .sitemap__gruppe {
    float: none;
    width: auto;
    min-height: 0;
    margin-inline: 0;
  }
}

.sitemap__gruppe > ul {
  line-height: var(--zeile-sitemap-eintrag);
  margin: 0 0 12px;
}

.sitemap__gruppe ul li {
  font-family: var(--schrift-buch);
  font-size: var(--groesse-basis);

  padding: 0.2em 0;
  overflow-wrap: break-word;
}

#sitemapschalter-huelle {
  line-height: 1;
}

@media screen and (max-width: 755px) {
  #sitemapschalter-huelle {
    display: none;
  }

  .fusszeile__logo-huelle {
    display: none;
  }
}

.sitemapschalter {
  align-items: center;
  background: none;
  border: 0;
  color: var(--farbe-weiss);
  cursor: pointer;
  display: flex;
  font: inherit;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
}

.sitemapschalter__symbol {
  flex: 0 0 auto;
  width: calc(1664em / 1792);
  height: 1em;
  margin-right: calc(530em / 2048);
  background: currentColor;
  -webkit-mask: var(--symbol-winkel-auf) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask: var(--symbol-winkel-auf) no-repeat;
  mask-size: 100% 100%;
}

.sitemapschalter__symbol > * {
  display: none;
}

.sitemapschalter[aria-expanded="true"] .sitemapschalter__symbol {
  -webkit-mask-image: var(--symbol-winkel-ab);
  mask-image: var(--symbol-winkel-ab);
}

.sitemapschalter:hover,
.sitemapschalter:focus-visible {
  text-decoration: underline;
}

input[type="text"],
input[type="email"],
textarea {
  width: 85%;
  padding: 0.5em;
  border: 1px solid var(--farbe-text-schwach);
  box-shadow: 0 1px 1px var(--farbe-rand) inset;
  line-height: normal;
}

input[type="submit"] {
  background-color: var(--farbe-schalter);
  background-image: linear-gradient(to bottom, var(--farbe-weiss), var(--farbe-schalter-ende));
  border: 1px solid var(--farbe-flaeche-hell);
  cursor: pointer;
  line-height: normal;
  padding: 4px 18px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.suche {
  --suchknopf-spalten: 6;

  display: flex;
  align-items: flex-start;
  gap: var(--container-polster);
}

.suche input[type="text"] {
  flex: 0 0 auto;
  width: calc(14 * var(--raster-spalte) + 13 * var(--raster-rinne) + 1em + 2px);
}

@media print, (min-width: 756px) {
  .suche input[type="text"] {
    width: var(--breite-suchfeld);
  }
}

.suche input[type="submit"] {
  flex: 0 0 auto;
  width: calc(var(--suchknopf-spalten) * var(--raster-spalte)
              + (var(--suchknopf-spalten) - 1) * var(--raster-rinne));
}

.suche input::placeholder {
  color: FieldText;
  opacity: 1;
}

@media print, (min-width: 756px) {
  .suche { --suchknopf-spalten: 2; }
}

.fehlermeldung {
  background-color: var(--farbe-fehler-flaeche);
  border: 1px solid var(--farbe-fehler-rand);
  border-radius: 4px;
  color: var(--farbe-fehler-text);
  padding: 8px 35px 8px 14px;
}

@media print {
  body,
  html {
    font-size: 100%;
    margin: 0;
    padding: 0;
  }

  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
  }

  th { border-bottom: 1px solid #000000; }
  td { border-bottom: 1px solid #CCCCCC; }

  a,
  a:visited {
    text-decoration: underline;
  }

  .inhalt li a[href]::after,
  .inhalt p a[href]::after,
  .inhalt td a[href]::after,
  .inhaltszeile__nebenspalte li a[href]::after,
  .inhaltszeile__nebenspalte p a[href]::after,
  .inhaltszeile__nebenspalte td a[href]::after {
    content: " (" attr(href) ")";
    font-style: italic;
  }

  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  blockquote,
  pre {
    page-break-inside: avoid;
  }

  thead { display: table-header-group; }

  img,
  tr {
    page-break-inside: avoid;
  }

  img { max-width: 100% !important; }

  @page { margin: 1.5cm; }
  @page :left { margin-right: 2.5cm; }
  @page :right { margin-left: 2.5cm; }

  h1, h2, h3, h4, h5, h6,
  p {
    orphans: 3;
    widows: 3;
  }

  h1,
  h2 {
    page-break-after: avoid;
  }

  body { min-width: 100%; }

  .fusszeile--fest { position: static; }

  .inhalt ul li::before,
  .inhaltszeile__nebenspalte ul li::before,
  .inhalt .item li::before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .sitemapschalter {
    text-decoration: underline;
  }

  .sitemapschalter .sitemapschalter__symbol {
    background: black !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.inhalt .suchergebnis,
.suchergebnis {

  --abstand-treffer:   var(--raster-versatz);
  --einzug-ausschnitt: var(--raster-modul);

  margin-top: var(--raster-versatz);
}

.inhalt .suchseite__formular,
.suchseite__formular {
  margin-bottom: 1em;
}

@media print, (min-width: 756px) {
  .inhalt .suchseite__formular {
    display: flow-root;
    width: fit-content;
  }

  .inhalt .suchseite__formular input[type="text"] {
    float: left;
    box-sizing: content-box;
    width: 85%;
    margin-right: var(--container-polster);
  }

  .inhalt .suchseite__formular input[type="submit"] {
    float: left;
  }
}

.inhalt .suchergebnis__zahl,
.suchergebnis__zahl {
  color: var(--farbe-text-hell);
  font-size: var(--groesse-klein);
  margin-bottom: var(--abstand-titel);
}

.inhalt .suchhinweis,
.suchhinweis {
  color: var(--farbe-text);
  font-size: var(--groesse-text);
  line-height: var(--zeile-text);
  margin-bottom: 1em;
}

.inhalt ol.suchtreffer,
.suchtreffer {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inhalt .suchtreffer__eintrag,
.suchtreffer__eintrag {
  font-size: var(--groesse-text);
  margin-bottom: var(--abstand-treffer);
  padding: 0;
}

.inhalt .suchtreffer__titel,
.suchtreffer__titel {
  color: var(--farbe-link);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-h3);
  font-weight: normal;
  line-height: var(--zeile-eng);
  margin-bottom: 0;
}

.inhalt .suchtreffer__ausschnitt,
.suchtreffer__ausschnitt {
  color: var(--farbe-text);
  font-size: var(--groesse-text);
  line-height: var(--zeile-text);
  margin-bottom: 0;
  padding-left: var(--einzug-ausschnitt);
}

.inhalt .suchtreffer__ausschnitt mark,
.suchtreffer__ausschnitt mark {
  background-color: var(--farbe-blau-zart);
  color: var(--farbe-blau-dunkel);
}

.karte {

  --hoehe-karte: 400px;

  margin: 0 0 var(--raster-versatz) 0;
}

.karte__platzhalter {
  align-items: center;
  background-color: var(--farbe-seite);
  border: 1px solid var(--farbe-rand);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--hoehe-karte);
  padding: var(--raster-modul);
  text-align: center;
}

.karte__hinweis {
  color: var(--farbe-text);
  font-size: var(--groesse-text);
  line-height: var(--zeile-text);
  margin: 0 0 var(--raster-versatz) 0;
  max-width: 34em;
}

.karte__fussnote {
  color: var(--farbe-text-schwach);
  font-size: var(--groesse-klein);
  line-height: var(--zeile-text);
  margin: var(--raster-versatz) 0 0 0;
  max-width: 34em;
}

.karte__schalter {
  border: 0;
  cursor: pointer;
  font-family: var(--schrift-buch);
  font-size: var(--groesse-text);
  width: var(--breite-schaltflaeche);
}

.karte__schalter[disabled] {
  background: var(--farbe-flaeche);
  cursor: default;
}

.karte__rahmen {
  border: 0;
  display: block;
  height: var(--hoehe-karte);
  width: 100%;
}

.inhaltssitemap-huelle {
  overflow: hidden;
}

.inhalt ul.inhaltssitemap {
  display: flow-root;
  margin: var(--container-polster);
  padding: var(--raster-versatz) 0 0 var(--raster-modul);
  font-size: var(--groesse-basis);
  line-height: 125%;
}

@media print, (min-width: 976px) {
  .inhalt ul.inhaltssitemap {
    float: left;
    width: calc(21 * var(--raster-spalte) + 20 * var(--raster-rinne));
    padding-right: calc(2 * var(--raster-modul));
  }
}

.inhalt .inhaltssitemap > li {
  float: left;
  width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
  min-width: 0;
  min-height: 13em;
  margin: 0 var(--container-polster);
  padding: 0.5em;
  color: var(--farbe-text);
  font-family: var(--schrift-fett);
  font-size: var(--groesse-text);
  overflow-wrap: break-word;
}

@media print, (min-width: 976px) {
  .inhalt .inhaltssitemap > li {
    box-sizing: content-box;
  }
}

.inhalt .inhaltssitemap > li.inhaltssitemap__gruppe--einzeln {
  min-height: 0;
  font-family: var(--schrift-buch);
}

.inhalt .inhaltssitemap li::before {
  content: none;
}

.inhalt .inhaltssitemap > li > ul {
  line-height: 125%;
  margin: 0 0 12px;
}

@media print, (min-width: 976px) {
  .inhalt .inhaltssitemap > li > ul {
    margin-bottom: 0;
  }
}

.inhalt .inhaltssitemap > li > ul > li {
  margin: 0;
  padding: 0.2em 0;
  font-family: var(--schrift-buch);
  font-size: var(--groesse-basis);
  overflow-wrap: break-word;
}

@media screen and (max-width: 461px) {
  .inhalt ul.inhaltssitemap {
    padding-left: 0;
  }

  .inhalt .inhaltssitemap > li {
    float: none;
    width: auto;
    min-height: 0;
    margin-inline: 0;
  }
}

.inhalt {
  --b-m:   var(--container-polster);
  --b-mt1: var(--raster-versatz);
  --b-ml1: calc(var(--raster-spalte) + var(--raster-rinne));
  --b-w2:  calc(2 * var(--raster-spalte) + 1 * var(--raster-rinne));
  --b-w3:  calc(3 * var(--raster-spalte) + 2 * var(--raster-rinne));
  --b-w4:  calc(4 * var(--raster-spalte) + 3 * var(--raster-rinne));
  --b-w5:  calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
  --b-w6:  calc(6 * var(--raster-spalte) + 5 * var(--raster-rinne));
  --b-w7:  calc(7 * var(--raster-spalte) + 6 * var(--raster-rinne));
  --b-w8:  calc(8 * var(--raster-spalte) + 7 * var(--raster-rinne));
  --b-w9:  calc(9 * var(--raster-spalte) + 8 * var(--raster-rinne));
  --b-w10: calc(10 * var(--raster-spalte) + 9 * var(--raster-rinne));
  --b-w12: calc(12 * var(--raster-spalte) + 11 * var(--raster-rinne));
  --b-w13: calc(13 * var(--raster-spalte) + 12 * var(--raster-rinne));
  --b-w14: calc(14 * var(--raster-spalte) + 13 * var(--raster-rinne));
  --b-w15: calc(15 * var(--raster-spalte) + 14 * var(--raster-rinne));
  --b-w16: calc(16 * var(--raster-spalte) + 15 * var(--raster-rinne));
  --b-w17: calc(17 * var(--raster-spalte) + 16 * var(--raster-rinne));
  --b-w18: calc(18 * var(--raster-spalte) + 17 * var(--raster-rinne));
  --b-w19: calc(19 * var(--raster-spalte) + 18 * var(--raster-rinne));
  --b-w22: calc(22 * var(--raster-spalte) + 21 * var(--raster-rinne));
}

.inhalt .schnellauswahl {
  box-sizing: content-box;
  float: right;
  width: var(--b-w10);
  margin: 0 0 var(--b-m) var(--b-m);
  font-size: var(--groesse-basis);
  line-height: 1;
  overflow: hidden;
}

.inhalt .schnellauswahl[hidden] {
  display: none;
}

.inhalt .schnellauswahl--ohne-skript summary {
  cursor: pointer;
}

.inhalt .schnellauswahl--ohne-skript ul {
  margin: 0.5em 0 0;
}

.inhalt .schnellauswahl--ohne-skript ul li {
  margin: 0;
  padding: 0.2em 0;
}

.inhalt .schnellauswahl--ohne-skript ul li::before {
  content: none;
}

.inhalt hr.liste__linie {
  box-sizing: content-box;
  float: left;
  width: var(--b-w17);
  height: 0;
  margin: var(--b-m) var(--b-m) var(--b-m) 0;
  padding-top: var(--b-mt1);
}

.inhalt hr.liste__linie--breit {
  width: var(--b-w19);
  max-width: 100%;
}

.inhalt h2.serienkopf {
  box-sizing: content-box;
  float: left;
  width: var(--b-w14);
  margin: 1px 0;
  border: 0;
  padding: 5px 0;
  overflow: hidden;
}

.inhalt h2.serienkopf--klapp {
  line-height: 1;
}

.inhalt .serienkopf::before,
.inhalt .serienkopf__schalter::before {
  content: "";
  display: inline-block;
  box-sizing: content-box;
  width: calc(1536em / 1792);
  height: 1em;
  padding: 0 calc(0.3em + 448em / 1792) 0 0.5em;
  vertical-align: calc(-256em / 1792);

  margin-top: calc(-256em / 1792);
  background: currentColor;
  -webkit-mask: var(--symbol-kreis-ab) content-box no-repeat;
  -webkit-mask-size: calc(1536em / 1792) 1em;
  mask: var(--symbol-kreis-ab) content-box no-repeat;
  mask-size: calc(1536em / 1792) 1em;
}

.inhalt .serienkopf:has(.serienkopf__schalter)::before {
  content: none;
}

.inhalt .serienkopf--zu .serienkopf__schalter::before {
  -webkit-mask-image: var(--symbol-kreis-rechts);
  mask-image: var(--symbol-kreis-rechts);
}

.inhalt .serienkopf__schalter {
  line-height: inherit;
  text-indent: inherit;
}

.inhalt .produktliste {
  box-sizing: content-box;
  float: left;
  width: var(--b-w14);
  margin: var(--b-m) 0;
  overflow: hidden;
}

.inhalt .produktliste[hidden] {
  display: none;
}

.inhalt .produktliste__klar {
  clear: both;
  height: 0;
}

.produktliste__tabelle,
.produktliste__tabelle thead,
.produktliste__tabelle tbody,
.produktliste__tabelle tr,
.produktliste__tabelle th,
.produktliste__tabelle td {
  display: block;
}

.produktliste__tabelle {
  font-size: var(--groesse-basis);
  line-height: 1;
}

.produktliste__tabelle tr {
  box-sizing: content-box;
  float: left;
  width: var(--b-w14);
  overflow: hidden;
}

.produktliste__tabelle th,
.produktliste__tabelle td {
  box-sizing: content-box;
  float: left;
  font-weight: normal;
  margin: 0 var(--b-m) 0 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
}

.produktliste__tabelle .produktliste__typ      { width: var(--b-w4); }
.produktliste__tabelle .produktliste__breite   { width: var(--b-w3); }
.produktliste__tabelle .produktliste__hoehe    { width: var(--b-w3); }
.produktliste__tabelle .produktliste__material { width: var(--b-w4); margin-right: 0; }

.produktliste__tabelle .produktliste__kopf {
  border-bottom: 1px solid var(--farbe-flaeche);
  color: var(--farbe-text-hell);
  font-size: var(--groesse-klein);
  margin: 2px 0;
  padding: 5px 0;
}

.produktliste__kopf th {
  overflow: visible;
}

.produktliste__tabelle .produktliste__zeile {
  background: var(--farbe-produktzeile);
  color: var(--farbe-text-hell);
  margin: 1px 0;
  padding: 5px 0;
  position: relative;
}

.produktliste__tabelle .produktliste__zeile:hover {
  background: var(--farbe-weiss);
  font-family: var(--schrift-fett);
}

.inhalt .produktliste__zeile th a {
  color: var(--farbe-haus);
  text-decoration: none;
}

.inhalt .produktliste__zeile th a::after {
  content: "";
  inset: 0;
  position: absolute;
}

.produktliste__zeile th {
  color: var(--farbe-haus);
  text-indent: 8px;
}

.produktliste__marke {
  display: none;
  font-weight: bold;
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .inhalt .produktliste,
  .produktliste__tabelle tr,
  .inhalt h2.serienkopf,
  .inhalt hr.liste__linie {
    width: var(--b-w16);
  }

  .produktliste__tabelle .produktliste__hoehe { width: var(--b-w5); }

  .inhalt .schnellauswahl {
    width: var(--b-w17);
  }
}

@media screen and (max-width: 755px) {
  .inhalt .produktliste,
  .produktliste__tabelle tr,
  .inhalt h2.serienkopf,
  .inhalt hr.liste__linie,
  .inhalt .schnellauswahl {
    width: var(--b-w22);
  }

  .inhalt hr.liste__linie--breit {
    width: var(--b-w19);
  }

  .produktliste__tabelle .produktliste__zeile th.produktliste__typ {
    border-bottom: 1px dotted var(--farbe-haus);
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    width: var(--b-w22);
  }

  .produktliste__kopf th.produktliste__typ {
    display: none;
  }
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .produktliste__tabelle .produktliste__breite {
    padding-left: var(--b-ml1);
    width: var(--b-w6);
  }

  .produktliste__tabelle .produktliste__hoehe { width: var(--b-w7); }
}

@media screen and (max-width: 461px) {
  .produktliste__kopf th {
    display: none;
  }

  .produktliste__tabelle td,
  .produktliste__tabelle .produktliste__breite,
  .produktliste__tabelle .produktliste__hoehe,
  .produktliste__tabelle .produktliste__material {
    clear: both;
    margin-right: 0;
    width: var(--b-w22);
  }

  .produktliste__marke {
    display: block;
    float: left;
    width: var(--b-w10);
  }

  .produktliste__wert {
    display: block;
    float: left;
    margin-right: var(--b-m);
    width: var(--b-w12);
  }

  .produktliste__material .produktliste__wert {
    margin-right: 0;
  }
}

.inhalt .galerie {
  line-height: 1;
}

.inhalt ul.galerie__bilder {
  line-height: 1;
  margin: 0;
}

.inhalt ul li.galerie__bild {
  display: inline-block;
  float: left;
  height: 120px;
  margin: 0 10px 0 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

.inhalt ul li.galerie__bild::before {
  content: none;
}

.inhalt .galerie__bild a {
  border: 2px solid var(--farbe-rand);
  display: inline-block;
  padding: 1px;
}

.inhalt .galerie__bild a:hover,
.inhalt .galerie__bild a:focus-visible {
  border-color: var(--farbe-linie);
}

.inhalt .galerie__bild img {
  display: block;
}

.inhalt .galerie__ende {
  clear: both;
}

.inhalt .produkt {
  line-height: 1;
}

.inhalt a.produkt__zurueck {
  box-sizing: content-box;
  display: block;
  float: left;
  margin: var(--b-m);
  overflow: hidden;
  width: var(--b-w6);
}

.inhalt hr.produkt__linie {
  box-sizing: content-box;
  float: left;
  height: 0;
  margin: var(--b-m) var(--b-m) var(--b-m) 0;
  width: var(--b-w17);
}

.inhalt .produkt__kopf {
  box-sizing: content-box;
  float: left;
  margin: 0 var(--b-m) var(--b-m) 0;
  overflow: hidden;
  width: var(--b-w14);
}

.inhalt .produkt__kopf h2.produkt__titel,
.inhalt .produkt__kopf h3.produkt__untertitel {
  box-sizing: content-box;
  float: left;
  line-height: 125%;
  margin: 0;
  overflow: hidden;
  width: var(--b-w14);
}

.inhalt .produkt__kopf h2.produkt__titel {
  color: var(--farbe-haus);
  font-family: var(--schrift-schwarz);
  font-size: var(--groesse-item-titel);
  padding-top: var(--b-mt1);
}

.inhalt .produkt__siegel {
  box-sizing: content-box;
  float: left;
  margin: var(--b-m) 0 0 var(--b-m);
  overflow: hidden;
  padding-left: var(--b-ml1);
  width: var(--b-w2);
}

.inhalt .produkt__beschreibung {
  box-sizing: content-box;
  float: left;
  margin: var(--b-m) var(--b-m) var(--b-m) 0;
  overflow: hidden;
  width: var(--b-w9);
}

.inhalt .produkt__beschreibung hr {
  box-sizing: content-box;
  float: left;
  height: 0;
  margin: var(--b-m) var(--b-m) var(--b-m) 0;
  width: var(--b-w9);
}

.inhalt .produkt__beschreibung hr.produkt__trenner--schmal {
  display: none;
}

.inhalt .produkt__beschreibung h3 {
  line-height: 125%;
}

.inhalt .produkt__beschreibung p:has(> span[style*="line-height"]) {
  line-height: 0;
}

.inhalt .produkt__zertbild {
  box-sizing: content-box;
  float: left;
  margin: var(--b-m) var(--b-m) var(--b-m) 0;
  overflow: hidden;
  width: var(--b-w3);
}

.inhalt .produkt__zert {
  box-sizing: content-box;
  float: left;
  margin: var(--b-m) 0 var(--b-m) var(--b-m);
  overflow: hidden;
  width: var(--b-w6);
}

.inhalt .produkt__abbildung {
  box-sizing: content-box;
  float: left;
  margin: var(--b-m) 0 var(--b-m) var(--b-m);
  overflow: hidden;
  padding-left: var(--b-ml1);
  width: var(--b-w7);
}

.inhalt .produkt__abbildung img {
  display: block;
  height: auto;
  max-width: 100%;
}

@media print, (min-width: 756px) {
  .inhalt .produkt__beschreibung hr.produkt__trenner {
    min-height: calc(var(--raster-reihe) + var(--raster-reihe-schritt));
  }

  .inhalt .produkt__beschreibung hr.produkt__trenner--klein {
    min-height: var(--raster-reihe);
  }

  .inhalt .produkt__zertbild {
    margin-top: 0;
  }
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .inhalt hr.produkt__linie                    { width: var(--b-w16); }
  .inhalt .produkt__kopf,
  .inhalt .produkt__kopf h2.produkt__titel     { width: var(--b-w13); }
  .inhalt .produkt__beschreibung,
  .inhalt .produkt__beschreibung hr            { width: var(--b-w10); }
  .inhalt .produkt__abbildung                  { width: var(--b-w5); }
}

@media screen and (max-width: 755px) {
  .inhalt a.produkt__zurueck {
    padding-top: var(--b-mt1);
  }

  .inhalt hr.produkt__linie,
  .inhalt .produkt__beschreibung,
  .inhalt .produkt__beschreibung hr            { width: var(--b-w22); }
  .inhalt .produkt__abbildung                  { width: var(--b-w19); }

  .inhalt .produkt__beschreibung hr.produkt__trenner--schmal {
    display: block;
    min-height: calc(var(--raster-reihe) + var(--raster-reihe-schritt));
  }

  .inhalt .produkt__zert {
    padding-top: var(--b-mt1);
  }
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .inhalt a.produkt__zurueck                   { width: var(--b-w8); }
  .inhalt .produkt__kopf,
  .inhalt .produkt__kopf h2.produkt__titel     { width: var(--b-w18); }
  .inhalt .produkt__siegel                     { width: var(--b-w3); }
  .inhalt .produkt__zertbild                   { width: var(--b-w7); }
  .inhalt .produkt__zert                       { width: var(--b-w15); }
}

@media screen and (max-width: 461px) {
  .inhalt a.produkt__zurueck                   { width: var(--b-w10); }
  .inhalt .produkt__kopf,
  .inhalt .produkt__kopf h2.produkt__titel     { width: var(--b-w22); }
  .inhalt .produkt__siegel                     { display: none; }

  .inhalt .produkt__zertbild {
    margin-top: 0;
    padding: var(--b-mt1) var(--b-ml1) 0 0;
    width: var(--b-w7);
  }

  .inhalt .produkt__zert                       { width: var(--b-w14); }
}

.inhalt .c-downloads {
  overflow: hidden;
}

.inhalt .c-download {
  border-bottom: 1px dotted var(--farbe-text);
}

.inhalt h3.c-download__titel {
  box-sizing: content-box;
  float: left;
  width: calc(11 * var(--raster-spalte) + 10 * var(--raster-rinne));
  margin: var(--container-polster) 0;
  overflow: hidden;
}

.inhalt a.c-download__knopf {
  box-sizing: content-box;
  float: left;
  width: calc(5 * var(--raster-spalte) + 4 * var(--raster-rinne));
  margin: var(--container-polster) 0;
  font-size: var(--groesse-basis);
  line-height: 1;
  overflow: hidden;
}

.inhalt .c-download__ende {
  clear: both;
  height: 0;
}

@media screen and (min-width: 462px) and (max-width: 755px) {
  .inhalt h3.c-download__titel {
    width: calc(13 * var(--raster-spalte) + 12 * var(--raster-rinne));
  }

  .inhalt a.c-download__knopf {
    width: calc(7 * var(--raster-spalte) + 6 * var(--raster-rinne));
  }
}

@media screen and (max-width: 461px) {
  .inhalt h3.c-download__titel,
  .inhalt a.c-download__knopf {
    width: calc(22 * var(--raster-spalte) + 21 * var(--raster-rinne));
  }
}

.inhalt .c-download__knopf .schaltflaeche__symbol {
  width: calc(1536em / 1792);
  height: calc(1536em / 1792);
  margin-right: 0;
  vertical-align: calc(-128em / 1792);
}

.inhalt .c-klapp {
  display: block;
}

.inhalt summary.c-klapp__kopf {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  line-height: 1;
  list-style: none;
  cursor: pointer;
  background-color: var(--farbe-flaeche-hell);
  color: var(--farbe-text-hell);
}

.inhalt summary.c-klapp__kopf::-webkit-details-marker {
  display: none;
}

.inhalt .c-klapp[open] > summary.c-klapp__kopf,
.inhalt summary.c-klapp__kopf:hover {
  background-color: var(--farbe-haus);
  color: var(--farbe-weiss);
}

.inhalt .c-klapp:not([open]) > summary.c-klapp__kopf::before {
  -webkit-mask-image: var(--symbol-kreis-rechts);
  mask-image: var(--symbol-kreis-rechts);
}

.inhalt .c-klapp:not([open]):last-of-type {
  margin-bottom: -12px;
}

@media screen and (min-width: 756px) and (max-width: 975px) {
  .inhalt summary.c-klapp__kopf {
    box-sizing: content-box;
    width: calc(16 * var(--raster-spalte) + 15 * var(--raster-rinne));
  }
}

.inhalt .c-schrift-12 {
  font-size: 12px;
}

.inhalt .karte {
  margin: 0;
}

.inhalt > div:not([class]):not([id]):not(:has(*)) {
  line-height: 1;
}