html {overscroll-behavior-x: contain; }h3 { font-weight: bold; margin-bottom: 0; margin-top: 1.7em; }
button.btn.btn-link.collapsed::before { content: url(../img/plus.png); padding-right: 5px; vertical-align: -4px; }
button.btn.btn-link::before { content: url(../img/minus.png); padding-right: 5px; vertical-align: -4px; width: 12px; }
.collapse,.collapsing { padding: 1em; }
.card-header { background-color: rgba(0,0,0,0.03); border-bottom-color: rgba(0,0,0,0.125); border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 0; padding-bottom: 0.15rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.15rem; }
.title-div { text-align: center; }
.btn-sm { padding-bottom: 5px; }
.emphasis-dialogfenster { font-style: italic; }
.emphasis-bedienelement  { font-weight: bold; }
.emphasis-option { font-style: italic; }

/* Touch targets for arrows: grows hit area to 44x44  */
ol.schema-pagewise { align-items: center; gap: 6px; }
ol.schema-pagewise li { width: auto; padding: 0; }
ol.schema-pagewise a.schema-pagewise-nav { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px;
}
ol.schema-pagewise a.schema-pagewise-nav > span { flex: none; width: 25px; height: 25px; }

/* Sticky hover: a tap puts the icon into :hover and leaves it there until you tap somewhere else, so the arrow stays blue. 
(any-pointer: coarse) matches whenever a touchscreen is attached at all */
@media (any-pointer: coarse) {
    .search-icon:hover  { content: url(../../img/Icon_Lupe_schwarz.svg); }
    .help-icon:hover    { content: url(../../img/Icon_Fragezeichen_schwarz.svg); }
    .home-icon:hover    { content: url(../../img/Icon_Home_schwarz.svg); }
    .forward-icon:hover { content: url(../../img/Icon_Pfeil_rechts_schwarz.svg); }
    .back-icon:hover    { content: url(../../img/Icon_Pfeil_links_schwarz.svg); }
    .pdf-icon:hover     { content: url(../../img/Icon_PDF_schwarz.svg); }

    /* Same sticky hover in the TOC */
    a.schema-toc-link:hover,
    a.schema-toc-link-resource:hover { background-color: transparent; color: Black; border-right-style: none; text-decoration: none; }
}
  ol.schema-pagewise a.schema-pagewise-nav { touch-action: manipulation; }

/* Image size */
  .image-schmal[style*="text-align:center"], .image-breit[style*="text-align:center"],
  .image-schmal[style*="text-align: center"], .image-breit[style*="text-align: center"] { margin-left: auto;
  margin-right: auto; }
  .image-schmal[style*="text-align:right"], .image-breit[style*="text-align:right"],
  .image-schmal[style*="text-align: right"], .image-breit[style*="text-align: right"] { margin-left: auto; margin-right:
  0; }
/* Program instructions always get diamond */
ol.schema-procedural-instruction > li.schema-instruction.li-instruction-programme::before { content: "\25CA"; left: auto; right: calc(100% - 1.5em); top: 0; padding-left: 0; position: absolute; }
ol.schema-procedural-instruction > li.schema-instruction.li-instruction-programme > .row.proc-ins-padding { padding-bottom: 0; padding-top: 0; }
.row.proc-ins-padding:has(> [class*="col-"]:empty) > [class*="col-"]:empty { display: none; }
.row.proc-ins-padding:has(> [class*="col-"]:empty) > [class*="col-"]:not(:empty) { flex: 0 0 100%; max-width: 100%; }
ol.schema-procedural-instruction:has(> li.schema-condition) { padding-left: 35px; }
li.schema-safety-instruction::marker { content: normal; }