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

:root {
	--primaerfarbe: #E5E2E0;
	--sekundaerfarbe: #5D5D62;
	--tertiaerfarbe: #B9B2B6;
	--hintergrundfarbe: #;
	--schriftfarbeA: #FFFFFF;
	--schriftfarbeB: #131212;
	--weiss: #FFFFFF;
	--schwarz: #000000; 
	--hellprimaerfarbe: #DFDFDF;
	--helltertiaerfarbe: #EDE2DC;
	--farbigesweiss: #EDEFEE;
	--rosa: #BCD7B6;
	--signalfarbe: #5E6C5F;
}

@font-face {
  font-display: swap; 
  font-family: Outfit;
  src: url("../fonts/Outfit-VariableFont_wght.ttf") format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: PlayfairDisplay;
  src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format('truetype'); 
}
* {   
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}
html {
	font: 1.2rem Outfit;
	scroll-behavior: smooth;
	}
img {   
	max-width: 100%;
	height: auto; 
	display: block;
	}
body {
	min-height: 100vh;
	}

@media (min-width: 435px){
	
/*------------Burgermenu-----------*/
#wrapper {
	background-color: var(--primaerfarbe);
	position: absolute;
	right: 10px;
	margin-top: 18px;
	cursor: pointer;
	margin-right: 40px;
	}
.circle {
	width: 33px;
	height: 33px;
	position: relative;
}
.line {
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: var(--schriftfarbeB);
	border-radius: 8px;
	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;
	}
.top { top: 23%; }
.middle { top: 48%; }
.bottom { top: 73%; }

.icon.close .top {
	transform: rotate(45deg);
	top: 48%;
	}
.icon.close .middle, .icon.close .bottom {
	transform: rotate(-45deg);
	top: 48%;
	}
/*-------------Navigation--------------*/

.naviagtion-bar-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	background-color: var(--primaerfarbe);
	z-index: 999;
	width: 100%;
	}
.logo-container a {
	font-family: PlayfairDisplay;
	margin-left: 50px;
	line-height: 70px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 100;
	color: var(--schriftfarbeB);
	text-decoration: none;
	letter-spacing: 3px;
	}
span {font-weight: 900;}
.nav-list {
	display: none;
	line-height: 70px;
	font-weight: 100;
	background-color: var(--primaerfarbe);
	}
.nav-list li {
	list-style: none;
	}
.nav-list a {
	display: inline-block;
	text-decoration: none;
	color: var(--schriftfarbeB);
	padding: 0 50px;
	width: 100%;
	animation-name: opacity;
	transition-duration: 0.5s;
	}
.nav-list a:hover {
	background-color: var(--hellprimaerfarbe);
	color: var(--schriftfarbeB);
	/*transform: scale(1.08);*/
	}
.nav-list i { 
	padding-left: 8px;
	font-size: 15px;
	}
.nav-dropdown { 
	background-color: var(--signalfarbe);
	display: none;
	line-height: 60px;
	animation-name: opacity;
	animation-duration: 0.5s;
	}
.nav-dropdown a {
	color: var(--schriftfarbeA);
	width: 100%;
	/*border-bottom: 1px solid var(--schriftfarbeB);*/
	}



/*--------------footer-------------*/
footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 20px 50px;
	background-color: var(--primaerfarbe);
	}
.footer-container {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	color: var(--schriftfarbeB);
	}
.footer-aboutus {
	margin-bottom: 20px;
	margin-right: 40px;
	min-width: 195px;
	}
.footer-headline {
	font-family: PlayfairDisplay;
	font-weight: 100;
	margin-bottom: 15px;
	}
.footer-aboutus p {
	font-weight: 100;
	font-size: 15px;
	}
.footer-aboutus span { 
	text-transform: uppercase;
	font-weight: 100;
	}
.footer-contact {
	position: relative;
	margin-right: 40px;
		}
.footer-contact p {
	font-weight: 100;
	font-size: 15px;
	margin-bottom: 10px;
	}
.footer-contact a {
	text-decoration: none;
	color: var(--schriftfarbeB);
	transition-duration: 0.5s;
	}
.footer-contact a:hover {
	border-bottom: 0.75px solid var(--schriftfarbeB);
	}
.footer-sozialmedia {
	margin-top: 5px;
	margin-bottom: 20px;
	display: flex;
	}
.footer-sozialmedia li {
	list-style: none;
	}
.footer-sozialmedia li a {
	width: 30px;
	height: 30px;
	color: var(--schriftfarbeB);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	text-decoration: none;
	border: 0;
	border-radius: 4px;
	font-size: 25px;
	transition-duration: 0.5s;
	}
.footer-sozialmedia li a:hover {
	background-color: var(--signalfarbe);
	color: var(--hellprimaerfarbe); 
	}
.footer-opening-hours {
	margin-bottom: 20px;
	}
.footer-opening-hours p {
	font-weight: 100;
	font-size: 15px;
	margin-bottom: 10px;
	}
.footer-res-btn a {
	display: inline-block;
	background-color: white;
	color: var(--schriftfarbeB);
	margin-top: 15px;
	padding: 5px 9px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	border: 1px solid var(--schriftfarbeB);
	transition-duration: 0.5s;
	}
.footer-res-btn a:hover {
	color: var(--weiss); 
	background-color: var(--signalfarbe);
	border: 1px solid var(--signalfarbe);
	}
.legal-notice-data-protection {
	background-color: var(--primaerfarbe);
	color: var(--schriftfarbeB);
	width: 100%;
	text-align: center;
	font-weight: 100;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
	}
.legal-notice-data-protection a {
	color: var(--schriftfarbeB);
	text-decoration: none;
	transition-duration: 0.5s;
	}
.legal-notice-data-protection a:hover {
	border-bottom: 0.75px solid var(--schriftfarbeB);
	}
	
/*-----------to top button------------*/
	
.to-top i {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 100px;
	font-size: 22px;
	color: var(--schriftfarbeA);
	background-color: var(--signalfarbe);
	animation-name: einblenden;
	animation-duration: 1s;
	z-index: 999;
}
.to-top a {
	text-decoration: none;
	}
/*////////////////////////seite 1//////////////////////////////*/	
/*----------header heroimage--------*/
.hi-content {
	/*background: url("../img/heroimage.jpg");*/
	background: url("../img/heroimage2.jpg");
	min-height: 100vh;
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center top;
	/*background-position: left bottom;*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 50px;
	}
.hi-content h1 {
	font-family: PlayfairDisplay;
	text-transform: uppercase;
	font-size: 70px;
	line-height: 70px;
	text-align: center;
	}
.hi-content p {
	padding-top: 20px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	}
.hi-content a {
	display: inline-block;
	background-color: white;
	color: var(--schriftfarbeB);
	margin-top: 15px;
	padding: 5px 9px;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	border: 1px solid var(--schriftfarbeB);
	transition-duration: 0.5s;
	}
.hi-content a:hover {
	color: var(--weiss); 
	background-color: var(--signalfarbe);
	border: 1px solid var(--signalfarbe);
	}
	
/*----------newsticker--------*/

.newsticker {
	max-width: 600vw;
	background-color: var(--rosa);
	overflow: hidden;
	line-height: 50px;
	font-size: 18px;
	font-weight: 200;
	letter-spacing: 2px;
	position: sticky;
	top: 70px;
	}
.newsmove {
	display: flex;
	animation-name: righttoleft; animation-timing-function: linear; 
	animation-duration: 20s; animation-iteration-count: infinite; 
	}
.newsmove:hover { 
	animation-play-state: paused; 
	cursor: pointer;
	}
.newsticker-text {
	width: 100vw;
	flex-shrink: 0;
	white-space: nowrap; 
	}

/*------inhalt zweispalter-------*/
	
.zweispalter5050 h2 {
	font-family: PlayfairDisplay;
	Font-size: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	}
.zweispalter5050 h3 {
	font-weight: 200;
	letter-spacing: 5px;
	font-size: 22px;
	}
.zweispalter5050 p {
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 150%;
	font-size: 18px;
	}

.zweispalter5050 a {
	display: block;
	color: var(--weiss);
	background-color: var(--signalfarbe);
	margin-top: 15px;
	margin-right: auto;
	padding: 8px 12px;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	border: 1px solid var(--signalfarbe);
	transition-duration: 0.5s;
	}
.zweispalter5050 a:hover {
	color: var(--schriftfabeB); 
	background-color: var(--weiss);
	border: 1px solid var(--schriftfarbeB);
	}
.text5050 { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 50px;
	}

/*------------inhalt farbfläche news------------*/
.farbflaeche {
	background-color: var(--rosa); 
	width: 100%;
	height: auto;
	}
.farbflaeche-news {
	padding: 50px;
	font-family: PlayfairDisplay;
	display: flex;
	flex-wrap: wrap;
	}
.farbflaeche h2 {
	font-size: 30px;
	font-weight: 900;
	padding-right: 50px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 35px;
	}
.farbflaeche p {
	font-size: 20px;
	line-height: 30px;
	}

/*---------galerie lightbox-----------*/

.galerie1 {
	display: flex;	
	}
.galerie1 > * { flex-basis: 50% }
.galerie-bild img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}
.galerie2 {
	display: flex;	
	}
.galerie2 > * { flex-basis: 50% }
.galerie3 {
	display: flex;	
	}
.galerie3 > * { flex-basis: 50% }

.lightbox {
	background: rgba(0,0,0,0.79);
	color: white;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	}
.lightbox img {
	height: 90%;
	width: auto;
	}
.lightbox p {
	padding-top: 10px;
	font-weight: 100;
	
	}
.galerie-bild > img {
	filter: grayscale(100%);
	transition: 1s;
	}
.galerie-bild > img:hover {
	filter: grayscale(0%)
	}
	
/*////////////////////////seite 2////////////////////////*/
	
/*----------Seisekarte--------*/
	
/*-----herofarbfläche-----*/	
.heroimage-farbflaeche{
	background-color: var(--rosa); 
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 70px;
	}
.heroimage-farbflaeche-content {
	padding: 80px 50px 80px 50px;
	text-align: center;
	}
.heroimage-farbflaeche_h1 {
	font-family: PlayfairDisplay;
	font-size: 35px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 40px;
	}
.heroimage-farbflaeche-content p {
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 140%;
	padding-top: 10px;
	font-size: 18px;
	}
.klick-pdf {
	display: inline-block;
	background-color: white;
	color: var(--schriftfarbeB);
	margin-top: 15px;
	padding: 5px 9px;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	border: 1px solid var(--schriftfarbeB);
	transition-duration: 0.5s;
	}
.klick-pdf:hover {
	color: var(--weiss); 
	background-color: var(--signalfarbe);
	border: 1px solid var(--signalfarbe);
	}
.interner-link {
	color: var(--signalfarbe);
	font-weight: 300;
	text-decoration: none;
	}
.interner-link:hover {
	color: var(--weiss);
	}

	
/*----------speisekarte inhalt-----------*/	
	
.menu-container {
	margin: 50px;
}
.menu {
	font-size: 14px;
}
.menu-group-heading {
	margin: 0;
	font-family: PlayfairDisplay;
	text-align: center;
	font-size: 25px;
	letter-spacing: 2px;
}
.menu-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5em;
	padding-top: 1.5em;
}
.menu-items {
	display: flex;
}
.menu-item-image {
	width: 50%;
	height: auto;
	flex-shrink: 0;
	object-fit: cover;
	margin-right: 1.5em;
}
.menu-item-text {
	flex-grow: 1;
}
.menu-item-heading {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.menu-item-name {
	font-family: PlayfairDisplay;
	font-size: 17px;
	margin-right: 1.5em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
}
.menu-item-price { 
	font-family: PlayfairDisplay;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	}
	
.menu-item-description { 
	line-height: 20px; 
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 100;
	}
	
.extrawuensche-menu {
	background-color: var(--rosa); 
	width: 100%;
	height: auto;
	}
.farbflaeche-extrawuensche-menu {
	padding: 50px;
	font-family: PlayfairDisplay;
	display: flex;
	flex-wrap: wrap;
	}
.farbflaeche-extrawuensche-menu h2 {
	font-size: 30px;
	font-weight: 900;
	padding-right: 50px;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
.farbflaeche-extrawuensche-menu p {
	font-size: 20px;
	line-height: 30px;
	}
.farbflaeche-extrawuensche-menu a {
	color: var(--signalfarbe);
	text-decoration: none;
}.farbflaeche-extrawuensche-menu a:hover {
	text-decoration: underline;
	}
	
/*/////////////////////Seite3//////////////////////*/
	
/*------------Katzen------------*/
	
.wrapper-cat-slider {
	height: auto;
	width: 100%;
}
.farbflaeche-news a {
	text-decoration: none;	
	color: var(--signalfarbe);
	}
.farbflaeche-news a:hover {
	color: var(--farbigesweiss);
	}
.galeriecats1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center; 
	margin: 50px 0;
	}
.galeriecats-img-wrapper {
	min-width: 390px;
  	max-width: 390px;
	object-fit: cover;
	position: relative;
	margin: 20px;
	}
.galeriecats-img-wrapper img {
	width: 100%;
	display: block;
	}
.galeriecats-figcapture {
	width: 390px;
	height: 390px;
	top: 0;
	left: 0;
	position: absolute;
	color: white;
	background-color: var(--signalfarbe);
	padding: 40px;
	display: none;
	overflow: hidden;
	}
.galeriecats-figcapture h2 {
	font-family: PlayfairDisplay;
	Font-size: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	}
.galeriecats-figcapture h3 {
	font-weight: 200;
	letter-spacing: 5px;
	}
.galeriecats-figcapture p {
	font-size: 16px;
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 140%;
	}
.galeriecats-figcapture a {
	text-decoration: none;
	color: var(--rosa); 
	}
.galeriecats-figcapture a:hover {
	color: var(--farbigesweiss);
	text-decoration: underline;
	}

/*/////////////////Seite 4////////////////////*/
	
/*-----------Patenschaft----------*/
	
.paten-fuenfspalter {
	margin: 30px 50px 50px 50px;
	}	
.paten-fuenfspalter .paten-spalte {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.patenicon {
	font-size: 40px;
	color: var(--signalfarbe);
	}
.paten-spalte h2 {
	font-family: PlayfairDisplay;
	font-size: 25px;
	letter-spacing: 1px;
	}
.paten-spalte p { 
	text-align: center;
	font-weight: 100;
	letter-spacing: 1px;
	font-size: 18px;
	}
.patenicon {
	margin-top: 20px;
	}
.patenicon i:hover{
	animation: bounce 2s;	
	}
.interner-link-aufweiss {
	color: var(--signalfarbe);
	font-weight: 300;
	text-decoration: none;
	}
.interner-link-aufweiss:hover {
	color: var(--sekundaerfarbe);
	text-decoration: underline;
	}

/*////////////////////Seite 5/////////////////*/

/*-------------ueber uns------------*/
	
	
.mitarbeiter-wrapper {
	margin: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 40px;
	}
.card-mitarbeiter img {
	max-width: 70%;
	border-radius: 100%;
	position: relative;
	left: 15%;
	}
.card-caption {
	text-align: center;
	padding-top: 15px;
	}
.card-caption h3 {
	font-family: PlayfairDisplay;
	Font-size: 25px;
	}
.card-caption h4 {
	font-size: 18px;
	font-weight: 200;
	color: var(--signalfarbe);
	text-transform: uppercase;
	}
.card-caption p {
	font-weight: 100;
	letter-spacing: 1px;
	}
	
/*/////////////////////kontakt////////////////*/
	
textarea { resize: none; }
span { font-weight: 100 }
.kontaktformular { 
	font-family: PlayfairDisplay;
	text-align: center;
	margin-top: 50px;
	font-size: 30px;
	letter-spacing: 1px;
	font-weight: 200;
	}

.formbox {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	width: 400px;
}
.formbox > label:first-child { display: block;}

.formbox > input, textarea{
	width: 400px;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid var(--schriftfarbeB);
	font-size: 0.8rem;
}
.formbox > input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	accent-color: var(--signalfarbe);	
}
.formbox > label:last-child{
	font-weight: 300;
}
.formbox > button {
	font-family: Outfit;
	font-size: 0.8rem;
	color: var(--schriftfarbeA);
	background-color: var(--signalfarbe);
	border: 1px solid var(--signalfarbe);;
	padding: 8px 16px;
	cursor: pointer;
	text-transform: uppercase;
	transition: 0.25s all ease;
}
.formbox > button:hover {
	background-color: var(--schriftfarbeA);
	border: 1px solid var(--signalfarbe);
	color: var(--signalfarbe);
}
.formbox select {
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 1px solid var(--schriftfarbeB);
	border-radius: 10px;
	color: var(--schriftfarbeB);
	background-color: var(--weiss);
	font-size: 0.9rem;
	padding: 8px 16px;
	width: 100%;
	cursor: pointer;
}
.formbox .select {
	position: relative;
	display: flex;
	width: 100%;
	height: 40px;
	overflow: hidden;
	border-radius: 10px;
}
.formbox .select::after {
	content: "\25bc";
	position: absolute;
	top: 0;
	right: 0;
	color: var(--schriftfarbeA);
	background-color: var(--schriftfarbeB);
	padding: 8px 16px;
	border-radius: 0 10px 10px 0;
	pointer-events: none;
	transition: 0.25s all ease;
}
.formbox .select:hover::after {
	background-color: var(--signalfarbe);
}
.formbox button { margin-bottom: 50px; }
	
.formbox label { font-weight: 300; }
	
/*/////////////////Datenschutz und Impressum//////////////*/
	
/*Impressum und Datenschutz*/
.formalities {
	display: block;
	margin: 0 auto;
	padding-top: 90px;
	padding-bottom: 50px;
	width: 335px;	
	}
#datenschutz {
	padding: 90px 50px 50px 50px;
	margin: 0 auto;
	min-width: 100%;	
	}
.formalities ul {
	padding-left: 1em;
	}
.formalities h1 {
	font-family: PlayfairDisplay;	
	}
.formalities h2 {
	font-family: PlayfairDisplay;	
	}
.formalities h3 {
	font-family: PlayfairDisplay;
	padding-top: 20px;
	}
.formalities h4 {
	padding-top: 15px;	
	}
.formalities p {
	padding-bottom: 15px;
	font-weight: 300;
	}
.formalities adress {
	font-weight: 300;	
	}
.formalities li {
	font-weight: 300;
	}
	

} /*ACHTUNG Mediaquery Klammer*/

@media (min-width: 400px) {
	/*navigation*/
.logo-container a { font-size: 23px; 	}
	/*ueber uns*/
.mitarbeiter-wrapper {
  	display: grid;
	grid-template-columns: repeat(2, 1fr);
	}
	
} /*ACHTUNG Mediaquery Klammer*/

@media (min-width: 650px) {

/*ueber uns*/
.mitarbeiter-wrapper {
  	display: grid;
	grid-template-columns: repeat(3, 1fr);
	}
/*Impressum Datenschutz*/
.formalities {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
	width: 400px;
	padding-top: 90px;
	padding-bottom: 50px;
	}
	
} /*ACHTUNG Mediaquery Klammer*/	

@media (min-width: 700px){
	
/*footer*/
.footer-aboutus { flex: 2;}
.footer-contact { flex: 1;}
.footer-opening-hours { flex: 1;}
.footer-container {flex-wrap: nowrap;}
.farbflaeche-news {flex-wrap: nowrap;}
.farbflaeche-extrawuensche-menu {flex-wrap: nowrap;
	}
/*speisekarte*/
.menu {
	font-size: 18px;
	}
	
} /*ACHTUNG Mediaquery Klammer*/

@media (min-width: 768px){
	
/*heroimage*/	
.hi-content h1 { font-size: 75px; }

/*inhalt zweispalter*/
.zweispalter5050 { 
	display: flex;
	}
.zweispalter5050 > * { flex-basis: 50% }
.bild5050 {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}
.zweispalter5050:nth-child(2){
	flex-direction: row-reverse;
	}
	
/*galerie lightbox*/
.galerie-container {
	display: flex;
	}
.galerie-container .galerie1 {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

} /*ACHTUNG Mediaquery Klammer*/

@media (min-width: 975px){
	
/*speisekarte*/
.menu {
	font-size: 16px;
	}
.menu-group {
	grid-template-columns: repeat(2, 1fr);
	}
.menu-item-image {
	width: 50%;
	height: auto;
	}
/*pate-fünfspalter*/	
.paten-fuenfspalter {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	}
.paten-spalte {
	text-align: center;	
	padding-right: 40px;
	}
.paten-spalte:last-child { padding: inherit; }
	
.umbruch::after {
		content: '\A';
		white-space: pre;
	}
/*Impressum Datenschutz*/

#datenschutz {
	padding: 90px 50px 50px 50px;
	margin: 0 auto;
	min-width: 880px;	
	}

}/*ACHTUNG Mediaquery Klammer*/

@media (min-width: 1000px) {

	/*ueber uns*/
.mitarbeiter-wrapper {
  	display: grid;
	grid-template-columns: repeat(6, 1fr);
	}
	
} /*ACHTUNG Mediaquery Klammer*/	

@media (min-width: 1040px){
	
/*navigation*/
#wrapper { display: none; }
.nav-list { 
	display: block; 
	background-color: inherit;
	}
.logo-container a{
	margin-left: 50px;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 70px;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 100;
	letter-spacing: 3px;
	}

.logo-container a, .logo-container a:visited {
	color: var(--schriftfarbeB);
	text-decoration: none;
	}
.nav-container {
	max-width: 100px;
	margin: 0 auto;
	}
.nav-list {
	display: flex;
	position: absolute;
	top: 0;
	right: 36px;
	line-height: 70px;
	}
.nav-list a { padding: 0 15px; }
	
.nav-dropdown {
	animation-name: opacity;
	transition-duration: 0.5s;
}

} /*ACHTUNG Mediaquery Klammer*/

@media (min-width: 1400px){
	
/*speisekarte*/
.menu {
	font-size: 16px;
	}
.menu-group {
	grid-template-columns: repeat(3, 1fr);
	}
.menu-item-image {
	width: 50%;
	height: auto;
	}
	/*ueber uns*/
.mitarbeiter-wrapper {
  	display: grid;
	grid-template-columns: repeat(6, 1fr);
	}
	
} /*ACHTUNG Mediaquery Klammer*/

@media (prefers-color-scheme: dark) {}

@keyframes righttoleft {
	0% { transform: translatex(100%)}
	100% { transform: translatex(-100%)}
}
@keyframes opacity {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes einblenden {
	from {
		bottom: -200px;
	}
	to {
		bottom: 0;
	}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-5px);
  }
}