@font-face{
  font-family:'Allura';
  src:url('fonts/Allura-Regular.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Cormorant Garamond';
  src:url('fonts/CormorantGaramond-SemiBold.woff') format('woff');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'EB Garamond';
  src:url('fonts/EBGaramond-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'EB Garamond';
  src:url('fonts/EBGaramond-SemiBold.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-Regular.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-SemiBold.woff') format('woff');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}


:root{
  --olive:rgba(51,67,7,.62);
  --olive-2:rgba(50,66,6,.62);
  --gold:#917a07;
  --yellow:#ffed97;
  --rose:#cd6969;
  --red:#ba1c1c;
  --line:#ada57c;
  --paper:rgba(251,255,241,.62);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#111;background:#fff;font-family:'EB Garamond',serif}
a{text-decoration:none;color:inherit}
img{display:block}
.container{width:1200px;max-width:calc(100% - 48px);margin:0 auto}
.header{height:117px;background:#fff}
.header__inner{height:100%;width:1200px;max-width:calc(100% - 48px);margin:auto;display:grid;grid-template-columns:360px 1fr 140px;align-items:center}
.brand{display:flex;align-items:center;gap:25px}
.brand__mark{width:98px;height:101px;object-fit:cover}
.brand__word{width:210px;height:40px;object-fit:cover}
.nav{display:flex;align-items:center;justify-content:center;gap:26px;font:400 12px Inter,sans-serif}
.nav a:hover{text-decoration:underline}
.nav-cta{height:26px;border-radius:13px;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font:400 13px Inter,sans-serif}
.hero{height:416px;overflow:hidden}
.hero__inner{width:1320px;height:416px;margin:0 auto;position:relative;background:linear-gradient(90deg,rgba(51,67,7,.62),rgba(51,67,7,.62))}
.hero__copy{position:absolute;z-index:2;left:123px;top:44px}
.kicker{margin:0;font:400 15px Inter,sans-serif;letter-spacing:4.5px;text-transform:uppercase}
.kicker--yellow{color:var(--yellow);letter-spacing:1.65px}
.kicker--olive{color:var(--gold)}
.kicker--white{color:#fff}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:40px;line-height:1.18;color:#fff;margin:13px 0 8px;width:337px}
.hero__text{width:407px;color:#fff;font:400 16px/25px Inter,sans-serif;margin:0 0 36px}
.hero__buttons{display:flex;gap:33px}
.button{height:33px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font:400 14px Inter,sans-serif}
.button--rose{background:var(--rose);color:#fff;border-radius:12.5px}
.button--ghost{border:1px solid rgba(255,255,255,.65);color:#fff;border-radius:12.5px}
.hero__image{position:absolute;right:0;top:0;width:701px;height:416px;object-fit:cover}
.intro{height:403px;position:relative;display:grid;grid-template-columns:470px 1px 1fr;gap:70px;padding-top:54px}
.intro__vertical{position:absolute;left:-15px;top:205px;transform:rotate(-90deg);font:400 15px Inter,sans-serif;color:var(--gold);letter-spacing:4.5px}
.intro__left{padding-left:115px}
.script{font-family:Allura,cursive;color:var(--red);line-height:1;margin:0}
.script--small{font-size:46px}
.script--large{font-size:65px}
.script--xl{font-size:76px}
.intro h2,.services h2,.events h2,.concept h2,.inspiration h2,.contact h2{font-weight:600;color:var(--olive);margin:10px 0 0}
.intro h2{font-size:50px;line-height:1.08}
.intro__rule{width:1px;height:106px;background:#b8b8b8;margin-top:78px}
.intro__right{padding-top:63px;width:432px;font-size:16px;line-height:1.8}
.text-link{font:400 14px Inter,sans-serif;text-decoration:underline}
.services{min-height:994px;height:auto;background:var(--paper);padding:60px 63px 70px}
.section-head{text-align:center}
.section-head h2{font-size:46px}
.section-head>p:last-child{width:492px;margin:0 auto;font-size:16px;line-height:1.8}
.ornament{width:267px;display:flex;align-items:center;gap:12px;margin:42px auto 22px}
.ornament i{height:1px;background:#978e70;flex:1}.ornament b{width:10px;height:10px;border-radius:50%;background:#978e70}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:67px}
.service-card{height:460px;padding:18px 20px}
.service-card--rose{background:rgba(205,105,105,.06)}
.service-card--green{background:rgba(105,118,70,.07)}
.service-card h3,.steps h3{font-size:22px;font-weight:400;letter-spacing:2.4px;margin:0}
.small-rule{display:block;width:82px;height:1px;background:#978e70;margin:10px 0 20px}
.placeholder{background:#d9d9d9}
.service-card .placeholder{height:146px}
.service-card p{font-size:16px;line-height:1.85}
.service-card a{font:400 14px/30px Inter,sans-serif;letter-spacing:1.8px;text-decoration:underline}
.events{height:842px;background:var(--olive-2);display:grid;grid-template-columns:50% 50%;overflow:hidden}
.events__photo{height:842px;overflow:hidden}
.events__photo img{width:822px;height:842px;object-fit:cover;transform:translateX(-102px)}
.events__content{padding:44px 0 0 39px;color:#fff}
.events h2{font-size:46px;color:#fff}
.events__content .script{margin-top:-10px}
.events__text{width:492px;font-size:16px;line-height:1.8}
.event-list{list-style:none;padding:0;margin:34px 0;width:189px}
.event-list li{font:400 15px/44px Inter,sans-serif;border-bottom:1px solid rgba(255,255,255,.38)}
.button--outline{height:46px;border:1px solid var(--yellow);color:#fff}
.concept{height:578px;padding-top:46px}
.concept__head{padding-left:62px}
.concept h2{font-size:62px}
.concept__head .script{margin-left:88px;margin-top:-5px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:95px;border-top:1px solid var(--gold)}
.steps article{padding:18px 19px;min-height:157px;border-right:1px solid var(--gold)}
.steps article:last-child{border-right:none}
.steps p{font-size:16px;line-height:1.85}
.inspiration{height:913px;padding-top:72px}
.inspiration__head{display:grid;grid-template-columns:1fr 477px;align-items:end;padding:0 64px}
.inspiration h2{font-size:62px}
.inspiration__head .script{margin-left:97px;margin-top:-4px}
.inspiration__head>p{font-size:16px;line-height:1.85}
.inspiration__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:end;margin-top:74px}
.inspiration__a{height:416px}.inspiration__b{height:509px}
.slogan{height:329px;background:rgba(223,188,188,.51);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.slogan__quote{width:446px;font-size:37px;font-weight:600;color:var(--olive);margin:20px 0 0}
.contact{height:666px;position:relative}
.contact__inner{display:grid;grid-template-columns:1fr 556px;gap:50px;padding-top:130px}
.contact__copy{padding-top:56px}
.contact h2{font-size:62px}
.contact__copy .script{margin-top:-6px}
.contact__copy>p:last-child{width:477px;font-size:16px;line-height:1.85}
.contact-card{height:406px;position:relative;border:.5px solid var(--line);background:rgba(223,188,188,.16)}
.contact-card__border{position:absolute;left:19px;right:19px;top:17px;bottom:17px;border:.5px solid var(--line)}
.contact-card__content{position:absolute;left:68px;top:88px;width:418px}
.contact-card__mail{display:block;font-size:37px;margin:8px 0 5px}
.contact-card__content>p{font-size:16px;line-height:1.85}
.button--gold{background:#ada57c;color:#fff;height:46px}
.scroll-top{
  position:fixed;
  right:24px;
  bottom:24px;
  width:35px;
  height:35px;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center;
}
.scroll-top img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none;
}
.footer-main{height:447px;background:var(--olive);color:#fff;padding-top:41px}
.footer-brand{text-align:center}
.footer-brand__name{font:600 41px 'EB Garamond',serif;letter-spacing:15.5px;line-height:1.05}
.footer-brand__sub{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:1px;font:600 18px 'EB Garamond',serif;color:var(--yellow);text-transform:uppercase}
.footer-brand__ornament{width:52px;height:6px;position:relative;display:inline-block}
.footer-brand__ornament:before{content:'';position:absolute;left:0;right:8px;top:3px;border-top:1px solid var(--yellow)}
.footer-brand__ornament:after{content:'';position:absolute;right:0;top:1px;width:4px;height:4px;border-radius:50%;background:var(--yellow)}
.footer-brand__ornament--right{transform:scaleX(-1)}
.footer-brand__claim{font:400 15px Inter,sans-serif;letter-spacing:4.5px;margin-top:14px}
.footer-contact{width:1200px;max-width:calc(100% - 48px);margin:59px auto 0}
.footer-social{height:116px;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center}
.footer-social__title{margin-top:8px;font:400 18px Inter,sans-serif;letter-spacing:5.43px;text-transform:uppercase}
.footer-social__icons{display:flex;align-items:center;justify-content:center;gap:36px;margin-top:18px}
.footer-social__icons a{display:block;width:30px;height:30px}
.footer-social__icons img{width:30px;height:30px;object-fit:contain}
.footer-contact__bottom{height:59px;display:flex;align-items:center;justify-content:center;gap:39px}
.footer-contact__item{display:flex;align-items:center;gap:10px;font:400 13px Inter,sans-serif;letter-spacing:1px}
.footer-contact__item img{width:30px;height:30px;object-fit:contain}
.footer-contact__divider{width:1px;height:30px;background:rgba(255,255,255,.55)}
.footer-legal{height:56px;display:flex;align-items:center;justify-content:space-between;font:400 12px Inter,sans-serif;letter-spacing:2.5px}
.footer-legal div{display:flex;gap:38px}
@media(max-width:1100px){body{min-width:1100px}}

.whatsapp-fixed{
  position:fixed;
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:1000;
  height:48px;
  padding:0 18px 0 13px;
  display:flex;
  align-items:center;
  gap:10px;
  background:#8f9a7c;
  color:#fff;
  border-radius:0 24px 24px 0;
  box-shadow:0 3px 12px rgba(0,0,0,.16);
  font:600 12px Inter,sans-serif;
  letter-spacing:1.5px;
  transition:padding .2s ease, background .2s ease;
}
.whatsapp-fixed:hover{
  background:#7d896b;
  padding-right:22px;
}
.whatsapp-icon{
  width:27px;
  height:27px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.whatsapp-icon svg{
  width:27px;
  height:27px;
  fill:#fff;
}
.whatsapp-label{
  white-space:nowrap;
}

.whatsapp-icon img{
  width:27px;
  height:27px;
  object-fit:contain;
}

/* Service cards: CTA links aligned on one horizontal line */
.service-card{display:flex;flex-direction:column;box-sizing:border-box}
.service-card p{margin-bottom:0}
.service-card > a{margin-top:auto;align-self:flex-start;white-space:nowrap}


/* Eventdesign Detailbereich */
.service-card--active{outline:1px solid rgba(151,142,112,.75);outline-offset:-1px;position:relative}
.service-card--active:after{content:'';position:absolute;left:50%;bottom:-76px;width:18px;height:18px;background:var(--paper);border-left:1px solid rgba(151,142,112,.65);border-top:1px solid rgba(151,142,112,.65);transform:translateX(-50%) rotate(45deg);z-index:3}
.eventdesign-toggle[aria-expanded="true"]{color:var(--gold)}
.service-detail{position:relative;margin-top:74px;border:1px solid rgba(151,142,112,.55);background:#fbfaf5;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}
.service-detail[hidden]{display:none}
.service-detail.is-open{opacity:1;transform:translateY(0)}
.service-detail__inner{display:grid;grid-template-columns:56% 44%;min-height:430px;padding:24px}
.service-detail__image-wrap{position:relative;overflow:hidden;min-height:430px}
.service-detail__image-wrap img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 54%;filter:saturate(.82) brightness(1.04)}
.service-detail__image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(35,31,22,.26),transparent 36%)}
.service-detail__image-note{position:absolute;left:28px;bottom:24px;z-index:2;color:#f9edc7;font-size:36px;max-width:360px;line-height:1.05}
.service-detail__content{padding:8px 34px 16px 40px;color:#26251f}
.service-detail__content h3{font-family:'Cormorant Garamond',serif;font-size:38px;line-height:1.05;font-weight:600;color:var(--olive);margin:13px 0 15px;letter-spacing:.2px}
.service-detail__content>p:not(.kicker):not(.service-detail__label){font-size:15px;line-height:1.65;margin:0 0 8px}
.service-detail__rule{height:1px;background:rgba(151,142,112,.5);margin:17px 0 10px}
.service-detail__label{font:400 12px Inter,sans-serif;letter-spacing:3.2px;color:var(--gold);margin:0 0 12px}
.service-detail__list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:12px;font-size:15px}
.service-detail__list span{position:relative;padding-left:19px}
.service-detail__list span:before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border:1px solid var(--gold);border-radius:50%}
.service-detail__actions{display:flex;gap:13px;margin-top:24px}
.service-detail__request{height:42px;background:var(--olive);color:#fff;border-radius:0;padding:0 20px;letter-spacing:1.4px;font-size:12px}
.service-detail__close{height:42px;padding:0 19px;border:1px solid rgba(151,142,112,.7);background:transparent;color:#585a45;font:400 12px Inter,sans-serif;letter-spacing:1.4px;cursor:pointer}
.service-detail__close span{font-size:18px;line-height:0;margin-left:8px;vertical-align:-1px}

/* Figma-Abgleich 13.09.2026: aktuelle Farben und vier Leistungsdetails */
:root{
  --olive:rgba(51,67,7,.62);
  --olive-2:rgba(50,66,6,.62);
  --gold:#917a07;
  --yellow:#ffed97;
  --rose:#cd6969;
  --red:#ba1c1c;
  --line:#ada57c;
  --paper:rgba(251,255,241,.62);
  --slogan:rgba(223,188,188,.51);
  --contact-card:rgba(223,188,188,.16);
}
.slogan{background:var(--slogan)}
.contact-card{background:var(--contact-card)}

.service-detail{
  position:relative;
  margin-top:74px;
  width:100%;
  height:609px;
  border:.5px solid var(--gold);
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .2s ease,transform .2s ease;
  overflow:hidden;
}
.service-detail--rose{background:rgba(205,105,105,.06)}
.service-detail--green{background:rgba(105,118,70,.07)}
.service-detail[hidden]{display:none}
.service-detail.is-open{opacity:1;transform:translateY(0)}
.service-detail__inner{display:grid;grid-template-columns:586px 1fr;gap:35px;height:100%;padding:26px 32px}
.service-detail__image{width:586px;height:555px;background:#d9d9d9;overflow:hidden}
.service-detail__image img{width:100%;height:100%;object-fit:cover}
.service-detail__content{position:relative;padding:0;color:#000;min-width:0}
.service-detail__kicker{margin:0;color:var(--gold);font:400 15px/18px Inter,sans-serif;letter-spacing:4.5px;text-transform:uppercase}
.service-detail__content h3{margin:17px 0 35px;font:600 32px/1.2 'EB Garamond',serif;color:#000;letter-spacing:0}
.service-detail__content>p:not(.service-detail__kicker):not(.service-detail__label):not(.service-detail__items){margin:0 0 17px;font:400 16px/1.35 'EB Garamond',serif;color:#000}
.service-detail__rule{width:380px;height:1px;background:var(--gold);opacity:.75;margin:20px 0 14px}
.service-detail__label{margin:0 0 11px;color:var(--gold);font:400 15px/18px Inter,sans-serif;letter-spacing:4.5px;text-transform:uppercase}
.service-detail__items{margin:0;width:539px;max-width:100%;font:600 16px/2 Inter,sans-serif;text-transform:uppercase;color:#000}
.service-detail__actions{position:absolute;left:0;bottom:0;display:flex;gap:16px;align-items:center}
.service-detail__request,.service-detail__close{height:46px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font:400 14px Inter,sans-serif;text-transform:uppercase;white-space:nowrap}
.service-detail__request{width:228px;background:var(--line);color:#fff}
.service-detail__request--wide{width:259px}
.service-detail__close{width:145px;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer}
.service-toggle[aria-expanded="true"]{color:var(--gold)}
.service-card--active{outline:1px solid rgba(145,122,7,.55);outline-offset:-1px}

/* Detailframes exakt nach Figma (1200 × 609) */
.services > .service-detail{
  width:1200px;
  max-width:none;
  margin-left:-63px;
  height:609px;
  box-sizing:border-box;
}
.service-detail__inner{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  padding:0;
}
.service-detail__image{
  position:absolute;
  left:32px;
  top:26px;
  width:586px;
  height:555px;
}
.service-detail__content{
  position:absolute;
  left:653px;
  top:26px;
  width:512px;
  height:556px;
  padding:0;
}
.service-detail__kicker{
  position:absolute;
  left:1px;
  top:1px;
  margin:0;
}
.service-detail__content h3{
  position:absolute;
  left:1px;
  top:35px;
  margin:0;
  font:600 32px/1.2 'EB Garamond',serif;
  color:#000;
}
.service-detail__description{
  position:absolute;
  left:1px;
  top:132px;
  width:512px;
  font:400 16px/1.35 'EB Garamond',serif;
  color:#000;
}
.service-detail__description p{margin:0 0 17px}
.service-detail__description p:last-child{margin-bottom:0}
.service-detail__rule,
.service-detail__label,
.service-detail__items,
.service-detail__actions{position:absolute;left:1px;margin:0}
.service-detail__rule{width:380px;height:1px;background:var(--gold);opacity:.75}
.service-detail__label{width:296px}
.service-detail__items{width:488px;max-width:none;font:600 16px/2 Inter,sans-serif}
.service-detail__actions{bottom:0;display:flex;gap:16px;align-items:center}

#eventdesign-details .service-detail__rule{top:319px}
#eventdesign-details .service-detail__label{top:336px}
#eventdesign-details .service-detail__items{top:363px}

#dekoration-details .service-detail__rule{top:339px}
#dekoration-details .service-detail__label{top:356px}
#dekoration-details .service-detail__items{top:391px}

#papeterie-details .service-detail__rule{top:307px}
#papeterie-details .service-detail__label{top:324px}
#papeterie-details .service-detail__items{top:378px}

#details-details .service-detail__rule{top:315px}
#details-details .service-detail__label{top:332px}
#details-details .service-detail__items{top:366px;width:512px}
#details-details .service-detail__content{width:512px}
#details-details .service-detail__actions{left:1px}

/* Bei kleineren Desktopbreiten nicht innerhalb des gepaddeten Leistungsbereichs schrumpfen. */
@media (max-width:1248px){
  .services > .service-detail{margin-left:-63px}
}

/* Persönliche Details: Anfrage-Button wie im Figma-Frame, Text vollständig sichtbar */
#details-details .service-detail__request--wide{
  width:259px;
  padding:0 10px;
  font-size:12px;
  letter-spacing:.45px;
  white-space:nowrap;
  overflow:visible;
}
#details-details .service-detail__actions{gap:13px;}

/* Figma-Abgleich: Intro / Über EVENTESA */
.intro{
  height:403px;
  position:relative;
  display:block;
  padding:0;
}
.intro__vertical{
  position:absolute;
  left:48px;
  top:382px;
  width:145px;
  height:18px;
  transform:rotate(-90deg);
  transform-origin:top left;
  font:400 15px/18px Inter,sans-serif;
  color:var(--gold);
  letter-spacing:4.5px;
  text-transform:uppercase;
  white-space:nowrap;
}
.intro__left{
  position:absolute;
  left:235px;
  top:54px;
  width:397px;
  padding:0;
}
.intro .script--small{
  font-size:46.363px;
  line-height:44.915px;
  white-space:nowrap;
}
.intro h2{
  width:397px;
  margin:23px 0 0;
  font-size:49.961px;
  line-height:1.08;
}
.intro__rule{
  position:absolute;
  left:166px;
  top:132px;
  width:1px;
  height:106px;
  margin:0;
  background:#b8b8b8;
}
.intro__right{
  position:absolute;
  left:701px;
  top:122px;
  width:432px;
  padding:0;
  font-size:16px;
  line-height:1.8;
}
.intro__right p{
  margin:0 0 14px;
}
.intro__right .text-link{
  display:inline-block;
  margin-top:0;
}

/* Korrektur: vertikales EVENTESA exakt wie in Figma */
.intro__vertical{
  left:48px;
  top:92px;
  width:18px;
  height:145px;
  transform:none;
  transform-origin:initial;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font:400 15px/18px Inter,sans-serif;
  letter-spacing:4.5px;
  white-space:nowrap;
}
.intro__rule{
  left:165px;
  top:132px;
  width:1px;
  height:106px;
}

/* FINALER FIGMA-ABGLEICH INTRO: EVENTESA und Trennlinie exakt bündig */
.intro__vertical{
  position:absolute;
  left:48px;
  top:238px;
  width:106px;
  height:18px;
  transform:rotate(-90deg);
  transform-origin:top left;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
  display:block;
  font:400 15px/18px Inter,sans-serif;
  color:var(--gold);
  letter-spacing:4.5px;
  text-transform:uppercase;
  white-space:nowrap;
}
.intro__rule{
  position:absolute;
  left:166px;
  top:132px;
  width:1px;
  height:106px;
  margin:0;
  background:#b8b8b8;
}