body { overflow-y: auto;  overflow-x: clip; font-family: Verdana, Arial, Helvetica; margin: 0px; color: black; font-size: 16pt; background-image: linear-gradient(45deg, transparent, #3467b6 90%); }

li { line-height: 1.0; }

a:link      { color: red; text-decoration: none; font-weight: normal;}
a:visited   { color: red; text-decoration: none; font-style: italic; }
a:active    { color: orange; text-decoration:none; }
a:hover     { color: green; text-decoration:none; font-weight: normal; background-color: white; }
.farbe:hover  { background-color: #aEEAB0; }
.wichtig    { font-weight: bold; display: inline; }
.zentriert  { width: 100%; margin: auto auto; text-align: center; }
.rot        { color: red; }

.oben       { height: 100px; background-image: linear-gradient(90deg, transparent, #000000 90%); }
.logo       { position: absolute;  left: 4%; top:  5px; }
.menue-re   { position: absolute; right: 300px; top: 45px; }
.slogan     { position: absolute;  top: 15px; width: 100%; margin: auto auto; text-align: center; font-size: 22pt; font-style: italic; letter-spacing: 0.015em; color: white;}

.titel      { position: absolute; top: 3%; width: 100%; margin: auto auto; text-align: left; font-size: 24pt; font-style: italic; letter-spacing: 0.015em; display: inline; }
.text       { margin-top: 35px; margin-left: 120px; margin-right: 120px; height: 90vh; }
.haupt      { }
.haupt1     { position: absolute; top: 15%; left: 20%; }
.haupt3     { position: absolute; top: 400px; left:  30px; width: 850px; }

.erwin      { position: absolute; top:  50px; right:  20%; }
.eingang    { position: absolute; top:  10px; width: 100%; margin: auto auto; text-align: center; }
.karte      { position: absolute; top:  10%; left:  690px; }
.impressum  { position: absolute; top:  2%; right: 2%; font-size: 20pt; }
.unten      { position: absolute; bottom: 5px; width: 100%; ; background-color: #D8DFFf; border: 0px; text-align: center; font-size: 10pt; padding-top: 10px; padding-bottom: 10px; z-index: 1; }
.offen      { position: absolute; left: 2%;  top: 190px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.adresse    { position: absolute; left: 2%;  top:  20px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.adresse1   { position: absolute; left: 2%;  top: 10%; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.werkstatt  { position: absolute; top:  50px; right: 25%; }

.slideshow   { position: absolute; bottom: 40px; left: 0.3%; height: 80px; width: 97%; overflow: hidden;  border-width:0.1em; border-style: solid; border-color: blue; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; white-space: nowrap; animation: marquee 11s linear infinite; animation-direction: alternate-reverse; }
@keyframes marquee { 0% { text-indent: 900px } 100% { text-indent: -850px } }
.slideshow:hover {  animation-play-state: paused; 1 }


@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: Portrait )  {
body { font-family: Verdana, Arial, Helvetica; margin: 0px; color: black; font-size: 12pt; background-image: linear-gradient(45deg, transparent, #3467b6 90%); }
.logo       { display:none; }
.sport-re   { display:none; }
.titel      { position: absolute; top: 1%; width: 100%; margin: auto auto; text-align: center; font-size: 14pt; font-style: italic; }
.text       { margin-top: 35px; margin-left: 12px; margin-right: 12px; height: 100vh; }
.impressum  { position: absolute; top:  3%; right: 10px; font-size: 14pt; }
.slogan     { position: absolute;  right: 2%;   top: 5px; font-size: 12pt; font-style: italic; letter-spacing: 0.015em; color: white; }
.karte      { position: absolute; top: 400px; left: 5px; }
.adresse1   { position: absolute; left: 1%;  top: 5%; border: 1px; border-style: solid; border-radius: 5px; padding: 5px; }
.erwin      { display:none; }
.eingang    { display:none; }
.slideshow  { display:none; }
.offen      { position: absolute; left: 2%;  top: 220px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.adresse    { position: absolute; left: 2%;  top:  50px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.werkstatt  { display:none; }
}

@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape)  {
body { font-family: Verdana, Arial, Helvetica; color: black; font-size: 12pt; background-image: linear-gradient(45deg, transparent, #3467b6 90%); }
.logo       { display:none; }
.sport-re   { display:none; }
.titel      { position: absolute; top: 1%; width: 100%; margin: auto auto; text-align: center; font-size: 14pt; font-style: italic; }
.slogan     { position: absolute;  right: 2%;   top: 5px; font-size: 12pt; font-style: italic; letter-spacing: 0.015em; color: white; }
.impressum  { position: absolute; top:  3%; right: 10px; font-size: 14pt; }
.text       { margin-top: 35px; margin-left: 12px; margin-right: 12px; height: 100vh; }
.karte      { position: absolute; top: 400px; left: 5px; }
.adresse1   { position: absolute; left: 1%;  top: 5%; border: 1px; border-style: solid; border-radius: 5px; padding: 5px; }
.erwin      { display:none; }
.eingang    { display:none; }
.offen      { position: absolute; left: 2%;  top: 220px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.adresse    { position: absolute; left: 2%;  top:  50px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.werkstatt  { display:none; }
.slideshow  { display:none; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation:portrait) {
body { font-family: Verdana, Arial, Helvetica; color: black; font-size: 12pt; background-image: linear-gradient(45deg, transparent, #3467b6 90%); }
.logo       { display: none; }
.sport-re   { display:none; }
.titel      { position: absolute; top: 1%; width: 100%; margin: auto auto; text-align: center; font-size: 14pt; font-style: italic; }
.impressum  { position: absolute; top:  3%; right: 10px; font-size: 14pt; }
.slogan     { position: absolute;  right: 2%;   top: 5px; font-size: 12pt; font-style: italic; letter-spacing: 0.015em; color: white; }
.text       { margin-top: 35px; margin-left: 12px; margin-right: 12px; height: 100vh; }
.karte      { position: absolute; top: 400px; left: 5px; }
.adresse1   { position: absolute; left: 1%;  top: 5%; border: 1px; border-style: solid; border-radius: 5px; padding: 5px; }
.erwin      { display:none; }
.eingang    { display:none; }
.offen      { position: absolute; left: 2%;  top: 220px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.adresse    { position: absolute; left: 2%;  top:  50px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.werkstatt  { display:none; }
.slideshow  { display:none; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation:landscape)  {
body { font-family: Verdana, Arial, Helvetica; color: black; font-size: 12pt; background-image: linear-gradient(45deg, transparent, #3467b6 90%); }
.logo       { display:none;  }
.sport-re   { display:none; }
.slogan     { position: absolute;  right: 2%;   top: 5px; font-size: 12pt; font-style: italic; letter-spacing: 0.015em; color: white; }
.impressum  { position: absolute; top:  3%; right: 10px; font-size: 14pt; }
.titel      { position: absolute; top: 1%; width: 100%; margin: auto auto; text-align: center; font-size: 14pt; font-style: italic; }
.text       { margin-top: 35px; margin-left: 12px; margin-right: 12px; height: 100vh; }
.karte      { position: absolute; top: 400px; left: 5px; }
.adresse1   { position: absolute; left: 1%;  top: 5%; border: 1px; border-style: solid; border-radius: 5px; padding: 5px; }
.erwin      { display:none; }
.eingang    { display:none; }
.offen      { position: absolute; left: 2%;  top: 220px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.adresse    { position: absolute; left: 2%;  top:  50px; border: 1px; border-style: solid; border-radius: 5px; padding: 10px; }
.werkstatt  { display:none; }
.slideshow  { display:none; }
}