.crop {
overflow: hidden;
object-fit: cover;
object-position: left;
}
h1 {
color: #333;
}
.error {
font-size: clamp(15px, 2vw, 20px);
background: rgb(241, 241, 172);
color: #900;
padding: 0.5rem;
margin-bottom: 1rem;
}
.sucs {
font-size: clamp(15px, 2vw, 20px);
background: rgb(196, 255, 156);
color: rgb(0, 23, 153);
padding: 0.5rem;
margin-bottom: 1rem;
}
a {
text-decoration: none;
color: #0066cc;
}
b {
color: #003bfc;
font-weight: normal;
font-size: clamp(10px, 2vw, 20px);
display: block;
margin-bottom: 1rem;
}
button[type=submit] {
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #036e47;
color: white;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
height: 50px;
width: 115px;
font-size: clamp(14px, 2vw, 20px);
border-radius: 5px;
}
button[type=submit].Korb {
height: clamp(30px, 2vw, 50px);
}
button[type=submit].btnWK {
color: black;
background-color:lightsalmon;
border: 4px solid red;
font-weight: bold;
width: auto;
padding: 5px;
}
button[type=submit].Favo {
width: 50px;
font-size: clamp(14px, 2vw, 20px);
background-color: #e4e4e4;
border-radius: 5px;
height: clamp(30px, 2em, 50px);
}
button[type=submit].Clon {
color: blue;
background-color:rgb(246, 255, 122);
width: 110px;
height: 30px;
}
.butBlue {
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
width: 18vw;
font-size: clamp(14px, 2vw, 22px);
color: #fff;
background: #007bff;
border: 2px solid rgb(248, 136, 8);
border-radius: 5px;
text-decoration: none;
cursor: pointer;
text-align: center;
}
.butBlueA {
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
width: 18vw;
font-size: clamp(14px, 2vw, 22px);
color:yellow;
border: 6px solid rgb(248, 8, 8);
border-radius: 5px;
text-decoration: none;
cursor: pointer;
text-align: center;
background: #0004e2;
}
.ButCatalog {
color: black;
background: #fefeff;
border: 1px solid rgb(0, 0, 0);
border-radius: 5px;
text-decoration: none;
cursor: pointer;
text-align: left;
padding-left: 20px;
font-size: 22px;
height: 60px;
width: clamp(400px, 50%, 80%);
}
.ButCatalog:hover,
.ButCatalog:focus {
background: #a8cdf5;
}
input[type=submit], input {
width: 70px;
font-size: clamp(14px, 2vw, 22px);
text-align: center;
}
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-family: sans-serif;
text-align: center;
font-size: clamp(14px, 2vw, 22px);
align-items: center;
}
th, td {
background: white;
border: 1px solid #0c0c0c;
}
thead th {
position: sticky;
top: 0;
background: #d2fce5;
z-index: 2;
}
.button-wrapper {
display: flex;
gap: 2vw;
align-items: center;
}
.Nbtn {
width: 50px;
border: 2px solid rgb(0, 0, 0);
font-size: 30px;
font-weight: bold;
background-color: #f8f68f;
border-radius: 5px;
height: 50px;
}
.Nbtn-plus {
color: green
}
.Nbtn-minus {
color: red
}
.agb {
color: rgb(162, 0, 202);
background-color: rgba(255, 255, 255, 0.356);
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
border: 1px solid #0c0c0c;
display: inline-block;
cursor: pointer;
margin: auto;
}
.agb-top {
color: #0c0c0c;
font-size: 20px;
}
.agb-agb {
padding: 10px 23px;
}
.onlyDigits {
font-weight: bold;
width: 70px;
}