@media (max-width: 480px) {
  .card .body .grid-row {
    padding: 0px;
  }
  #btnArbeitszeitErfassen {
    width: 100%;
  }
  #arbeitszeiterfassung button.fullwidth,
  .loginform button {
    width: 100%;
  }
  .dui-layout-content {
    padding-left: 4px;
    padding-right: 4px;
  }
  .dui-card-body {
    padding: 8px;
  }
}
.dui.dui-accent-nextime {
  --dui-accent-clr: var(--dui-clr-red);
  --dui-accent-text-color: var(--dui-clr-white);
  accent-color: #000;
}

.dui[class*=dui-accent-nextime] {
  --dui-accent-l-5: var(--dui-clr-red-l-5);
  --dui-accent-l-4: var(--dui-clr-red-l-4);
  --dui-accent-l-3: var(--dui-clr-red-l-3);
  --dui-accent-l-2: var(--dui-clr-red-l-2);
  --dui-accent-l-1: var(--dui-clr-red-l-1);
  --dui-accent: #ca2327;
  --dui-accent-d-1: var(--dui-clr-red-d-1);
  --dui-accent-d-2: var(--dui-clr-red-d-2);
  --dui-accent-d-3: var(--dui-clr-red-d-3);
  --dui-accent-d-4: var(--dui-clr-red-d-4);
  --dui-form-field-readonly-background: rgb(235, 235, 235);
  --dui-form-field-wrapper-padding: 2px;
  --du-default-font-family: "Tahoma",	sans-serif;
}
.dui[class*=dui-accent-nextime] .dui-layout-content {
  background: rgb(247, 188, 188);
  background: linear-gradient(195deg, rgb(247, 188, 188) 0%, rgb(255, 255, 255) 100%);
}
.dui[class*=dui-accent-nextime] .loginform .dui-card {
  box-shadow: 0 0 20px -5px;
  border-radius: 10px;
}
.dui[class*=dui-accent-nextime] .dui-block-header {
  margin-top: 10px;
  margin-bottom: 0px;
}
.dui[class*=dui-accent-nextime] .dui-btn {
  margin-right: 4px;
  margin-top: 4px;
}
.dui[class*=dui-accent-nextime] #digix-logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 8vh;
  margin-bottom: 2vh;
  max-width: 290px;
}
.dui[class*=dui-accent-nextime] .dui-btn {
  white-space: unset;
}
.dui[class*=dui-accent-nextime] .dui-btn .dui-btn-body {
  overflow: unset;
  white-space: unset;
}
.dui[class*=dui-accent-nextime] .dui-btn .dui-btn-body .dui-btn-text {
  height: unset;
}
.dui[class*=dui-accent-nextime] #pflichtfeldhinweis.dui-label {
  white-space: unset;
  font-size: 0.8rem;
}
.dui[class*=dui-accent-nextime] .dui-time-picker {
  border: none;
}
.dui[class*=dui-accent-nextime] .dui-time-picker .dui-timepicker-selectors {
  padding: 0;
}
.dui[class*=dui-accent-nextime] .dui-card-main-title,
.dui[class*=dui-accent-nextime] .dui-field-input {
  white-space: normal;
}

.dui-form-field {
  margin: 0;
}

.dui-form-checkbox:not(.dui-hide-label) .dui-field-label:empty {
  display: none;
}

.rating {
  padding-bottom: 1em;
}
.rating div.gold label {
  color: gold;
}
.rating .dui-field-input-wrapper {
  display: block;
  margin-left: 2em;
}

.applicationControllersmartdeals .dui-card-body {
  padding: 0;
}
.applicationControllersmartdeals .dui-card-body .dui-thumbnail:hover, .applicationControllersmartdeals .dui-card-body .dui-thumbnail:focus {
  border: none;
}
.applicationControllersmartdeals .smartdeals-thumbnail-relative {
  position: relative;
}
.applicationControllersmartdeals .smartdeals-overlay-bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px; /* Adjust bar thickness as needed */
  background: rgba(128, 128, 128, 0.4); /* semi-transparent grey */
  pointer-events: none; /* allow clicks to pass through */
  animation: smartdeals-bar-move 2.5s linear infinite alternate;
  z-index: 2;
}
@keyframes smartdeals-bar-move {
  0% {
    top: 0;
  }
  100% {
    top: calc(100% - 30px); /* 20px = bar height */
  }
}
.applicationControllersmartdeals .smartdeals-flip-box {
  background-color: transparent;
  height: 70dvh;
  perspective: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  padding-left: 1em;
  padding-right: 1em;
}
.applicationControllersmartdeals .smartdeals-flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.applicationControllersmartdeals .smartdeals-flip-box.flipped .smartdeals-flip-box-inner {
  transform: rotateY(180deg);
}
.applicationControllersmartdeals .smartdeals-flip-box-front, .applicationControllersmartdeals .smartdeals-flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.applicationControllersmartdeals .smartdeals-flip-box-front {
  background-color: transparent;
}
.applicationControllersmartdeals .smartdeals-flip-box-back {
  background-color: transparent;
  transform: rotateY(180deg);
}
.applicationControllersmartdeals .smartdeals-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.unterschriftContainer {
  /* Set the container as a flex container */
  display: flex;
  /* Stack elements vertically (canvas, then button/text) */
  flex-direction: column;
  /* Establish a positioning context for absolute children (the button) */
  position: relative;
  /* Optional: Set a specific width/max-width if needed */
  max-width: 400px;
}

.unterschriftContainer canvas {
  /* Ensure the canvas is the first item and takes its defined space */
  width: 100%; /* Or just 400px as defined in HTML */
  height: 200px; /* Or just 200px as defined in HTML */
  margin-bottom: 5px; /* Add a small space above the text */
}

.unterschriftContainer small {
  /* Center the text horizontally within the available space */
  text-align: center;
  /* Adjust text size/color as needed */
  font-size: 0.75rem;
  color: #555;
  /* Push the text to the bottom of the column (if other elements were below it) */
  margin-top: auto;
}

.unterschriftContainer button {
  /* Take the button out of the normal flow */
  position: absolute;
  /* Position it relative to the .unterschriftContainer (its nearest positioned ancestor) */
  top: 5px; /* Adjust this value to place it below the canvas or aligned with the canvas bottom */
  right: 5px; /* Position from the right edge of the container */
  /* Add z-index if you are concerned about it being covered by the canvas or other elements */
  z-index: 10;
}

/*# sourceMappingURL=digix.nocache.css.map */