@import url('../js/fancybox/jquery.fancybox.css');
@import url('../request-form/datepicker.css');
@import url('swiper.css');
@import url('../request-form/request-form.css');

/*font einfuegen in css*/
@font-face { font-family: "Didone"; src: url("../css/fonts/Didone.ttf");}
@font-face { font-family: "Inter"; src: url("../css/fonts/Inter.ttf");}
@font-face { font-family: "Gwendolyn"; src: url("../css/fonts/Gwendolyn.ttf");}


html, body { margin:0px; padding:0px; font-size:18px; font-family:"inter";font-weight:400; color:#4b413f; background-color: #ded7cd;}


:root {
  --dark: #423836;
  --white: #E8E7E2;
  --green: #8D9F7D;
}

*{margin: 0; padding:0;box-sizing: border-box;}

/*--common--*/
h1 {font-family:'didone'; font-size: 90px; color: #4b413f;line-height: 1.1;padding-bottom: 30px;font-weight: 100;}
h2 {font-family:'didone'; font-size: 30px; color: #4b413f;line-height: 1.5;font-weight: 200;}
p, ul {line-height: 1.5;}
ul {}
li {}
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:none;}
.img_hidden_slide {width: 50px;top: -100px;position: absolute;}
.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}

/*--menu--*/
.header {position: absolute;z-index: 5;width: 100%;height: 90px;margin-top: 60px;}

.menu_button { position:absolute;  color:#fff; display:none;     top: 50%;right: 5vw;width: 70px;height: 70px;cursor: pointer;transform: translateY(-50%);}
.menu_button>span {position: absolute;left: 50%;transform: translateX(-50%);top: 12px;font-size: 14px;text-transform: uppercase;}
.menu_button-lines { width:35px; height:22px; position:absolute; bottom:50%; left:50%;    transform: translate(-50%, 50%);}
.menu_button-lines span {background-color:#fff; width:100%; height:2px; position:absolute; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;left: 0;}
.menu_button-lines span:nth-child(1) {top: 0;}
.menu_button-lines span:nth-child(2) {top: 50%; transform: translateY(-50%);}
.menu_button-lines span:nth-child(3) {bottom: 0;}
.header-open .menu_button-lines {}
.header-open .menu_button-lines span:nth-child(1) {transform: rotate(45deg);top: 48%;}
.header-open .menu_button-lines span:nth-child(2) {opacity:0;}
.header-open .menu_button-lines span:nth-child(3) {transform: rotate(-45deg);bottom: 46%;}
.header-open .header-open::before {content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/layout/logo-about.png); background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.4; z-index: 0;}

.navigation { display: table; position:absolute; top:0; right:0; z-index: 3; margin:auto; width:100%;height: 100%;}
.menu-img-box {top: 0;right: 0%;width: 30vw;box-sizing: border-box;position: absolute;width: 100%;height: 100%;background-color: #000;}
.menu-img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: center;background-size: cover;opacity:0;overflow: hidden;    }
.menu-img-active {opacity:1;}
.menu { margin:0px; padding:0px; display:block; text-align: left;position: absolute;z-index: 4;}
.menu-item { padding:10px 13px;letter-spacing:2px;cursor: pointer; display: inline-table; position: relative;text-decoration:none;box-sizing: border-box;opacity: .6;}
.menu-item-active {}
.menu-item:hover {color:#fff;opacity: 1;}
.submenu {display:none;}
.submenu-item {}
.submenu-item:hover {}
.menu-fix-img {position: absolute;left: 50%;transform: translateY(-50%);width: 38%;height: 51%;z-index: 5;top: 55%;}
.menu-fix-img-1 {display: block; left: 0;position: relative;width: 50%;height: 100%;object-fit: cover;}
.menu-fix-img-2 {display: block; right: 0;position: absolute;width: 50%;height: 100%;object-fit: cover;top: 77px;padding-left: 20px;}
.logo-1{}
.logo-2{display: none;}

.header.fixed .logo-1{display: none;}
.header.fixed .logo-2{display: block;}


/*menu*/
	.menu_button { display:block; z-index:10;font-weight: 400;}
	.menu_button-lines { display:block; z-index:10;}
	.navigation { position: fixed;  margin:0 auto; text-align:right;opacity:0.001;pointer-events: none;height: 100vh;background-color: #000;z-index: 4;}
	.header-open.navigation {opacity:1;pointer-events: all;}
		.menu {top: 55%; left: 5%;  width: auto;  box-sizing: border-box;color: var(--white);font-family: didone;font-size: 42px;text-align: left;width: 54%;height: auto;background-color: unset;/*! border: 1px solid var(--white); */padding: 140px 0;transform: translateY(-50%);}
			.menu-item { display:block; width: max-content;margin-left: 10%;top: 10%;}
					.lang-text {background-color:#aaa;}
					.menu-other {position:relative;}
					.menu-other-href {padding: 0;text-align: left;background-color: #aaa;margin: 1px 0 0;}
					#s01 {position:relative;display: none;}
					#s02 {position:absolute;display: none;}
					.s0-open{position:relative !important;display:block !important;}


	.header.fixed {position: fixed;transform: translateY(-100%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
	.header.fixed-2 {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;transform: unset !important;}
	.logo {width: max-content;left: 5vw;position: relative;top: 150%;transform: translateY(-50%);display: block;}
	.logo img {width: 260px;}
	.languages {position: absolute; color: #fff;top: 50%;right: 11vw;width: auto;  cursor: pointer; transform: translateY(-50%);display: block;font-family: inter;font-size: 22px;font-weight: 300;}
	.languages a {margin-right: 6px;}
	.header-open .languages {display: none;}
    .lang-aktiv{display: none;}
	.header.fixed { position: fixed; transform: translateY(-180%); transition: 0.3s;}
	.header.fixed .header { position: absolute; z-index: 5; width: 100%; height: 122px;   padding-top: 25px;}
	.header.fixed-2, .header-open {transition: 0.3s;background-color: #423836;transform: unset !important; margin-top: 0;}
	.header.fixed-2::before,
	.header-open::before {content: "";position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-image: url(../img/layout/logo-about.png); background-size: cover; background-repeat: no-repeat;background-position: center;opacity: 0.4; z-index: 0; }


	.header.fixed img {width: 115px;-webkit-filter: brightness(20);background-size: contain;background-position: center;background-repeat: no-repeat;}
	.header.fixed .logo {top: 50%; transform: translateY(-50%);position: absolute;}
	.header.fixed-2 { transform: unset !important;}
	.header-open.header {position: fixed;  background-color: unset;}
	.header-open.header .logo img {width: 175px;margin-top: 90px;}
	.header-open.header .menu_button {margin-top: 45px;}

	.header-open {}
	.header.fixed {margin-top: 0;}
	.header.fixed.header-open {display: none;}
	.arc-header {position: absolute;bottom: 38px;z-index: 1;left: 50%;transform: translateX(-50%);}
	.arc-header img {padding: 0 20px;width: 82px; animation: arrowBounce 1.5s ease-in-out infinite;}

	@keyframes arrowBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }}

	.core-about {}
	.core-about-top {position: relative;width: 90%;max-width: 1550px;margin: 100px auto 40px;text-align: center;}
	.core-about-top h3 {font-size: 90px;font-family: didone;font-weight: 100;line-height: 1.1;padding-bottom: 15px;margin: auto;width: max-content;}
	.core-about-top p {width: 51%;margin: auto;font-family: didone;font-size: 22px;font-weight: 600;}
	.core-about-center iframe {left: 5%;/*! transform: translateX(-50%); */position: relative;width: 44%;height: 56vh;}
	.core-about-texture {background-image: url(../img/layout/logo-about.png);background-color: #423836;width: 95%;height: 200px; margin: auto;margin-top: -110px;border-radius: 0 200px 0 200px;background-size: cover;}

	.btn { position: relative;padding: 15px 35px; background-color: #6C2E2F; color: var(--white); top: 0; display: inline-block; margin-top: 15px;font-size: 23px;z-index: 1;text-decoration: none;transition: all 0.3s;overflow: hidden;font-family: didone;}
.btn-anim {transition: all 0.5s;}
.btn-anim::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 1;background-color: rgba(255, 255, 255, 0.1); transition: all 0.3s}
.btn-anim:hover::before { opacity: 0; transform: scale(0.5, 0.5);}
.btn-anim::after { content: ''; position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; transition: all 0.3s;  transform: scale(1.2, 1.2);}
.btn-anim:hover::after {opacity: 1; transform: scale(1, 1);}
.btn-anim:hover {
 background-color: var(--dark);}

 	.core-slogan-top {position: relative;width: 90%;max-width: 1900px;margin: 100px auto 30px;text-align: center;}
	.core-slogan-top h3 {font-size: 36px;font-family: didone;font-weight: 100;line-height: 1.4;padding-bottom: 15px;margin: auto;max-width: 1500px;}


/*--Slide--*/
.slide {height:1000px;position:relative;height:calc(100vh);}
	#slide .swiper-container {width:100%;height:100%;}
		#slide .swiper-slide {position:relative;text-align: center;font-size: 18px; background: var(--dark); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover;height:100%;}
			.swiper_sfondo {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform:scale(1); transition: all 4s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;}
			.pag-box { bottom:34px; left:0; display: none; width:100%; height:auto; position: absolute; text-align:center;z-index: 3; box-sizing:border-box;}
						.pagination {display: inline-table;position: relative;vertical-align: middle;width: 200px;}
							#slide .swiper-pagination-bullet { background:#fff; width:3px; height:22px; opacity:0.3; margin:0 8px; display:inline-table; vertical-align: bottom;-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;border: none;border-radius: unset;}
							#slide .swiper-pagination-bullet:first-child:last-child {display:none;}
							#slide .swiper-pagination-bullet-active { width:3px; height:29px; opacity:0.8; position: relative;border-width: 1.5px;}
.slide-grad-1 {position: absolute;width: 100%;height: 30%;background: linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));background: -moz-linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));opacity: 0.4;top: 0;left: 0;pointer-events:none;z-index:1;}
.slide-grad-2 {position: absolute;width: 100%;height: 30%;background: linear-gradient(rgba(0,0,0,0), rgb(0, 0, 0));background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));opacity: 0.4;left: 0;bottom: 0;pointer-events:none;z-index:1;}
.slogan-header {position: absolute;bottom: 7vw;z-index: 2;color: #FFF;width: max-content;left: 50%;transform: translate(-50%);font-size: 29px;font-family: inter;font-weight: 200;text-align: center;}
.slogan-header span {text-align: center;}
.mobile-slogan-header {display: none;}
.desktop-slogan-header {display: block;}


.gal-core {}
.gal-core-top {position: relative; width: 90%; max-width: 1900px; margin: 100px auto 40px; text-align: center;}
.gal-core-top h3 {font-size: 90px; font-family: didone; font-weight: 100; line-height: 1.1; padding-bottom: 15px; margin: auto; width: max-content;}
.gal-core-top p {font-family: didone; font-size: 22px; font-weight: 200; width: 26%; margin: auto; line-height: 1.3;font-weight: 600;}
.gal-col {position: relative; width: 90%; max-width: 1550px; margin: 0 auto 40px; text-align: center;  position: relative;
  overflow: visible;}
.gal {width: 100%; position: relative; margin: auto; column-count: 3; column-gap: 29px; display: block !important;}
.gal a {display: block; margin-bottom: 30px; position: relative; transition: 300ms;}
.gal img {width: 100%; opacity: 0; transform: translateY(50%); transition: 500ms;}
.gal a:hover {opacity: 0.8;}
.gal img.active {opacity: 1; transform: translateY(0%);}
.activator {position: absolute; height: 30%; width: 100%; top: 0px; left: 0px;}
.gal-col-apar .gal {margin: 0px auto 40px;}
.gal.collapsed a:nth-child(n+7) {display: none;}
.gal-col-1 {margin: -150px auto 40px;}


.article {text-align: center;
  position: relative;
  margin-top: 50px;
  width: 70%;
  margin: 50px auto;
  max-width: 1200px;}
.article-request {}
.article h1 {font-size: 50px;width: 50%;
  margin: auto;}
.article h2 {font-size: 28px;width: 50%;
  margin: auto;}






/* Toggle Button */
.more-container {display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; user-select: none;}
.more-container-img {width: 18px; height: 18px; transition: transform 200ms;}
.more-container.is-open .more-container-img {transform: rotate(180deg);}

/* Falls du statt zweitem Container lieber mit cut nach 6 arbeiten willst, steht diese Option bereit */
.gal.collapsed a:nth-child(n+7) {display: none;}


/* core-intro  */
.core-intro {}
.core-intro-top {position: relative; width: 90%;max-width: 1900px;margin: 100px auto 40px;}
.core-intro-top-l {width: 64%;}
.core-intro-top-r {width: 26%;top: 0;position: relative;right: -26px;}
.core-intro-top-r img {width: 100%;height: 100%;}
.core-intro-top-l,
.core-intro-top-r {display: inline-block;}
.core-intro-top h2 {width: 55%;}

.core-intro-bottom {right: 0;position: relative;display: block;margin-left: 48%;text-align: end;width: 45%;margin-bottom: 115px;}
.core-intro-bottom p{font-family: Inter;text-align: end;padding-bottom: 15px;font-weight: 300;font-size: 21px;}
.core-intro-img {position: relative;width: 80%;margin-left: 20%;}
.core-intro-img img{width: 100%;height: 70vh;object-fit: cover;}
.core-intro-signature {font-family: didone;font-size: 31px; width: 338px;position: absolute;display: block;right: 0;}

/* core-food  */
.core-food {}
.core-food-top {position: relative;width: 90%;max-width: 1900px;margin: 100px auto 40px;}
.core-food-title {width: 35%;}
.core-food-title h3 {font-size: 90px;font-family: didone;font-weight: 100;line-height: 1.1;padding-bottom: 15px;}
.core-food-title p {width: 50%;font-family: didone;font-size: 22px;font-weight: 600;}
.core-food-img {width: 62%;margin-left: 43%;position: absolute;top: 0;z-index: 1;}
.core-food-img-first {width: 60%;position: absolute;top: 0;}
.core-food-img-second {width: 42%;top: 0;position: absolute;right: 0;margin-top: 9vh;}
.core-food-center {position: relative;width: 90%;max-width: 1550px;margin: 69px auto 0;}
.core-food-center-left {width: 50%;position: relative;}
.core-food-center-img {width: 100%;}
.core-food-center-right {width: 50%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);padding: 60px 100px 60px;line-height: 1.5;margin-top: 13vh;}
.core-food-28 {left: -5%;margin-top: 12vw;position: relative;width: 37%;}
.core-food-22 {left: 0;margin-top: 11vh;position: absolute;width: 31%;margin-left: 34%;}
.core-food-15 {left: 0;margin-top: 3vh;position: absolute;width: 21%;margin-left: 66%;}
.core-food-10 {right: -8%;margin-top: 0;position: absolute;width: 17%;margin-left: 91%;}
.core-food-bottom {position: relative; margin: 0 auto; top: 0; margin-top: -16px; overflow: hidden; perspective: 700px;  transform-style: preserve-3d;}
.core-food-bottom img {transform-origin: center center;will-change: transform;transition: transform 0.1s linear; }
/* 
.core-food-bottom {position: relative;margin: 0 auto 0;top: 0;margin-top: -16px;overflow: hidden;perspective: 700px;}
.core-food-28 {left: -7%;margin-top: 12vw;position: relative;width: 37%;}
.core-food-22 {left: 0;margin-top: 11vh;position: absolute;width: 31%;margin-left: 31%;}
.core-food-15 {left: 0;margin-top: 3vh;position: absolute;width: 21%;margin-left: 66%;}
.core-food-10 {right: -8%;margin-top: 0;position: absolute;width: 17%;margin-left: 91%;}
.core-food-bottom img {
  transform-origin: center center;
  transition: transform 0.3s ease-out;
  will-change: transform;
  transform: rotate3d(0, -0.5, -1, 0deg) !important;} */


/* core-info */
.core-info {position: relative;width: 90%;max-width: 1900px;margin: 0 auto 0;margin-top: 0;padding-bottom: 39px;}
.core-info-top {width: 50%;right: 0;position: relative;text-align: end;margin-left: 50%;margin-bottom: 71px;}
.core-info-top h3 {font-size: 90px;font-family: didone;font-weight: 100;line-height: 1.1;padding-bottom: 15px;}
.core-info-top p {width: 38%;position: absolute;right: 0;font-family: didone;font-size: 22px;font-weight: 600;}

.core-info-center {position: relative;top: 0;left: 0;}
.core-info-center-l {}
.core-info-center-l h4 {font-family: didone;font-size: 48px;font-weight: 100;margin-bottom: 6px;}
.core-info-center-l  {width: 55%;background-color: #423836;color: var(--white);top: 50%;position: relative;padding: 0;text-align: end;height: 75vh;}
.core-info-center-l p { font-weight: 300;  margin-top: 11px; right: 0; position: relative;  width: 65%;margin-left: 35%;font-family: didone;font-size: 22px;}
.core-info-center-l-inner {top: 50%;position: relative;transform: translateY(-50%);margin-right: 37%;}
.core-info-span {font-family: didone;font-size: 35px;display: block;}
.core-info-center-r {width: 60%;position: absolute;margin-left: 40%;top: 50%;transform: translateY(-50%);}
.core-info-center-r a {}
.core-info-center-img {width: 100%;position: relative;max-height: 60vh;}
.core-info-center-arrow {height: 59px;left: 43%;position: relative;top: 40%;transform: translate(-50%, 50%);}
.arc-texture {position: absolute;right: 0;width: 230px;height: 150px;background-color: #6c2e2f;clip-path: inset(0 0 0 0 round 84% 0 0 0);right: 0;z-index: 1;margin-top: -150px;}
.arc-texture img {animation: arrowBounce 1.5s ease-in-out infinite;}

.more-container { position: absolute; left: -60px;  bottom: 0; transform: translateY(-50%);  padding: 22px 0;background: #ded7cd; text-decoration: none;  display: flex; flex-direction: column; align-items: center; gap: 12px; z-index: 3;}
.more-container-text {font-family: didone;writing-mode: sideways-lr;font-size: 36px;width: 48px;}
.more-container span.more-container-img {
  display: block; writing-mode: vertical-rl;  transform: rotate(180deg);  line-height: 1; margin: 0; font-size: 28px; font-weight: 400; color: var(--dark); letter-spacing: 0.04em;
 font-family: didone;}
.more-container img.more-container-img {  display: block;    height: auto; margin: 0;  transform-origin: center;  padding-top: 0;  transition: transform .3s;opacity: .8;width: 42px;}
.more-container:hover img.more-container-img {  transform: translateY(2px);}
.more-container[aria-expanded="true"] img.more-container-img { transform: rotate(180deg);}




.site-footer {background: #423836; position: relative; padding: 60px 24px 70px; border-top-right-radius: 320px; overflow: hidden;}
.img-footer-l {opacity: .5;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 19%;}
.img-footer-r {opacity: .5;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 21%;}

.site-footer::before,
.site-footer::after { content: ""; position: absolute; inset: -120px -140px auto auto; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.0) 60%);opacity: 0.18; pointer-events: none;}
.site-footer::after {inset: auto auto -220px -220px; width: 820px; height: 820px; opacity: 0.12;overflow: hidden;}
.footer-inner {max-width: 1200px; margin: 0 auto; text-align: left; white-space: normal;}
.footer-card { display: inline-block; vertical-align: middle; width: 30%; margin-right: 2%; background: #4c4240; padding: 40px 0 40px; position: relative; min-height: 260px; border-radius: 100px 0 100px 0;text-align: center;z-index: 1;}
.footer-card-inner {top: 50%; transform: translate(-50%, -50%);position: absolute;display: inline-block;width: 100%;}
.footer-card.last { margin-right: 0;text-align: center;top: 50%;}
.footer-card.emphasis { background: #4c4240; border-radius: 105px 0 100px 0; width: 35%;text-align: lce;padding: 80px 36px 80px;}
.footer-title { font-weight: 800; font-size: 30px;  line-height: 1.1; margin: 0 0 10px;color: var(--white);letter-spacing: 0.2px;font-family: inter;font-weight: 500;}
.footer-logo-orig {width: 106px;height: 85px;object-fit: contain;-webkit-filter: brightness(20);}
.footer-text,
.footer-link {
 font-size: 18px;  line-height: 1.5;  color: var(--white);  text-decoration: none;  font-weight: 200;}
.footer-link:hover { text-decoration: underline; }
.contact-row { }
.socials { margin-top: 18px; }
.socials a {display: inline-block;width: 26px;height: 26px;line-height: 26px;text-align: center;border-radius: 8px; background: #1f2122; color: #fff;font-weight: 700;font-size: 16px; text-decoration: none; margin-right: 8px; border: 1px solid rgba(255,255,255,0.1);}
.socials img {width: 100%;}
.signature { margin-top: 28px; font-size: 17px; color: var(--white); font-weight: 300;}
.link-list { list-style: none; padding: 0; margin: 0; }
.link-list li { margin: 3px 0; }

.img-appear {clip-path: polygon(0px 0px, 0px 0px, 0px 100%, 0px 100%);  transition: 0.7s;}
.img-appear-visible { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);

}


.custom-gal-core {
    max-width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.custom-gal-col {
    display: flex;
    flex-direction: column;
    width: 90%;
}

.custom-gal {
    width: 100%;
    padding-bottom: 50px;
}

/* "Container" des Swipers mit eigenem Klassennamen */
.gallery-shell {
    width: 100%;
    padding: 0;
    position: relative;
}

/* Wrapper der Slides (ersetzt swiper-wrapper) */
.gallery-track {
    display: flex;
}

/* Einzelne Slides (ersetzt swiper-slide) */
.gallery-item {
    flex-shrink: 0;
    margin: 0 5px;
}

.gallery-item img, #piatti .swiper-slide img { height: 37vh; width: 100%;      object-fit: cover;}

/* Pagination */
.gallery-pagination {
    margin-top: 10px;
    text-align: center;
}

/* Navigation unter dem Slider zentrieren */
.gallery-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

/* Buttons für Weiter und Zurück */
.gallery-prev,
.gallery-next {
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    transition: background-color 0.2s ease;
    background-color: unset;
}

.gallery-prev:hover,
.gallery-next:hover {
    background-color: #e8e7e2;
}

.gallery-next-icon {width: 50px;transition: all.5s;}
.gallery-prev-icon {width: 50px;transform: rotate(-180deg);transition: all.5s;}


.gallery-next-icon:hover {transform: scale(1.2);}
.gallery-prev-icon:hover {transform: rotate(-180deg) scale(1.2);}

.core-about-img2{position: relative;width: 44%;height: 56vh;object-fit: cover;float: right;right: 5%;background-color: #eccfad;}

@media (max-width:1600px) {

	.core-food-center-right {  width: 50%;position: absolute; top: 50%; right: 0; transform: translateY(-50%);padding: 60px 100px 60px;line-height: 1.5;  margin-top: 0;}
}

@media (max-width:1250px) {
	.core-food-center-right {transform: translateY(-50%); padding: 60px 30px 60px;}}


@media (max-width:1150px) {
	.core-food-bottom {position: relative;margin: 0 auto;margin-top: 0px;top: 0;margin-top: 100px;}}

@media (max-width:900px) {
    
h1 {font-size: 35px;padding-bottom: 13px;}
 h2 {}
 p, ul {font-weight: 300;}
 ul {}
 li {}
 a {}
 a:hover {}
 .img_hidden_slide {}
 .transition {}
 /*--menu--*/ .header {margin-top: 20px;}
 .menu_button {}
 .menu_button>span {}
 .menu_button-lines span {height: 1px;}
 .menu_button-lines span:nth-child(1) {}
 .menu_button-lines span:nth-child(2) {}
 .menu_button-lines span:nth-child(3) {}
 .header-open .menu_button-lines {}
 .header-open .menu_button-lines span:nth-child(1) {}
 .header-open .menu_button-lines span:nth-child(2) {}
 .header-open .menu_button-lines span:nth-child(3) {}
 .navigation {}
 .menu-img-box {}
 .menu-img {filter: brightness(.7);}
 .menu-img-active {}
 .menu {}
 .menu-item {}
 .slide {height: 1000px;position: relative;height: calc(60vh);}


.mobile-slogan-header {display: block;}
.desktop-slogan-header {display: none;}
 .menu_button-lines { width: 35px;height: 20px; position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%);}
 .menu-fix-img { position: absolute; left: 93%; transform: translateY(-50%); width: 77%; height: 17%; z-index: 4; top: 68%;left: 50%;transform: translateX(-50%);}
 .menu-fix-img-2 {
  display: block;
  right: 0;
  position: absolute;
  width: 50%;
  height: 100%;
  object-fit: cover;
  top: 37px;
  padding-left: 20px;
}
 .menu-item-active {}
 .menu-item:hover {}
 .submenu {}
 .submenu-item {}
 .submenu-item:hover {}
 /*menu*/ .menu_button {}
 .navigation {}
 .header-open.navigation {}
 .menu {top: 50%;}
 .menu-item {font-size: 26px;width: 91%;margin: auto;text-align: center;opacity: 1;}
 .lang-text {}
 .menu-other {}
 .menu-other-href {}
 #s01 {}
 #s02 {}
 .s0-open{}
 .slogan-header {bottom: 22vw;font-size: 25px;font-family: 'didone';width: 85%; text-align: center;}
 .menu {top: 45%; left: 5%; width: auto;box-sizing: border-box;color: var(--white);font-family: didone; font-size: 42px;text-align: left;width: 89%;height: auto;background-color: unset;border: unset;padding: 20px 0 100px; transform: translateY(-50%);}
 .header.fixed {}
 .header.fixed-2 {}
 .logo {position: absolute;top: 70%;}
 .logo img {width: 124px;}
 .languages {position: absolute; color: #fff; top: 50%; right: 22vw;width: 70px;cursor: pointer;transform: translateY(-50%);display: block;font-size: 23px;font-weight: 200;}
 .header.fixed {}
 .header.fixed .header {}
 .header.fixed-2, .header-open {}
 .header.fixed img {width: 90px;}
 .header.fixed .logo {}
 .header-open {}
 .header.fixed {height: 70px;}
 .header.fixed.header-open {}
 .header-open.header .logo img {
  width: 124px;
}
  .header-open.header .menu_button {margin-top: 0;}
 .arc-header {bottom: 21px;}
 .arc-header img {width: 74px;}
 .core-about {}
 .core-about-top {margin: 20px 0;width: 100%;}
 .core-about-top h3 {font-size: 35px;}
 .core-about-top p {width: 90%;font-weight: 200;}
 .core-about-center iframe {width: 90%;height: 40vh;}
 .core-about-texture {width: 100%;border-radius: 0 65px 0 65px;height: 100px;margin-top: -55px;}
 .btn {}

 .core-slogan-top {position: relative;width: 90%;max-width: 1900px;margin: 20px auto 30px;text-align: center;}
.core-slogan-top h3 {font-size: 18px;font-family: didone;font-weight: 100;line-height: 1.4;padding-bottom: 15px;margin: auto;}

.gal-col-1 { margin: 0;}
 .gal-core {}
 .gal-core-top {margin: 20px auto;}
 .gal-core-top h3 {font-size: 35px;}
 .gal-core-top p {width: 90%;font-size: 20px;font-weight: 200;}
 .gal-col {margin: 0 auto;}
 .gal {column-gap: 7px;column-count: 2;}
 .gal a {margin-bottom: 8px;}
 .gal img {}
 .gal a:hover {}
 .gal img.active {}
 .activator {}
 .gal-col-apar .gal {}
 .gal.collapsed a:nth-child(n+7) {}
 /* core-intro */ .core-intro {}
 .core-intro-top {margin: 35px auto 20px;overflow: hidden;}
 .core-intro-top-l {width: 90%;margin: auto;text-align: center;display: unset;}
 .core-intro-top-r {width: 100%;right: 0;opacity: 1;padding: 15px 0;}
 .core-intro-top-r img {}
 .core-intro-top-l, .core-intro-top-r {}
 .core-intro-top h2 {width: unset;font-size: 22px;}
 .core-intro-bottom {margin-left: unset;width: 90%;text-align: center;left: 50%;transform: translateX(-50%);margin-bottom: 75px;}
 .core-intro-bottom p{text-align: center;font-size: 18px;}
 .core-intro-img {margin-left: unset;width: 100%;height: 30vh;}
 .core-intro-img img{height: 100%;}
 .core-intro-signature {font-size: 23px;}
 /* core-food */ .core-food {}
 .core-food-top {margin: 20px;}
 .core-food-title {width: 69%;}
 .core-food-title h3 {font-size: 35px;}
 .core-food-title p {width: 90%;font-weight: 200;}
 .core-food-img {width: 53%;margin-left: 47%;}
 .core-food-img-first {right: 0;width: 68%;top: 5vh;}

 .core-food-img-second {margin-top: 11vh;width: 43%;display: none;}
 .core-food-center {margin: 10px;margin: auto;}
 .core-food-center-left {width: 100%;height: 23vh;margin-bottom: 20px;}
 .core-food-center-img {height: 100%;object-fit: cover;object-position: center;}
 .core-food-center-right {padding: 0;width: 100%;position: relative;transform: unset;margin: auto;}
 .core-food-bottom {margin-bottom: 20px;margin-top: 10px;}
 .core-food-28 {}
 .core-food-22 {margin-top: 3vh;}
 .core-food-15 {margin-top: 2vh;}
 .core-food-10 {}

 /* core-info */ .core-info {margin-top: 0;width: 100%;}
 .core-info-top {width: 90%;text-align: start;margin: auto;margin-bottom: 20px;}
 .core-info-top h3 {font-size: 35px;padding-bottom: 17px;}
 .core-info-top p {width: 100%;position: relative;font-weight: 200;font-size: 18px;}
 .core-info-center {}
 .core-info-center-l {}
 .core-info-center-l h4 {font-size: 35px;padding-top: 30px;margin-bottom: 13px;}
 .core-info-center-l {width: 100%;text-align: start;height: auto;}
 .core-info-center-l p {width: 100%;margin-left: 0;margin-top: 19px;font-weight: 200;font-size: 18px;}
 .core-info-center-l-inner {margin-right: 0;width: 90%;margin: auto;transform: unset;padding-top: 25px;}
 .core-info-span {font-size: 26px;padding: 3px 0;}
 .core-info-center-r {width: 100%;margin-left: unset;top: 0;transform: unset;height: 30vh;position: relative;margin-top: -20px;}
 .core-info-center-r a {}
 .core-info-center-img {height: 100%;object-fit: cover;}
 .core-info-center-arrow {height: 48px;left: 28%;top: 29%;}
 .arc-texture {width: 90px;height: 80px;margin-top: -50px;}
 .more-container {}
 .more-container-text {font-size: 25px;}
 .more-container span.more-container-img {}
 .more-container img.more-container-img {}
 .more-container:hover img.more-container-img {}
 .more-container[aria-expanded="true"] img.more-container-img {}
 .site-footer {border-top-right-radius: 140px;padding: 30px 25px 0;}
 .img-footer-l {}
 .img-footer-r {}
 .site-footer::before, .site-footer::after {inset: 0;height: auto;padding: 0;margin-bottom: 0;/*! padding-bottom: 0; */}
 .site-footer::after {}
 .footer-inner {}
 .footer-card.emphasis {width: 100%;padding: 20px 0;}
 .footer-title {font-size: 20px;}
 .footer-text, .footer-link {}
 .footer-link:hover {}
 .contact-row {}
 .socials {}
 .socials a {width: 23px;height: 23px;}
 .socials img {}
 .signature {}
 .link-list {}
 .link-list li {}

 .footer-card-inner {transform: unset;
  position: relative;}


  .article {text-align: center;
  position: relative;
  margin-top: 50px;
  width: 90%;
  margin: 50px auto;
  max-width: 1200px;}
.article-request {}
.article h1 {font-size: 25px;width: 85%;
  margin: auto;}
.article h2 {font-size: 18px;width: 75%;
    margin: auto;
    padding-bottom: 20px;}



 .footer-card { width: 100%; margin-right: 4%; margin-bottom: 0;min-height: unset;padding: 30px 0;background: unset;}
  .footer-card.last { width: 100%; margin-right: 0;}
  .more-container { position: static;transform: none; width: auto;  border-right: 0; display: inline-flex; flex-direction: column; gap: 10px;}
  .more-container span.more-container-img { writing-mode: horizontal-tb; transform: none;font-size: 20px;}
  .more-container img.more-container-img { padding-top: 0; width: 45px; transform: none;}
.core-about-img2{width: 90%;height: 40vh;margin-bottom: 5%;}    
    
}