@charset "utf-8";
/* CSS Document */
/*Für alle*/
body {
  background-color: #CFC9BA;
  color: white;
  font-family: "Exo";
  font-weight: normal;
  overflow-x: hidden; /* Verhindert horizontales Scrolling */
}
@font-face {
  font-family: "Alexandria";
  font-weight: normal;
  src: url("schrift/Alexandria-Regular-BF6690948fea175.ttf")
}
@font-face {
  font-family: "Exo";
  font-weight: normal;
  src: url("schrift/Exo2-Light.ttf")
}
@font-face {
  font-family: "Exo";
  font-weight: bold;
  src: url("schrift/Exo2-Medium.ttf")
}
.column {
  width: 100%;
}

/*Menü Schrift*/
h1 {
  font-family: "Alexandria";
  font-weight: normal;
  font-size: 95px;
  color: #C9A479;
  margin-bottom: 0px;
  padding-bottom: 0px;
  z-index: 10;
}
/*Opener Schrift*/
h2 {
  font-family: "Exo";
  font-weight: normal;
  font-size: 70px;
  color: white;
  margin-bottom: 0px;
  padding-bottom: 0px;
  z-index: 10;
}
/*Überschriften Schrift*/
h3 {
  font-family: "Alexandria";
  font-weight: normal;
  font-size: 40px;
  color: #C9A479;
  margin-top: 0px;
  padding-top: 0px;
  z-index: 10;
}
/*Text Schrift*/
h4 {
  font-family: "Exo";
  font-weight: normal;
  font-size: 25px;
  color: white;
  margin-bottom: 0px;
  padding-bottom: 0px;
  z-index: 10;
  text-align: center;
}
/*Öffnungszeiten Schrift*/
h5 {
  font-family: "Exo";
  font-weight: normal;
  font-size: 30px;
  color: white;
  margin-bottom: 0px;
  padding-bottom: 0px;
  z-index: 10;
}
.bold {
  font-weight: bold;
}
/*Menü*/
.menu {
  background-color: #313133;
  font-family: "Alexandria";
  color: #A17B56;
  padding: 8px 0px;
  height: 50px;
  width: 100%;
  box-shadow: 0px 3px 3px 0px black;
  position: fixed;
  text-align: right;
  z-index: 10;
  transition: all 0.4s ease;
}
nav li {
  list-style-type: none;
  display: inline;
  padding-right: 40px;
  font-size: 20px
}
nav li a:link {
  color: #C9A479;
  text-decoration: none;
}
nav li a:visited {
  color: #C9A479
}
nav li:hover {
  text-decoration: underline;
}
nav li:active {
  font-weight: bold;
}
.logo {
  width: 70px;
  z-index: 10
}
/*Menü 2*/
.menu.expanded {
  height: 110px; /* Header wird größer */
  padding: 0px;
  background-color: #313133;
}
.header-logo {
  width: 0;
  opacity: 0;
  transition: all 0.6s ease;
}
.header-logo.visible {
  width: 150px;
  opacity: 1;
}
/*Menü site*/
.menu_site {
  background-color: #313133;
  font-family: "Alexandria";
  color: #A17B56;
  padding: 8px 0px;
  height: 50px;
  width: 100%;
  box-shadow: 0px 3px 3px 0px black;
  position: fixed;
  text-align: right;
  z-index: 10;
  transition: all 0.4s ease;
}
.menu_site.expanded {
  height: 110px; /* Header wird größer */
  padding: 0px;
  background-color: #313133;
}
.header-logo_site {
  width: 50px;
  margin-top: -10px;
  opacity: 1;
  transition: all 0.6s ease;
}
.header-logo_site.visible {
  margin-top: 0px;
  width: 150px;
  opacity: 1;
}
/*opener*/
.hintergrundbild {
  display: none; /* Bild wird nicht mehr angezeigt */
}

/* Aktualisiere .opener – Höhe wird automatisch vom Inhalt bestimmt */
.opener {
  z-index: 2;
  position: relative;
  padding-top: 60px;
  /* Keine feste Höhe – passt sich an Inhalt (Logo + Text) an */
}

/* Neues Pseudo-Element für Hintergrundbild und Overlay */
.opener::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* Füllt den gesamten .opener-Bereich */
  background-image: url("bilder/raum/adler_raum-5.jpg");
  background-size: cover; /* Skaliert das Bild, um den Bereich zu füllen */
  background-position: bottom; /* Wie in deinem Original-Code */
  opacity: 0.3; /* Wie in deinem Original-Code (30%) */
  z-index: -1; /* Hinter dem Inhalt */
}

/* Overlay als zusätzliches Pseudo-Element */
.opener::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(49, 49, 51, 0.6); /* Dunkles Overlay wie in deinem Original-Code */
  z-index: -1; /* Hinter dem Inhalt, aber über dem Bild */
}

/* Diese Regeln bleiben gleich (aus deinem Original-Code – keine Änderung nötig): */
.opener img {
  width: 95%;
  height: 95%;
  max-height: 50vh;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.opener img.visible {
  opacity: 1;
  transform: translateY(0);
}
.opener-text {
  margin-top: 230px;
  text-align: left;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1.3s ease, transform 1.3s ease;
}
.opener-text.visible {
  opacity: 1;
  transform: translateY(0);
}
.opener-text h2 {
  text-align: left;
  padding: 0 0 0 3%;
  margin: 0px;
}
.opener-text h3 {
  text-align: left;
  padding: 0 0 0 3%;
  margin: 0px;
}

/* Öffnungszeiten und Einleitungstext */
.Besuch_text {
  text-align: center;
  margin-top: 50px;
}
.heading_box {
  background-color: #313133;
  border: 2px solid #A17B56;
  border-radius: 50px;
  width: 500px;
  height: 80px;
  text-align: center;
  padding: 20px 15px 15px;
  margin: 140px auto 20px auto;
  position: relative;
  z-index: 2;
  box-shadow: 0px 1px 5px 3px #313133;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading_box a:link {
  color: #C9A479;
  text-decoration: none;
}
.heading_box a:visited {
  color: #C9A479
}
.Besuch {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.Besuch.visible {
  opacity: 1;
  transform: translateY(0);
}
.Offnungszeiten_Box {
  background-color: #313133;
  border: 2px solid #A17B56;
  aspect-ratio: 1 / 1;   
  width: 100%;
  max-width: 550px;
  border-radius: 50%;
  height: 550px;
  margin-top: 30px;
  text-align: center;
  position: relative;
  z-index: 2;
  box-shadow: 0px 1px 5px 3px #313133;
  transition: opacity 0.8s ease, transform 0.8s ease;
	display: flex;
  flex-direction: column;
}
.Offnungszeiten_Box.visible {
  opacity: 1;
  transform: translateY(0);
}
.Offnungszeiten_Box h3 {
  margin-bottom: 3%;
	margin-top: 7%;
}
/*Speisekarte*/
.essen_slider {
  border: 2px solid #A17B56;
  width: 500px;
  height: 500px;
  margin: auto;
  margin-top: 30px;
  overflow: hidden;
  text-align: center;
  position: relative;
  box-shadow: 0px 1px 5px 3px #313133;
  z-index: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 500px;
  height: 400px;
}
.slide {
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}
.slide img {
  width: 100%;
  object-fit: cover;
}
.slide img {
  width: 500px;
  height: 500px;
  object-fit: cover;
  object-position: bottom;
}
.prev, .next {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: black;
  background-color: rgba(255, 255, 255, 0.40);
  padding: 10px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.prev {
  left: 0px;
}
.next {
  right: 0px;
}
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white
}
/*Team*/
.team {
  margin-top: 100px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
  object-fit: cover;
  z-index: 0;
  margin-bottom: 50px;
}
.team_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position:top;
  min-width: 100%;
  min-height: 600px;
}
.team_bg {
  position: absolute;
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
  transform: translateY(0);
  z-index: 0;
}

.team_verlauf {
position: relative;  
width: 100%;
  height: 600px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 90%;
  z-index: 1;
  background-color: #313133;
  margin-bottom: 50px;
}

/*ESSEN UND TRINKEN*/
.banner_bg {
  position: absolute;
  overflow: hidden;
  max-height: 250px;
	height: 100%;
  width: 100%;
  z-index: 0;
  padding-top: 50px;
}
.banner {
  width: 100%;
  height: 100%;
min-height: 30vh;
  object-fit: cover;
  object-position: center;
  opacity: 30%;
  transform: translateY(0);
  transition: transform 0.1s ease-out;
}
.banner .overlay_banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 30%;
  z-index: 1;
  background-color: #313133;
}
.banner_text {
  position: relative;
  text-align: right;
  z-index: 2;
  transform: translateY(80%);
  transition: opacity 1.3s ease, transform 1.3s ease;
  margin-bottom: 80px;
  text-shadow: 1px 3px 3px #313133;
  width: 100%;
}
.banner_text h1 {
  justify-content: center;
  object-position: center;
  text-align: right;
}
.opener-text.visible {
  opacity: 1;
  transform: translateY(0);
}
.Inhalt {
  margin: 120px 0px 10% 0px; 
}
.button_li {
  object-position: left;
  margin-left: -180px;
}
.button_re {
  object-position: right;
  margin-right: -180px;
}
.heading_box_essen {
  background-color: #313133;
  border: 2px solid #A17B56;
  border-radius: 50px;
  width: 500px;
  height: 80px;
  padding: 20px 40px 15px;
  margin: 140px auto 50px auto;
  position: relative;
  z-index: 2;
  box-shadow: 0px 1px 5px 3px #313133;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.heading_box_essen:hover {
  transform: scale(1.05);
}
.heading_box_essen:visited {
  transform: scale(1.2);
}
.heading_box_essen a:link {
  color: #C9A479;
  text-decoration: none;
}
.heading_box_essen a:visited {
  color: #C9A479;
}
.heading_box_essen.active {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}
.karusell_heading {
  background-color: #313133;
  border: 2px solid #A17B56;
  box-shadow: 0px 1px 5px 3px #313133;
  text-align: center;
  padding: 20px 0px 15px;
object-position: center;
}
.slider-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.nav-btn {
  width: 50px;
  height: 50px;
  color: black;
  background-color: rgba(255, 255, 255, 0.40);
  padding: 10px;
  margin-top: 2%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.nav-btn h3 {
  color: black;
  padding-top: 30%;
}
#prevBtn {
  left: 0px;
}
#nextBtn {
  right: 0px;
}
#prevBtn:hover, #nextBtn:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white
}
.slide img {
  width: 500px;
  height: 500px;
  object-fit: cover;
  object-position: bottom;
}
.slider-container {
  width: 100%;
  overflow: hidden;
  border: 2px solid #A17B56;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  padding: 10px;
  box-shadow: 0px 1px 5px 3px #313133;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
}
.slider img {
  width: 19%;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
  margin: 0% 0.5%;
  object-position: center
}
/*Kontakt*/
#Kontakt_infos, #Offnungszeiten_infos {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 600px;
  margin-top: 100px;
  background-color: #313133;
  border: 2px solid #A17B56;
  box-shadow: 0px 3px 7px 3px #313133;
	z-index: 1;
}
.OK_infos h4{
	z-index: 3;
	height: 100%
}
.button_kontakt {
  object-position: left;
  margin-left: -180px;
}
.heading_box_kontakt {
  background-color: #313133;
  border: 2px solid #A17B56;
  border-radius: 50px;
  width: 500px;
  height: 80px;
  padding: 20px 40px 15px;
  margin: 140px auto 50px auto;
  position: relative;
  z-index: 2;
  box-shadow: 0px 1px 5px 3px #313133;
  display: flex;
  align-items: center;
  justify-content: right;
  transition: transform 0.3s ease;
}
.heading_box_kontakt:hover {
  transform: scale(1.05);
}
.heading_box_kontakt:visited {
  transform: scale(1.2);
}
.heading_box_kontakt a:link {
  color: #C9A479;
  text-decoration: none;
}
.heading_box_kontakt a:visited {
  color: #C9A479;
}
.heading_box_kontakt.active {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}
/*Impressum*/
.banner_text_impressum {
  position: relative;
  text-align: right;
  z-index: 2;
  transform: translateY(100%);
  transition: opacity 1.3s ease, transform 1.3s ease;
  margin-bottom: 80px;
  text-shadow: 1px 3px 3px #313133;
  width: 100%;
}
.banner_text_impressum h1 {
  justify-content: center;
  object-position: center;
  text-align: right;
  font-size: 80px;
}
.heading_box_impressum {
  background-color: #313133;
  border: 2px solid #A17B56;
  border-radius: 50px;
  width: 400px;
  height: 70px;
  text-align: center;
  padding: 20px 15px 15px;
  margin: 140px auto 20px auto;
  position: relative;
  z-index: 2;
  box-shadow: 0px 1px 5px 3px #313133;
  display: flex;
  align-items: center;
  justify-content: center;
}
.impressum {
  margin: 5% 15%;
}
.impressum h4 {
  text-align: left;
  font-size: 14px;
  color: #313133;
}
.datenschutz {
  margin: 5% 15%;
}
.datenschutz h4 {
  text-align: center;
  font-size: 14px;
  color: #313133;
}
/*Footer*/
footer{
	background-color: #313133;
	width: 100%;
  min-height: 260px;
  height: auto;
padding: 20px 0;
	margin-top: 30px
}
footer .row {
    display: flex;
  flex-direction: row;     
  align-items: center;        
  margin: 0;
	margin-bottom: -15px;
    }

.logo_footer{
	width: 300px;
	display: block;
    margin: 0 0 25px 0;
	margin: 0 auto;
    padding: 0;
	 align-items: center}

.Kontakt{
	text-align: left;
	margin: 0;
	padding: 0;
}
	
.Zeiten{
	text-align: right;
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------ */
/*                   RESPONSIVE                     */
/* ------------------------------------------------ */

/* Tablet / iPad / kleinere Laptops */
@media (max-width: 800px) {

  /* Schrift anpassen */
  h1 {
    font-size: 40px; 
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 30px;
  }
	
	.menu.expanded {
  height: 70px; /* Header wird größer */
}
	.menu_site.expanded{
	height: 70px;	
	}

.header-logo.visible {
  width: 100px;
  opacity: 1;
}
.header-logo_site.visible {
  width: 100px;
  opacity: 1;
}	
 /* Margins und Paddings reduzieren */
  .opener-text {
    margin-top: 40px; /* Weniger Abstand */
  }
  .Besuch_text {
    margin-top: 30px;
  }

	.opener-bg {
  position: absolute;
  width: 100%;
  height: 90%;   /* Responsive Höhe */
  overflow: hidden;
}

	/* Opener – Text soll unter das Logo wandern */
.opener-text {
    margin-top: 30% ;
    padding: 0px;
  }
  
.opener-text h2 {
  text-align: left;
  padding: 0 0 0 5%;
  margin: 0px;
	}
.opener-text h3 {
  text-align: left;
  padding: 0 0 0 5%;
  margin: 0 auto;
	}
  
  .Besuch               { order: 2; }
  .Offnungszeiten_Box   { order: 1; }
  .essen_slider         { order: 3; }
  .speisekarte_section  { order: 4; }

	 /* Heading-Boxen anpassen */
  .heading_box {
    width: 500px; /* Breiter für Tablet */
    padding: 10px 5px 5px;
    margin: 80px auto 15px auto;
    height: auto;
	  object-position: center;
  }

  /* Öffnungszeiten-Kasten bleibt ein perfekter Kreis */
  .Offnungszeiten_Box {
    width: 550px;
	 height: 550px;
	  
  }

	.heading_box_essen, .heading_box_kontakt, .heading_box_impressum {
    width: 90%;
    padding: 15px 30px 10px;
    margin: 100px auto 30px auto;
  }

  /* Slider und andere Elemente */
  .essen_slider {
    
    margin-top: 40px;
  }
  .prev, .next {
    width: 40px; /* Kleinere Buttons */
    height: 40px;
  }
  .team {
    height: 50vh; /* Kürzer für Tablet */
  }
	.team_verlauf h3{
		font-size: 25px;
	}
	/*-- ESSEN UND tRINKEN --*/
	
	.banner{
		height: 90%;
	}
	.banner_text {
 padding-top: 5vh;
  margin-bottom: 80px;
  }
	.banner_bg {
  position: absolute;
  overflow: hidden;
  height: 25vh;
}

	.heading_box_essen {
    width: 90%;
    max-width: 300px;   
    height: 55px;       
    padding: 10px 15px;
    margin: 40px auto 25px auto;
  }

  .heading_box_essen h3 {
    font-size: 23px;  
	  padding-top: 10px;
  }
	.button_li{
		margin-left: 0;
	}
	.button_re{
		margin-right: 0;
	}
	.slider img {
  width: 24%;
	}
	/*-- KONTAKT --*/
	
	.heading_box_kontakt{
		justify-content: center;
		width: 70vh;
		height: 10vh;
	}
	.button_kontakt{
		object-position: center;
		margin-left: 0px;
	}
	
	#Kontakt_infos, #Offnungszeiten_infos {
  height: 100%;
  }
	
	/*--IMPRESSUM--*/
	.banner_text_impressum h1 {
   font-size: 40px;
	margin-top: 3vh;
}
	
	/*-- FOOTER --*/
	
  /* Footer – Öffnungszeiten unter Kontakt */
   footer{
    padding: 15px 0px;
	   text-align: center;
	 }
		
  logo_footer{
    width: 250px; 
	  object-position: center
  }

  /* Navigation */
  nav li {
    padding-right: 15px;
    font-size: 14px; /* Kleinere Schrift */
  }

	footer .row {
    display: flex;
	flex-direction: row;
  flex-wrap: wrap;
     
  }
	footer .row:first-child {
  align-items: center;   /* ✅ Logo links */
  text-align: center;
}

  .Kontakt {
    order: 1;
    text-align: left 
  }

  .Zeiten {
    order: 2;
    margin-top: 20px;
    
  }

  .logo_footer {
    margin-bottom: 20px;
  }

}
/* ------------------------------------------------ */
/*                       MOBILE                     */
/* ------------------------------------------------ */
@media (max-width: 480px) {

  /* Schrift nochmals kleiner */
  h1 {
    font-size: 40px; 
  }
  h2 {
    font-size: 34px;
  }
  h3 {
    font-size: 25px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 2vh;
  }

 /* Margins und Paddings stark reduzieren */
  .opener-text {
    margin-top: 100px; /* Minimaler Abstand */
	  text-align: center;
  }
.opener h2 {
    white-space: nowrap; 
	text-align: center;
  }
	.opener h1 h3{
		text-align: center;
	}
 .Besuch_text {
    margin-top: 20px;
  }

	 .opener .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
	justify-content: center;
  }
.opener-text {
    margin-top: 5% ;
    text-align: center ;
	  object-position: center;
    padding: 0px;
	margin-left: -25px;
  }

.opener-bg {
  position: absolute;
  width: 100%;
  height: 80%;   /* Responsive Höhe */
  overflow: hidden;
}
	
  /* Heading-Boxen anpassen */
  .heading_box {
    width: 300px; /* Volle Breite */
    padding: 15px 5px 5px;
    margin: 80px auto 10px auto;
    height: auto;
  }
  /* Öffnungszeiten-Kreis bleibt formstabil */
  .Offnungszeiten_Box {
    width: 40vh;
	 height: 40vh;
	 }
	.Offnungszeiten_Box h3{
		font-size: 2.5vh;
	}
.heading_box_essen, .heading_box_kontakt, .heading_box_impressum {
    width: 100%;
    padding: 10px 20px 5px;
    margin: 80px auto 20px auto;
  }


  /* Slider wird 100% breit */
  .essen_slider {
    width: 100%;
    height: auto;
	  margin-top: 15px;
  }
 .prev, .next {
    width: 35px; /* Noch kleinere Buttons */
    height: 35px;
  }

  /* Team – grauer Streifen soll horizontal unten liegen */
  .team_verlauf {
    height: 7vh; ;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	 margin-bottom: 2vh;
  }

  .team {
    height: 40vh; /* Kürzer für Mobile */
  }
	.banner{
		height: 80%;
	}
 /* Banner und Opener */
  .banner_bg {
    height: 80%; /* Kürzer */
  }
  .opener img {
    max-width: 300px; /* Kleiner */
  }
/*--ESSEN UND TRINKEN--*/
	.slider img {
  width: 100%;
		margin-right: 5%
	}
	
	.Inhalt .row {
    flex-direction: column;
  }

  .Inhalt .col-6 {
    width: 100%;
  }

  /*  Buttons mittig */
  .button_li
  .button_re {
    margin: 0 auto;
    display: flex;
    justify-content: center;
	  }
	
	.button_li{
		margin-bottom: -5vh;
	}
	
	/*-- KONTAKT --*/
	
	.heading_box_kontakt{
		justify-content: center;
		width: 100%;
		min-width: 30vh;
		height: 5vh;
		margin-bottom: 0px;
	}
	
	.heading_box_kontakt#Offnungszeiten{
		margin-top: 3vh;
	}
	#Kontakt_infos, #Offnungszeiten_infos {
  height: 100%;
  width: 40vh;
  margin-top: 3vh;
  }
	
	
	

	 /* Navigation */
  nav li {
    padding-right: 10px;
    font-size: 12px; /* Sehr kleine Schrift */
  }

  /* Impressum und Datenschutz */
.banner_text_impressum h1 {
   font-size: 40px;
}
 
 	/*--Footer--*/
	
	
	
  /* Footer – Öffnungszeiten links */
  footer {
    padding: 10px 0;
  }
  .logo_footer {
    width: 200px; /* Noch kleiner */
  }
	footer .row.align-items-center {
  flex-direction: column;   
  align-items: center;
  text-align: center;
}

.Kontakt,
.Zeiten {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
	.copy{
		padding-bottom: 10px;
	}
 .impressum, .datenschutz {
    margin: 3% 5%; /* Weniger Margin */
  }
  .impressum h4, .datenschutz h4 {
    font-size: 14px; /* Kleiner */
  }
	.Kontakt{
		text-align: center;
	}
	.Zeiten {
    text-align: center;
  }

  .logo_footer {
    width: 200px;
	   }
}