/* Boutique Bits & Pieces – Basis-Styles. Alles weitere steht direkt an den Elementen. */
body { margin: 0; }
a { color: #6B6949; text-decoration: none; transition: color .14s cubic-bezier(.33,.02,.24,1); }
a:hover { color: #B3625C; }
img { display: block; }
input[type="text"], input[type="email"] { transition: border-color .14s ease; }
input[type="text"]:focus, input[type="email"]:focus { border-color: #6B6949; }
input[type="checkbox"] {
  appearance: none; -webkit-appearance: none; margin: 3px 0 0; flex: 0 0 auto;
  width: 17px; height: 17px; border: 1px solid #CFCDC6; border-radius: 2px;
  background: #F7F6F3; cursor: pointer;
}
input[type="checkbox"]:checked { background: #6B6949; border-color: #6B6949; }
input[type="checkbox"]:checked::after {
  content: ""; display: block; width: 9px; height: 5px; margin: 3px auto 0;
  border-left: 1.5px solid #F7F6F3; border-bottom: 1.5px solid #F7F6F3; transform: rotate(-45deg);
}
:focus-visible { outline: 1px solid #6B6949; outline-offset: 2px; }
.btn {
  font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px;
  letter-spacing: .14em; text-transform: uppercase; height: 48px; padding: 0 24px;
  background: #6B6949; color: #F7F6F3; border: 1px solid #6B6949; border-radius: 2px;
  cursor: pointer; transition: border-color .14s ease, opacity .14s ease;
}
.btn:hover { border-color: #B3625C; }
.btn:active { transform: scale(.985); }
.btn:disabled { opacity: .4; cursor: not-allowed; }
.btn:disabled:hover { border-color: #6B6949; }
@media (max-width: 900px) {
  .grid-2, .grid-3 { grid-template-columns: 1fr !important; }
}