/*
* CSS Estepark
* responsive
* by dta 22.04.2023
*/
:root {
/* CSS-Variablen definieren oder ueberschreiben */
--d-color1: rgba(255, 255, 255, 0.9);
--d-color2: rgba(255, 255, 255, 0.55);
}
/* by Heinz 1.2.25
fix hochgeladene Bilder-Breite max
*/
img {
max-width: 100%;
max-height: 2500px;
}
#sidebar {
background: #FFF;
}
#sidebar nav a {
color: #555;
}
#sidebar nav a.active {
color: #a00;
}
#sidebar nav a:hover {
color: #a00;
}
#sidebar .mobil {
display: none;
}
#intro {
background-attachment: fixed;
background-image: url("/img/Gastraum.jpg");
background-position: top right;
background-repeat: no-repeat;
background-size: 100% 100%;
}
#intro img {
display:none;
width: 50%;
max-width: 200px;
padding-right: 3px;"
}
#intro .inner.mobil{
display: none;
}
.introtext {
display:block;
background:#3339;
color:#fff;
line-height: 1.8em;
padding:0.2em 0;
font-size:1.44em;
}
p {
color: var(--d-color2);
}
.spotlights > section:nth-child(2n+1) p {
color: var(--d-color1);
}
.typo {
font-family: Caveat;
}
.ico-restaurant:before {
content: "\1F374";
}
.ico-pizza:before {
content: "\1F355";
transform: rotate(-30deg);
}
.ico-party:before {
content: "\1F48E";
}
.ico-team:before {
content: "\1F44D";
}
.ico-kuli:before {
content: "\1F377";
}
.ico-motto:before {
content: "\26BD";
}
input.normal {
height: 1.2em;
width: auto;
display: initial;
}
form label i {
font-size: .6em;
font-weight: normal;
}
.halfcol {
width:49%;
padding: 1em 3em 1em 1em;
float: left;
font-size: 0.8em;
}
/* responsive Mobil */
@media screen and (max-width: 768px) {
#sidebar .mobil {
display: inline-block;
}
#sidebar.Mmenu0 .mobil {
display: none;
}
#intro {
background-attachment: fixed;
background-image: url("/img/Gastraum.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#intro img {
display:block;
}
#intro .inner {
display: none;
}
#intro .inner.mobil{
display: block;
}
.introtext {
display:inline-block;
background:#3339;
color:#fff;
line-height: 1.28em;
padding:0.2em 1em;
font-size:1.144em;
}
#intro p br:first-child {
display: none;
}
.halfcol {
width:100%;
padding: 1em 3em 1em 1em;
float: unset;
font-size: 0.8em;
}
#sidebar + #wrapper + #footer {
margin-left: 0;
}
.features section {
}
/* menu */
#header {
display: block;
padding: 0 10px 0 0;
text-align: right;
}
#header > nav {
border-top: solid 0px rgba(255, 255, 255, 0.15);
text-align: inherit;
margin-left: 60px;
}
#header > nav > ul > li a {
height: 1.2em;
line-height: 1.2em;
}
}
- © Untitled. All rights reserved.
- Design: HTML5 UP
