section.bestellung * {
	font-family: sans-serif;
    font-size: 15px;
}
	
section.bestellung h1 {  
    font-size: 24px;
    padding-bottom: 0.25em;
    border-bottom: 1px dotted #CCC;
}

section.bestellung h2 {  
    font-size: 20px;
    padding-bottom: 0.25em;
    border-bottom: 1px dotted #CCC;
}



section.bestellung h3 {  font-size: 20px; }
	
section.bestellung .container {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;	  
}
	
.bestell-grid {
	--auto-grid-min-size: 240px;    
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: 1rem;
	margin:0 !important;
    padding: 0 !important;
}
	  
li.bestellbox {
	padding: 1rem 1rem;
	text-align: center;
	font-size: 1rem;
	background: #efefef;
	list-style: none;
	margin:0;
	display: flex; /* or inline-flex */
	flex-direction: row;
	align-items: stretch;
    border: 1px solid #eee;
	
}

.bestellbox-image {
	object-fit: contain;
	width: 100%;
	padding-bottom: 100%;
	background-color: #eee;    
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 2em;
}

.bestellung-anzahl {
	background-color: #ffffff;
	padding: 0.5em 1em;
	font-size: 15px;
	margin-top: 2em;
}  
  
.bestellung-anzahl input {
	padding: 10px;
	width: 80px;
}

.bestellung-figure {
	flex-grow: 1;
}

.bestellung-description {
	flex-grow: 3;
}

.bestellung-description h3 {
	font-size: 18px;
}

.bestellung-anzahl {
	flex-grow: 1;
}	
	
.form-grid {
	--auto-grid-min-size: 400px;    
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: 1rem;
	margin:0;
}


.bestellform {
    padding: 1em 2em 2em;
    background-color: #efefef;
    margin-bottom: 4em;
	margin-top: 4em;
}

.bestellform label {
    display: block;
    margin: 1em 0 0.5em;
}

.bestellform input[type="text"],
.bestellform input[type="email"] {
    display: block; 
    width: 90%;
    padding: 5px 8px;
    background-color: #fff;
}

.bestellform button.btn {
    padding: 0.7em 1.5em !important;
    background-color: #333;
    color: white;
    border: 0;
	height: auto !important;
}

.inputdescription a {
    display: block;
    text-decoration: none;
    color:red;
    margin: 20px 0;
}


.remail { 
	position: fixed;
	width: 700px;
	height: auto; 
	top: 0;
	left: -1500px;
}
