body {
  font-family: Arial, sans-serif;
  margin: 0;
  background: #f6f6f6;
  color: #222;
}

.wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
}

.box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 18px;
  margin: 18px 0;
}

label {
  display: block;
  font-weight: 600;
  margin: 12px 0;
}

input, textarea, button {
  font: inherit;
}

input, textarea {
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 8px;
}

button {
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  padding: 10px 14px;
  background: #222;
  color: #fff;
}

button:hover {
  opacity: .9;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.radio-row {
  display: flex;
  gap: 24px;
  margin: 16px 0;
}

.radio-row label {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
}

.radio-row input {
  width: auto;
  margin: 0;
}

.artikel {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}

.artikel:last-child {
  border-bottom: 0;
}

.add {
  display: flex;
  gap: 8px;
  align-items: center;
}

.add input {
  width: 90px;
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  background: #fff;
}

th, td {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

td input {
  width: 100px;
  margin: 0;
}

.muted {
  color: #666;
}

.error {
  color: #b00020;
  font-weight: 700;
}

.hidden {
  display: none;
}

@media (max-width: 800px) {
  .grid {
    grid-template-columns: 1fr;
  }

  .artikel {
    display: block;
  }

  .add {
    margin-top: 12px;
  }

  table {
    display: block;
    overflow-x: auto;
  }
}


.versand-box {
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 10px;
  padding: 14px;
  margin: 18px 0;
}

.versand-box h3 {
  margin-top: 0;
}


/* Futterplanet Shop-Anpassung: freundlicher Website-Look */
body{background:transparent!important;color:#f5f5f2!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.wrap{max-width:1120px;margin:0 auto;padding:2rem 1.2rem 4rem;}
.box,.artikel{background:rgba(31,33,30,.90)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;box-shadow:0 18px 44px rgba(0,0,0,.30)!important;}
.box{padding:1.4rem;margin:1.2rem 0;}
h1,h2,h3{color:#76f286!important;}
.muted{color:#e2e6de!important;}
button{background:#40e85a!important;color:#101410!important;border:2px solid #40e85a!important;border-radius:999px!important;font-weight:700!important;}
input,textarea{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;}
a{color:#78f28a!important;}

/* Vorricht-Bestellung: Hersteller zuerst, freundlicher und ohne Preise */
.intro-text{font-size:1.05rem;line-height:1.65;}
.hinweis-box{border-color:rgba(118,242,134,.45)!important;}
select{
  width:100%;
  min-height:260px;
  box-sizing:border-box;
  margin-top:6px;
  padding:10px;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font:inherit;
}
select option{padding:8px;color:#111;background:#fff;}
.artikel-liste{max-height:560px;overflow-y:auto;padding-right:4px;}
.success{color:#76f286;font-weight:700;}
td textarea{min-width:220px;width:100%;margin:0;}