:root {
  --base-font-size: 1em;
}

html {
position: relative;
width: 100%;
margin: 0;
font-size: 100%;

}

 /* Skip Link */
    .skip-link {
      position: absolute;
      top: -40px;
      left: 0;
      background: #000;
      color: #fff;
      padding: 8px 16px;
      z-index: 100;
      transition: top 0.3s;
    }
    .skip-link:focus { top: 0; }
    
body {
position: relative;
width: 100%;
margin: 0;
background-color: #FFFBF5;
font-family: Helvetica,Arial,sans-serif;
}

#head {
position: relative;
background-color: #fecf75;
z-index: 100;
width: 100%;
}

#logo { 
width: 100%;
max-width: 500px;
height: auto;
top:50%; 
left:50%;
margin: auto;
}

#logo img {
width: 100%;
max-width: 500px;
height: auto;
}

#slider {
position: relative;
width: 100%;
max-width: 100%;
height: auto;

}

#slider img {
position: relative;
width: 100%;
height: auto;
max-width: 100%;
}


div#content {
	margin: auto;
margin-bottom: 20px;
width: 95%;
background-color: #FFFBF5;
position: relative;
}

main#content {
	margin: auto;
margin-bottom: 20px;
width: 95%;
background-color: #FFFBF5;
position: relative;
}

table.speisekarte td {
	position: relative;
	padding-bottom: 7px;
padding-right: 20px;
width: 100%;
line-height: 20px;
vertical-align: top;

}


div.skblock {
float: left;
width: 100%;
max-width: 600px;

margin-bottom: 20px;
position: relative;
}

p {
	line-height: 110%;
	font-weight: 400; 
	font-size: 1em;
	padding: 0.4em 0;
text-align: left;
hyphens: auto;                
  -webkit-hyphens: auto;      
  -ms-hyphens: auto;    
    color: #000000;

}
h1 {
color: #F0A800;
	font-size: 1.5em;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0.2em 0 1.2em 0;

}

ul.aufzaehlung li {
 font-size: 1em;
 margin-left: 10px;
color: #696969;
list-style:square;

}

.linksfluss {
float: left;
margin-top: .5em;
margin-right: 1.5em;
margin-bottom: 1em;
}


.rechtsfluss {
float: right;
margin-top: .5em;
margin-left: 1.5em;
margin-bottom: 1em;
}


.keinfluss {
clear:both;
}

img {
width: 100%;
max-width: 300px;
}




footer {
position: relative;
background-color: #fecf75;
width: 100%;
clear:both;
z-index: 100;
margin: auto;
text-align: center;
}

footer p {
text-align: center;
font-size: 1em;
}



footer nav[aria-label="Sitemap"] a,
footer nav[aria-label="Rechtliche Hinweise"] a {
  
}

/* Unterkunft-Galerie, Bilder nicht global begrenzen */
.ue-img { 
  width: 100%; 
  height: auto; 
  max-width: none; 
  display: block; 
}

/* Scrollbar nur im Carousel ausblenden, Scrollen bleibt möglich */
.ue-carousel {
  overflow-x: auto;      /* horizontal scrollen bleibt an */
  overflow-y: hidden;    /* keine vertikale Leiste */
  -ms-overflow-style: none;   /* IE/alter Edge */
  scrollbar-width: none;      /* Firefox */
}
.ue-carousel::-webkit-scrollbar { /* Chrome/Edge/Safari */
  width: 0;
  height: 0;
}