.dekotext {
  font-family: Iceland, Geneva, sans-serif;
  font-style: italic;
}

.box_bottom {
  box-shadow: 0px 10px 15px 0px #000000;
}

.box_up {
  box-shadow: 0px -10px 15px 0px #000000;
}

.box_shadow {
  box-shadow: inset 5px 5px 15px -6px #000000;
}

.nolink {
  cursor: not-allowed;
  color: red;
  text-decoration: line-through;
  pointer-events: none;
}

.syntax {
  color: rgb(128, 0, 128);
  font-weight: bold;
}

.example {
  max-width: 100%;
  overflow-x: auto;
}

.remark {
  color: rgb(255, 0, 0);
}

.legende {
  display: flex;
  align-items: center;
}

.boxed {
  display: inline-block;
  border: 1px solid black;
  margin: 0 10px 0 20px;
  font-size: 0.7rem;
  padding: 0 2px;
}

mark {
  background-color: unset;
  color: blue;
}

.mark2 {
  background-color: unset;
  color: blueviolet;
}

.mark3 {
  background-color: unset;
  color: darkgreen;
}

.mark4 {
  background-color: unset;
  color: red;
}

.mark1-1 {
  background-color: blue;
}

.mark2-1 {
  background-color: blueviolet;
}

.mark3-1 {
  background-color: green;
}

.mark4-1 {
  color: rgba(255, 0, 0);
}

iframe {
  border: unset;
}

/* Der Container, der wie ein Fenster aussieht */
.browser-mockup {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  max-width: 80%;
  margin: 20px auto;
  box-shadow: 5px 5px 15px 5px #000000;
}

/* Die obere Leiste mit den "Schließen/Minimieren"-Punkten */
.browser-bar {
  background: #757575;
  padding: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.url-bar {
  margin-left: 15px;
  font-size: 12px;
  padding: 2px 5px;
  width: 100%;
  color: #000000;
  font-family: sans-serif;
  background-color: #bbb;
  box-shadow: inset 5px 5px 13px -5px rgba(0, 0, 0, 0.39);
}

/* Das eigentliche Iframe */
.preview-iframe {
  width: 100%;
  height: 300px;
  border: none;
  /* Entfernt den hässlichen Standard-Rahmen */
  display: block;
  background: white;
  /* Falls die alinkdemo.php noch lädt */
}

kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.85em;
  line-height: 1;
  padding: 0.35em 0.55em;
  border-radius: 6px;

  color: #111;
  background: linear-gradient(#ffffff, #e9e9e9);
  border: 1px solid #c8c8c8;

  box-shadow:
    inset 0 -2px 0 rgba(0, 0, 0, 0.15),
    /* untere Kante */
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    /* obere Lichtkante */
    0 1px 2px rgba(0, 0, 0, 0.2);
  /* Drop Shadow */

  white-space: nowrap;
}