@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family: "Poppins", sans-serif;
	box-sizing: border-box;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
body{
	background:#4D0708;
}

h1{
	font-size:2rem;
	font-weight:500;
	text-align:left;
	color:#4D0708;
}

.cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #111;
      color: #fff;
      padding: 20px;
      box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
      display: none;
      z-index: 9999;
    }

    .cookie-content {
      max-width: 900px;
      margin: auto;
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .cookie-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    button {
      padding: 10px 15px;
      border: none;
      cursor: pointer;
      border-radius: 6px;
      font-size: 14px;
    }

    .accept { background: #4CAF50; color: white; }
    .reject { background: #f44336; color: white; }
    .settings { background: #555; color: white; }

    .cookie-settings {
      display: none;
      background: #222;
      padding: 15px;
      border-radius: 8px;
    }

    label { display: block; margin-bottom: 8px; }


nav{
	position:sticky;
	top:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:15px 17%;
	background:#fff;
	z-index:9999;
	border-bottom:2px soild #999;
	-webkit-box-shadow: 0px 0px 14px -3px rgba(66, 68, 90, 0.6);
-moz-box-shadow: 0px 0px 14px -3px rgba(66, 68, 90, 0.6);
box-shadow: 0px 0px 14px -3px rgba(66, 68, 90, 0.6);
}

.logo{
	display:flex;
	align-items:center;
}

.logo h3{
	margin-left:10px;
	color:#4D0708;
	text-decoration:none;
	font-size:2rem;
	line-height:100%;
	text-transform:uppercase;
}

.nav-links{
	display:flex;
	align-items:center;
	list-style:none;
}

.nav-links a{
	display:block;
	padding:30px 10px;
	color:#4D0708;
	text-decoration:none;
	font-size:1.1rem;
	border-radius:5px;
	text-transform:uppercase;
	transition: all ease-in-out 100ms;
}

.nav-links a:hover{
	background:#4D0708;
	color:#fff;
}

.hamburger{
	display:none;
	cursor:pointer;
	width:34px;
}

.hamburger .bar{
	flex-basis:100%;
	height:4px;
	background: #4D0708;
	margin:3px;
}

main{
	width:66%;
	background:#fff;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	z-index:1;
}

.hero{
	width:100%;
	margin:0 0 50px 0;
}

.line{
	width:150px;
	margin:5px 0 30px -30px;
	height:4px;
	background:#666;
}

.content{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:space-between;
	padding: 0 1% 0 4%;
	margin-bottom:100px;
	color:#666;
}

.left{
	width:65%;
	display:flex;
	flex-direction:column;
	align-item:flex-start;
	justify-content:flex-start;
	text-align:justify;
}

.xmas{
	width:100%;
	margin:40px auto;
	padding:0;
	box-shadow: 5px 4px 6px -1px rgba(0, 0, 0, 0.1);
	background:#013584;
	color:#fff;
	text-align:center;
	line-height:200%;
	font-size:1.4rem;
}

.xmas img{width:100%; }

#about, #konzept, #speiseplan, #kontakt{
	width:100;
	background:#fff;
	margin-bottom:100px;
}

.center{
	width: 60%;
	margin:30px auto 30px auto;
}

.center img, .wide img{width:100%;}

.wide{
	width:100%;
	margin:30px auto;
}

.plan{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap:wrap;
	gap:20px;
color:#fff;
}

.plan img{width:100%;}

.plan .box{
	width:30%;
	border:1px solid #4D0708;
	background:#4D0708;
}

.plan a{display:block; cursor:pointer;}

.headline{
	width:100%;
	margin:0 3px 0 0;
	text-align:center;
	padding:5px;
	font-size:0.9rem;
	font-weight:300;
	background:#4D0708;
	border-bottom:3px solid #fff;
}

.headline h3{
	font-size:1.1rem:
	font-weight:500;
	color:#fff;
}

.sondermenu{
	width:100%;
	margin:30px auto 50px auto;
}

.sondermenu img{width:100%;}
.info{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:#4D0708;
	color:#fff;
	text-align:center;
	margin-top:30px;
	padding:20px;
	border:1px solid #666;
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.49);
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.49);
}

.notice{width:100%;}

.right{
	width:22%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	font-size:.9rem;
	line-height:120%;
	font-weight:300;
	margin-top:-80px;
}

.kontaktdaten{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
}

.adresse{
	width:100%;
	background:#4D0708;
	border:1px solid #4D0708;
	color:#fff;
	padding:20px 5%;
	margin-bottom:40px;
}


.zeiten{
	width:100%;
	background:#fff;
	border:1px solid #4D0708;
	color:#4D0708;
	padding:20px 5%;
	margin-bottom:40px;
}

.bewertung{
	width:100%;
	background:#4D0708;
	border:1px solid #4D0708;
	display:flex;
	flex-direction:column;
	color:#fff;
	font-size:.8;
	line-height:110%;
	padding:20px 5%;
}

.bewertung .line{
	width:100px;
	background:#fff;
	margin: 10px auto;
}

.rezension{
	width:100%;
	margin:5px auto;
	border: 1px solid #999;
}

.mob_rezension{
	width:0;
	height:0;
	}


.rezension img{width:100%;}

.bewertung h1{
	color:#fff;
	font-size:1.3rem;
}

.bewertung a{
	text-decoration:none;
	color:goldenrod;
	font-weight:500;
}

.copyright{
	width:100%;
	margin-bottom:0;
	padding:30px 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:#333;
	color:#fff;
}

.copyright a{
	margin: 20px auto;
	color:#666;
	background:#fff;
	padding:10px 30px;
	border-radius:50px;
	text-decoration:none;
}


@media only screen and (max-width:1400px){

nav{padding:15px 12%;}
main{width:76%;}
.nav-links a{font-size:1rem; padding:30px 8px;}
.logo h3{font-size:1.7rem;}


}


@media only screen and (max-width:1150px){

nav{padding:15px 5%;}
main{width:90%;}
.nav-links a{font-size:1rem; padding:30px 8px;}
.logo h3{font-size:1.7rem;}
.right{width:25%;}
.bewertung h1{font-size:1.3rem;}
}


@media only screen and (max-width:1000px){
	
main{width:100%;}	
nav{
	flex-wrap:wrap;
	padding:15px 5%;
	border-bottom:2px solid #999;
	
	}
	
.hamburger{
	display:flex;
	flex-wrap:wrap;
}
	
	.logo{height:80px;}
	
	.nav-links{
		display:none;
		flex-basis:100%;
		flex-wrap:wrap;
	}
	
	.nav-links li{flex-basis:100%; border-bottom:1px solid #ccc;}
	
	.nav-links a{
		text-align:center;
		font-size:28px;
		border-radius:none;
	}
	
	.nav-links a:hover{background:#4D0708; color:#fff;}
	.content{flex-direction:column;padding: 0 5%;}

.left{
	width:100%;
	padding:0 5%;
}
	.right{
	width:100%; 
	font-size:.9rem; 
	flex-direction:row;
	flex-wrap:wrap;
}

	.kontaktdaten{
	flex-direction:row;
	align-items:stretch; 
	justify-content: space-between;
	flex-wrap:nowrap; width:100%;
}

.adresse, .zeiten{width:45%;}

.text{width:55%;}
.bewertung{display:flex;flex-direction:row; justify-content:space-between; align-items:center;flex-wrap:nowrap;}
.bewertung h1{font-size:1.2rem;}
.bewertung .line{margin:15px 0 30px 50px;}

.rezension{
	width:0;
	margin:5px auto;
	border: 1px solid #999;
}

.mob_rezension{
	width:38%;
	height:auto;
	}


.rezension img{width:100%;}
}

@media only screen and (max-width:600px){
 .cookie-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }

      .cookie-text {
        max-width: 60%;
      }
.line{margin: 0 0 30px -20px;}
.content{padding: 0 3%;}
.adresse, .zeiten{width:49%;}
.bewertung{
width:100%;
flex-direction:column;
align-items:center;
justify-content:center;
}

.text{width:100%;}

.rezension{
	width:80%;
	margin:20px 10%;
	border: 1px solid #999;
}

.mob_rezension{
	width:0;
	height:auto;
	}


.rezension img{width:100%;}


}