:root {
 font-size:1rem;
 font-family: Arial;
}
body {
 display: grid;
 gap: 0.1em;
}
header,
main,
aside,
footer {
 border-radius: 0.5em;
 border: thin solid black;
 padding: 5px;
}
header {
 grid-row: 1;
 background: #F1F3F4;
 border-color: #d5d5d5;
 grid-column-start: 1; 
 grid-column-end: 3; 
 grid-row-start: 1; 
 grid-row-end: 2; 
}
main {
 background: #ffede0;
 border-color: #df6c20;
}
footer {
 background: #A4C4F2;
 border-color: #df6c20;
}
aside {
 background: #ebf5d7;
 border-color: #8db243;
 position:sticky;
 top: 0;
 height: 100vh;
}
article {
 border-radius: 0.5em;
 border: thin solid;
 padding: 5px;
}
section {
 border-radius: 0.5em;
 border: thin solid;
 padding: 5px;
}
.reihen1 {
 grid-column-start: 1; 
 grid-column-end: 3; 
 grid-row-start: 2; 
}
.reihen2 {
 grid-template-columns: 90% 10%;
}
@media (max-width:700px) {.ansicht {grid-template-columns: auto;}}
@media (min-width:700px) and (max-width:1000px) {.ansicht {grid-template-columns: auto auto;}}
@media (min-width:1000px) and (max-width:1300px) {.ansicht {grid-template-columns: auto auto auto;}}
@media (min-width:1300px) and (max-width:1600px) {.ansicht {grid-template-columns: auto auto auto auto;}}
@media (min-width:1600px) {.ansicht {grid-template-columns: auto auto auto auto auto;}}

@media (max-width:500px) {.ansichtbike {grid-template-columns: auto;}}
@media (min-width:500px) and (max-width:1000px) {.ansichtbike {grid-template-columns: auto auto;}}
@media (min-width:1000px) and (max-width:1500px) {.ansichtbike {grid-template-columns: auto auto auto;}}
@media (min-width:1500px) and (max-width:2000px) {.ansichtbike {grid-template-columns: auto auto auto auto;}}
@media (min-width:2000px) {.ansichtbike {grid-template-columns: auto auto auto auto auto;}}

p, 
span,
div {
 padding:5px;
}
textarea {
 width:40%;
}
p{
margin: 5px;
}
h1,
h2,
h3,
h6{
margin: 10px;
}
.gallery {
 justify-items: center;
 align-items: center;
}
.container {
 display:inline-grid;
}
.ul {
 text-decoration:underline;
}
.ra {
 border:1px solid black;
}
.di {
 font-weight:bold;
}
.sec {
 border-radius:30%; 
 color:red;
}
.tac {
 text-align:center;
}
.ku {
 min-width:30px;
 max-width:40px;
 width: auto;
 text-align:center;
}
.la {
 padding:0px 2px 0px 2px;
 border:1px solid black;
 font-weight:bold;
 text-align:center;
}
img {
width:100%;
max-width:400px;
}
button,
input {
cursor: pointer;
}