/* Cormens Intro Brush v1.4.0 */
#cib-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  background: transparent;
  pointer-events: auto;
}
#cib-overlay:focus { outline: none; }
#cib-overlay * { box-sizing: border-box; }

.cib-canvas-wrap {
  position: relative;
  inline-size: 100vw;
  block-size: 100vh;
  max-inline-size: 100%;
  max-block-size: 100%;
  overflow: hidden;
  background: transparent;
  --cib-bg: #0000fa;
  --cib-fg: #ffffff;
  color: var(--cib-fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

.cib-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;        /* Wunsch: Cursor als Pointer */
  pointer-events: auto;
  touch-action: none;
}

.cib-content {
  position: relative;
  z-index: 2;
  display: grid;
  gap: .5rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
  text-align: right;
  min-height: 100%;
  align-content: end;
  justify-items: end;
  pointer-events: none;
}
.cib-content:empty { display: none; }

.cib-line {
  margin: 0;
  font-size: clamp(.8125rem, 1vw + .2rem, 1.05rem);
  font-weight: 600;
  line-height: 1.35;
  text-wrap: balance;
  white-space: pre-line;
  color: #fff !important;
  opacity: .9;
}

.cib-skip { display: none; }