:root {
    --btn-radius: 12px;
    --radius: 16px;
    --shadow: 0 8px 20px var(--shadowc);
}

* { box-sizing: border-box }

a.noStyle {
  all: unset;
  display: contents;
  cursor: pointer;
}

.hidden {
  display: none;
}

/* Text */
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Layout */
.wrap {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 16px;
}

.row {
  display: flex;
  gap: 1rem;
}

.flex-box {
  flex: 1;
  background: lightblue;
  padding: 1em;
}      

.container {
    padding: 1em;
}

.spacer-top1 {
  margin-top: 1rem;
}

/* Ausrichtungs Hilfe */
.center {
  margin-left: auto;
  margin-right: auto;
}
.center-text {
  text-align: center;
}
.centerhv-flex {
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center;    /* vertikal */
}

/* flex Ausrichtung */
.flex {
  display: flex;
}
.flex.center {
  justify-content: center;
}
.flex.left {
  justify-content: flex-start;
}
.flex.right {
  justify-content: flex-end;
}
.flex.center-v {
  align-items: center;
}
.flex .center {
  justify-content: center;
}
.flex .left {
  justify-content: flex-start;
}
.flex .right {
  justify-content: flex-end;
}
.flex .center-v {
  align-items: center;
}

.maintenance-msg {
    display: flex;
}
.maintenance-msg span {
    font-weight: 700;
}
.maintenance-msg p {
  font-style: italic;
}