.energiemonitor-disabled {
  box-sizing: border-box;
  min-height: 300px;
  position: relative;
  clear: both;
  padding: calc(var(--base-size) * 3);
  background: var(--color-light);
  border: 1px solid var(--color-medium);
  cursor: pointer;
}
.energiemonitor-disabled::before {
  content: 'Klicken Sie bitte hier, um den externen Energiemonitor zu aktivieren. Im Cookie-Dialog muss der Reiter "Externe Inhalte" aktiviert werden.';
  display: block;
  text-align: center;
  font-weight: bold;
  position: absolute;
  cursor: pointer;
  left: calc(var(--base-size) * 3);
  right: calc(var(--base-size) * 3);
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 48em) {
  .energiemonitor-disabled::before {
    left: calc(var(--base-size) * 1);
    right: calc(var(--base-size) * 1);
    font-size: calc(var(--base-size) * 0.85);
  }
}
.energiemonitor-disabled:hover::before {
  opacity: 0.85;
}
.en .energiemonitor-disabled::before {
  content: 'Please click here to activate the external energy monitor. The "External content" tab must be activated in the cookie dialog.';
}

.energiemonitor-widget {
  margin-bottom: calc(var(--base-size) * 5);
}

/*
 * Ensures that the loaded custom element uses the full available width,
 * even when parent elements use floats.
 */
.energiemonitor-preview {
  height: 1px;
  overflow: hidden;
  opacity: 0.01;
}

.energiemonitor-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.energiemonitor-container energiemonitor-widget {
  display: block;
  width: 100%;
  max-width: 100%;
}

/*# sourceMappingURL=energiemonitor.css.map */