: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;
width: 100%;
z-index: 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%;
height: auto;

}

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

}



div#content {
	margin: auto;
margin-bottom: 50px;
width: 85%;
position: relative;
background-color: #FFFBF5;
min-height: 200px;
}

main#content {
	margin: auto;
margin-bottom: 60px;
width: 85%;
position: relative;
background-color: #FFFBF5;
min-height: 200px;
border: 0px solid green;
}

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

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

padding-right: 80px;
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;
	padding-bottom: 0.3em;
}

.zentriert {
text-align: center;
}

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

.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%;
min-height: 100px;
clear:both;
z-index: 100;
padding: 5px;
border: 0px solid red;
margin-top: 50px;
}

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;
}
/* Skip-Link nur bei Tastaturfokus sichtbar */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  padding: .5rem .75rem;
  background: #fff;
  color: #000;
  border: 2px solid #000;
  border-radius: .25rem;
  z-index: 10000;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
}