@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Pages/Home.razor.rz.scp.css */
.main[b-t4zi2vhb6x] {
  display: grid;
  grid-template-areas:
    "suchep  controlp"
    "ergp    ergp"
    "infoDiv infoDiv";
  grid-template-rows: 4.86vh 90.05vh 5.079vh;
  height: 100vh;
  overflow: hidden;
}

.infoDiv[b-t4zi2vhb6x] {
  grid-area: infoDiv;
  overflow: auto;
}

text[b-t4zi2vhb6x] {
  font-weight: bold;
}

.badge[b-t4zi2vhb6x] {
  background-color: #808080; /* Grauer Hintergrund */
  color: white; /* Weiße Schrift */
  padding: 5px 10px; /* Padding rund um den Text */
  border-radius: 10px; /* Runde Ecken */
  display: inline-block; /* Damit es sich wie ein inline-Element verhält */
  font-size: 1em; /* Passende Schriftgröße */
  font-family: Arial, sans-serif; /* Schriftart */
  margin: 2px 5px 2px 5px;
  cursor: pointer;
}

.suche[b-t4zi2vhb6x] {
  display: flex;
  align-items: center;
  height: 100%;
  column-gap: 10px;
  margin-left: 0.25rem;
}

.table[b-t4zi2vhb6x] {
  border-collapse: collapse;
  width: 100%;
}

  .table th[b-t4zi2vhb6x],
  .table td[b-t4zi2vhb6x] {
    padding: 0.5rem;
    height: auto; /* Make sure the height is automatically adjusted */
  }

  .table td[b-t4zi2vhb6x] {
    white-space: nowrap;
  }

  .table th[b-t4zi2vhb6x] {
    position: relative;
    user-select: none;
    text-overflow: ellipsis;
    text-align:center;
    vertical-align:top;
  }

thead[b-t4zi2vhb6x] {
  position: sticky;
  top: -1px;
  z-index: 15;
  background-color: aliceblue;
}

th[b-t4zi2vhb6x] {
  background-color: aliceblue;
  top: 0;
  position: sticky;
  text-overflow:ellipsis;
  z-index: 10;
  position: relative; /* Ensures resizer positions correctly */
}

.resizer[b-t4zi2vhb6x] {
  width: 8px;
  cursor: col-resize;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%; 
  z-index: 20; 
  background-color: #009483;
}

.ergp th[b-t4zi2vhb6x],
.ergp td[b-t4zi2vhb6x] {
  overflow: hidden;
  font-size: large;
  font-weight: bold;
  text-overflow: ellipsis;
  text-align: left;
  min-width: 6rem;
  max-width: 15rem;
}

  .ergp td:nth-child(1)[b-t4zi2vhb6x] {
    text-align: left;
    background-color: #EBEBEB;
    position: sticky;
    left: 0;
    z-index: 5;
    min-width: 13rem;
    max-width: 13rem;
  }

  .ergp th:nth-child(1)[b-t4zi2vhb6x] {
    background-color: aliceblue;
    left: 0;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 15;
    min-width: 13rem;
    max-width: 13rem;
  }

  .ergp td:nth-child(2)[b-t4zi2vhb6x] {
    background-color: #FFF;
    left: 13rem;
    position: sticky;
    text-align: left;
    z-index: 5;
    min-width: 13rem;
    max-width: 13rem;
  }

  .ergp th:nth-child(2)[b-t4zi2vhb6x] {
    background-color: aliceblue;
    left: 13rem;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 15;
    min-width: 13rem;
    max-width: 13rem;
  }
  .ergp th:nth-child(4)[b-t4zi2vhb6x] {
    background-color: aliceblue;
    left: 26rem;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 15;
    min-width: 6rem;
    max-width: 8.5rem;
  }
  .ergp td:nth-child(4)[b-t4zi2vhb6x] {
    background-color: #FFF;
    left: 26rem;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 5;
    min-width: 6rem;
    max-width: 8.5rem;
  }
  .ergp th:nth-child(4)[b-t4zi2vhb6x], td:nth-child(4)[b-t4zi2vhb6x],
  .ergp th:nth-child(5)[b-t4zi2vhb6x], td:nth-child(5)[b-t4zi2vhb6x],
  .ergp th:nth-child(6)[b-t4zi2vhb6x], td:nth-child(6)[b-t4zi2vhb6x]{
    width: fit-content;
  }

td.preis[b-t4zi2vhb6x] {
  text-align:center;
}

.suchep[b-t4zi2vhb6x] {
  grid-area: suchep;
}

.control[b-t4zi2vhb6x] {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: end;
  margin-right: 0.25rem;
}

.controlp[b-t4zi2vhb6x] {
  grid-area: controlp;
}

.ergp[b-t4zi2vhb6x] {
  grid-area: ergp;
  overflow: auto;
  border-bottom: 3px solid royalblue;
  margin-bottom: 5px;
}

.suchev[b-t4zi2vhb6x] {
  grid-area: suchev;
  display: none;
}

.controlv[b-t4zi2vhb6x] {
  grid-area: controlv;
  display: none;
}

.ergv[b-t4zi2vhb6x] {
  grid-area: ergv;
  overflow: auto;
  display: none;
}

thead[b-t4zi2vhb6x] {
  background-color: aliceblue;
}

.suche input[b-t4zi2vhb6x] {
  outline: none;
  border: none;
  border-bottom: 1px solid royalblue;
  width: 6rem;
}

.modalheader[b-t4zi2vhb6x] {
  font-weight: bold;
}

.scrollable-box[b-t4zi2vhb6x] {
  max-height: 15rem;
  overflow-y: auto;
}

#snackbarfail[b-t4zi2vhb6x] {
  visibility: hidden;
  height: 0;
  min-width: 250px;
  margin-left: -125px;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  z-index: 0;
  display: none;
  left: 50%;
  top: 40px;
}

  #snackbarfail.show[b-t4zi2vhb6x] {
    visibility: visible; /* Show the snackbar */
    height: 3.5rem;
    font-size: larger;
    font-weight: bold;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    background-color: darkred;
    position: absolute;
    z-index: 1100;
    color: white;
    display: block;
  }

.dark[b-t4zi2vhb6x] {
  background-color: #EBEBEB;
}

.bright[b-t4zi2vhb6x] {
  background-color: white;
}

th[b-t4zi2vhb6x] {
  position: relative;
  user-select: none;
  background-color: aliceblue;
  top: 0;
  z-index: 10;
  padding-right: 4rem;
}
/* /Pages/Info.razor.rz.scp.css */
img[b-8zh3oy6e59] {
  border: 1px solid black;
  margin-bottom: 1rem;
}

h5[b-8zh3oy6e59] {
  font-size:1.75rem;
}

p[b-8zh3oy6e59] {
  font-size:1.5rem;
}
/* /Pages/OutOfRange.razor.rz.scp.css */
.container-fluid[b-jbqbg9zv5b] {
  width: 90%;
  margin: 0 auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: large;
  font-weight: bold;
}

table.table[b-jbqbg9zv5b] {
  border-collapse: collapse;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: white;
}

thead[b-jbqbg9zv5b] {
  position:sticky;
  top:0;
}

thead th[b-jbqbg9zv5b] {
  background-color: #4CAF50;
  color: white;
  text-align: left;
  padding: 10px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
}

tbody td[b-jbqbg9zv5b] {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 0.9rem;
}

tbody tr:nth-child(even)[b-jbqbg9zv5b] {
  background-color: #f2f2f2;
}

tbody tr:hover[b-jbqbg9zv5b] {
  background-color: #e0f7fa;
}

th[b-jbqbg9zv5b], td[b-jbqbg9zv5b] {
  text-align: left;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th[b-jbqbg9zv5b] {
  background-color: #4CAF50;
  color: white;
}

td[b-jbqbg9zv5b] {
  text-align: left;
}

table.table-striped[b-jbqbg9zv5b] {
  border-radius: 8px;
  overflow: hidden;
  border-spacing: 0;
  border-collapse: collapse;
}

  table.table-striped th[b-jbqbg9zv5b], table.table-striped td[b-jbqbg9zv5b] {
    padding: 12px 15px;
    text-align: left;
  }

.table-striped tbody tr:hover[b-jbqbg9zv5b] {
  background-color: #f1f1f1;
}

tbody td[b-jbqbg9zv5b] {
  font-size: large;
  font-weight:bold;
}

td[b-jbqbg9zv5b] {
  padding: 12px;
}

  td:last-child[b-jbqbg9zv5b] {
    text-align: right;
  }
/* /Pages/PriceUpdate.razor.rz.scp.css */
.container-fluid[b-u7bk8uw2er] {
  width: 90%;
  margin: 0 auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: large;
  font-weight: bold;
}

.head[b-u7bk8uw2er] {
  padding: 5px;
  background-color: #e8f5e9;
  border-radius: 8px;
  margin-bottom: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

  .head .row[b-u7bk8uw2er] {
    display: flex;
    align-items: center;
  }

  .head p[b-u7bk8uw2er], .head label[b-u7bk8uw2er] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
  }

.form-control[b-u7bk8uw2er] {
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

button.btn-primary[b-u7bk8uw2er], button.btn-success[b-u7bk8uw2er] {
  border-radius: 4px;
  padding: 5px 10px;
}

button.btn-primary[b-u7bk8uw2er] {
  background-color: #4CAF50;
  border: none;
  color: white;
}

button.btn-success[b-u7bk8uw2er] {
  background-color: #388E3C;
  border: none;
  color: white;
}

button:hover[b-u7bk8uw2er] {
  opacity: 0.9;
}

table.table[b-u7bk8uw2er] {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: white;
}

thead th[b-u7bk8uw2er] {
  position:sticky;
  top:0;
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
}

tbody td[b-u7bk8uw2er] {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

th[b-u7bk8uw2er], td[b-u7bk8uw2er] {
  padding: 8px;
  max-width: 15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

  td input.form-control[b-u7bk8uw2er] {
    max-width: 100px;
    text-align: right;
  }

tbody td span.oi[b-u7bk8uw2er] {
  color: #d9534f;
  cursor: pointer;
}

td > span[b-u7bk8uw2er] {
  text-align:center;
}

table.table-striped[b-u7bk8uw2er] {
  border-radius: 8px;
  overflow: hidden;
  border-spacing: 0;
  border-collapse: collapse;
}

  table.table-striped th[b-u7bk8uw2er], table.table-striped td[b-u7bk8uw2er] {
    padding: 12px 15px;
  }

.table-striped tbody tr:hover[b-u7bk8uw2er] {
  background-color: #f1f1f1;
}

td:last-child[b-u7bk8uw2er], th:last-child[b-u7bk8uw2er] {
  text-align: center;
}

/* /Pages/ScrapeStart.razor.rz.scp.css */
body[b-l6e5kog0jw] {
  margin: 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #f4f7fb 0%, #e9eff6 100%);
  font-family: "Segoe UI", Arial, sans-serif;
  color: #1f2a37;
}

.container[b-l6e5kog0jw] {
  width: min(100%, 560px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 40px 32px;
  background: #ffffff;
  border: 1px solid #d8e1ec;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(19, 44, 74, 0.08);
}

.title[b-l6e5kog0jw] {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: 600;
  color: #16324f;
  text-align: center;
  letter-spacing: 0.2px;
}

.primary[b-l6e5kog0jw] {
  min-width: 220px;
  padding: 12px 22px;
  border: none;
  border-radius: 10px;
  background: #0f4c81;
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
  box-shadow: 0 8px 20px rgba(15, 76, 129, 0.18);
}

  .primary:hover[b-l6e5kog0jw] {
    background: #0c3d68;
    transform: translateY(-1px);
  }

  .primary:active[b-l6e5kog0jw] {
    transform: translateY(0);
  }

.result[b-l6e5kog0jw] {
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  background: #f7fafd;
  border: 1px solid #d8e1ec;
  box-sizing: border-box;
}

  .result pre[b-l6e5kog0jw] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: center;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.95rem;
    color: #2a3b4f;
  }

@media (max-width: 640px) {
  .container[b-l6e5kog0jw] {
    margin: 20px;
    padding: 28px 20px;
    width: 90dvw;
  }

  .title[b-l6e5kog0jw] {
    font-size: 1.7rem;
  }

  .primary[b-l6e5kog0jw] {
    width: 100%;
  }
}