/*
 * CSS Estepark
 * responsive 
 * by dta 22.04.2023 
 */

:root {
/* CSS-Variablen fefinieren oder ueberschreiben */

--d-bgcolor2-test: #000;
}


#sidebar {
  background: #FF5A00;
  background: #FFF;
}
#sidebar nav a {
  color: #555;
}
#sidebar nav a.active {
  color: #a00;
}
#sidebar nav a:hover {
  color: #a00;
}

#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;"  
}

.introtext {
  display:block;
  background:#3339; 
  color:#fff; 
  line-height: 1.8em;
  padding:0.2em 0; 
  font-size:1.44em;
}

.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) {

#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;
}


.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;
}


}