148 lines
2.0 KiB
CSS
148 lines
2.0 KiB
CSS
* {
|
|
font-family: Arial;
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.bewertungen_mobile::after {
|
|
content: '\A' !important;
|
|
white-space: pre !important;
|
|
}
|
|
body{
|
|
background-color: #0a3622;
|
|
}
|
|
|
|
#form{
|
|
content: '\A';
|
|
white-space: pre;
|
|
}
|
|
|
|
#sterne{
|
|
content: '\A';
|
|
white-space: pre;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto !important;
|
|
}
|
|
|
|
.grid_bewertung {
|
|
display: grid;
|
|
grid-template-columns: 1fr!important;
|
|
}
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 200px auto 200px;
|
|
}
|
|
|
|
|
|
.grid_bewertung {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.speisen {
|
|
border: solid;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.speisen td {
|
|
border: solid;
|
|
border-collapse: collapse;
|
|
border-radius: 4px;
|
|
padding: 5px;
|
|
width: auto;
|
|
}
|
|
|
|
.speisen td:not(:first-of-type) {
|
|
text-align: center;
|
|
}
|
|
|
|
.speisen img{
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
|
|
.zahlen {
|
|
list-style-type: none;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
gap: 10px;
|
|
}
|
|
|
|
.zahlen p {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.formular {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
justify-content: start;
|
|
gap: 10px;
|
|
}
|
|
|
|
.wichtig {
|
|
text-align: center;
|
|
}
|
|
|
|
.wichtigListe {
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
.freude {
|
|
text-align: center;
|
|
}
|
|
|
|
footer {
|
|
border-top: 1px solid;
|
|
}
|
|
|
|
.fusszeile {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border: none;
|
|
}
|
|
|
|
.fusszeile td:first-child {
|
|
border-left: none;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.fusszeile td {
|
|
border-left: 3px solid;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
|
|
.bewertung{
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
|
|
.bewertung_hervorgehoben{
|
|
border-color: black;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
|