/* =======================================================
   SILBERLINIE 2026 — BASE
   Global: Reset, Typografie, Medien, Buttons rechts, Zustände
   ======================================================= */

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

html { scroll-behavior: smooth; }

body{
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background: #fff;
}

/* Medien-Grundregeln */
img, table { max-width: 100%; }
img{ height: auto; }

/* Sprungziel links: Abstand nach Sprung */
.jumpTarget{
  scroll-margin-top: 28vh;
}

/* Allgemeine Trennlinie */
hr{
  width: clamp(40%, 52vw, 62%);
  margin: 3rem auto;
}

/* Still-Links (für TOC / Textlinks ohne Deko) */
.silentLink,
.silentLink:visited,
.silentLink:hover,
.silentLink:active,
.silentLink:focus,
.tocLink,
.tocLink:visited,
.tocLink:hover,
.tocLink:active,
.tocLink:focus{
  color: inherit;
  text-decoration: none;
  outline: none;
}

/* Seiten-Icons rechts: bmSet, bmGo, bmBack, upArrow, leftArrow */
.arrow-stack{
  position: fixed;
  right: clamp(10px, 2.2vw, 28px);
  bottom: 26vh;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.arrow-stack a{
  position: static;
  margin: 0;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  opacity: 0.6;
}

.arrow-stack a:hover{ opacity: 1; }

#upArrow,
#leftArrow{
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
}

.arrow-stack img{
  width: clamp(34px, 3.2vw, 64px) !important;
  height: clamp(34px, 3.2vw, 64px) !important;
  display: block;
}

/* bmBack: Default inaktiv */
#bmBack{
  cursor: default;
  pointer-events: none;
}
#bmBack img{
  opacity: 0.5;
  transition: none;
}
#bmBack.is-active{
  cursor: pointer;
  pointer-events: auto;
}
#bmBack.is-active img{ opacity: 1; }
#bmBack.is-active:hover img{ opacity: 1; }

/* bmGo: Default inaktiv */
#bmGo{ pointer-events: none; }
#bmGo img{ opacity: 0.5; }

/* bmGo: aktiv nach bmSet */
#bmGo.is-active{ pointer-events: auto; }
#bmGo.is-active img{ opacity: 1; }

/* Footer (Basis) */
.footer{
  background: #aaa;
  color: #fff;
  text-align: center;
}
.utext-2{
  position: relative;
  text-decoration: none;
  font-family: Arial, sans-serif;
  color: #41413f;
  background-color: transparent;
  padding: 0;
  display: inline-block;
}
.action-btn{ text-decoration: none; }