/* Self-hosted Fraunces, SIL Open Font License (see optimized-fonts/Fraunces-OFL.txt). */
@font-face {font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url('optimized-fonts/fraunces-600-latin.woff2') format('woff2')}
/* A shared visual rhythm for the existing Made4Events export. */
:root {
 --m4e-display:Fraunces,Georgia,serif;
 --m4e-ink:#332536;
 --m4e-muted:#67576a;
 --m4e-paper:#fbf7f7;
 --m4e-accent:#755283;
 --m4e-space:clamp(48px,6vw,80px);
}
html,body {background:var(--m4e-paper)}
::selection {color:var(--m4e-ink);background:#e8d6ed}
input,textarea {caret-color:var(--m4e-accent)}
#main-content {color:var(--m4e-ink)}
#main-content .mbr-text {font-family:Roboto,sans-serif;line-height:1.65}
#main-content .mbr-section-title,
.m4e-section-heading h2 {font-family:var(--m4e-display);font-weight:500;letter-spacing:-.025em;line-height:1.18;font-size:clamp(30px,3.6vw,44px)!important}
#main-content .btn,#navigation .btn,.faq-button {
 min-height:48px;border-radius:9px;letter-spacing:.035em;font:500 13px/1.3 Montserrat,sans-serif;
 padding:15px 24px;transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
#main-content .btn-primary,#navigation .btn-primary {background:var(--m4e-accent)!important;border-color:var(--m4e-accent)!important;color:#fff!important}
#main-content .btn-white-outline {border-width:1px}
#main-content a {text-underline-offset:4px}
#navigation .nav-link[aria-current="page"] {text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
#navigation .navbar-collapse {overscroll-behavior:contain}
.m4e-content-page #navigation .nav-link {color:var(--m4e-ink)}
.m4e-content-page #navigation .navbar-logo img {filter:brightness(0)}
.m4e-content-page #navigation .navbar-toggler span {background:var(--m4e-ink)}

/* The original product photograph remains the homepage's opening moment. */
#start.cid-m4e2026002 {height:auto;min-height:620px;min-height:78svh;padding:136px 0 80px}
#start .hero-content {padding:0}
#start.cid-m4e2026002 h1 {font-size:clamp(40px,4.6vw,58px)!important;line-height:1.1;width:fit-content;max-width:100%;white-space:nowrap;letter-spacing:.015em!important;margin:0 auto 18px;color:#fff}
#start .hero-region {font:400 19px/1.5 Roboto,sans-serif;max-width:40ch;margin:0 auto;color:#fff}
.m4e-hero-actions {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 28px;margin-top:24px}
.m4e-hero-link {display:inline-flex;align-items:center;gap:12px;min-height:48px;color:#fff!important;font:400 15px/1.4 Roboto,sans-serif;text-decoration:none}
/* Match the selected capital-letter sample, including FAQ questions. */
#main-content :is(h1,h2,h3,h4),#main-content .faq-list summary,.m4e-quick-answers summary {
 font-family:var(--m4e-display)!important;font-weight:600!important;font-style:normal!important;
 font-optical-sizing:none;font-synthesis:none;text-transform:uppercase!important;letter-spacing:.018em!important;
 overflow-wrap:break-word;hyphens:manual;
}
#pakete .item-title,#startseite-preise .item-title,#leistungen .item-title {font-family:var(--m4e-display);font-weight:500}
.m4e-link-icon {display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;transition:transform .22s ease}
#fragen .faq-button {display:inline-flex;align-items:center;justify-content:center;gap:12px}
#fragen .faq-list .faq-icon,.m4e-quick-answers .faq-icon {display:grid;place-items:center;transform:none}
#fragen .faq-list .faq-icon::before,#fragen .faq-list .faq-icon::after,
.m4e-quick-answers .faq-icon::before,.m4e-quick-answers .faq-icon::after {content:none}
.m4e-accordion-icon {display:block;width:22px;height:22px}
.m4e-icon-vertical {transform-origin:12px 12px;transition:transform .22s ease}
#fragen details[open] .m4e-icon-vertical,.m4e-quick-answers details[open] .m4e-icon-vertical {transform:scaleY(0)}
#angebot.cid-m4e2026003 {padding:32px 0 38px}
#angebot .ribbon-title {font:600 clamp(25px,2.6vw,32px)/1.25 var(--m4e-display)!important;letter-spacing:.018em}
#angebot .m4e-heading-unit {display:inline-block;white-space:nowrap}
#angebot .ribbon-text {font-family:Roboto,sans-serif!important;max-width:68ch;line-height:1.6}
#angebot .ribbon-text a {display:inline!important;color:#fff;text-decoration:underline}
#angebot .wave {height:16px}
#article02-k {padding:var(--m4e-space) 0!important}
#article02-k .intro-watermark {display:none}
#article02-k .intro-heading {max-width:780px;margin:0 auto 36px}
#article02-k .mbr-section-subtitle {color:var(--m4e-muted);font-size:18px}
#article02-k .intro-row {gap:clamp(28px,5vw,64px)}
#article02-k .text-wrapper {max-width:65ch}
#article02-k .image-wrapper img {max-height:480px}
#article02-k .mbr-text {color:var(--m4e-muted)}
#aktion {padding:var(--m4e-space) 0!important}
#aktion .video-link {border-radius:14px;overflow:hidden;max-width:850px;aspect-ratio:16/9;display:block;margin:28px auto 0}
#aktion .video-link img {display:block;width:100%;height:100%;object-fit:cover}
#aktion .play-button {transition:transform .25s ease,background-color .25s ease}

/* Text-first page headers bring the actual task into the first screen. */
section.header18[id^="seitentitel"] {
 height:auto!important;min-height:0!important;display:block!important;
 padding:132px 0 40px!important;background:var(--m4e-paper)!important;color:var(--m4e-ink);
 border-bottom:1px solid #e6dce6;
}
section.header18[id^="seitentitel"] .m4-container {max-width:1100px;padding:0;text-align:left}
section.header18[id^="seitentitel"] .mbr-section-title {color:var(--m4e-ink);text-shadow:none;margin:22px 0 0;text-align:left}
.m4e-back-link {display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--m4e-muted);font:400 14px/1.4 Roboto,sans-serif;text-decoration:none}
.faq-hero-text {margin:18px 0 0;max-width:58ch;text-align:left;font:400 18px/1.6 Roboto,sans-serif;color:var(--m4e-muted);text-wrap:pretty}
#fragen.cid-m4e2026014 {padding:36px 0 var(--m4e-space);background:var(--m4e-paper)}
#fragen .faq-list {padding:0;border-radius:0;background:transparent}
#fragen .faq-list details {margin:0;border:0;border-bottom:1px solid #ded0df;border-radius:0;background:transparent}
#fragen .faq-list details[open] {background:#f1e8f2}
#fragen .faq-list summary {align-items:center;min-height:80px;padding:20px 24px;font:400 23px/1.3 var(--m4e-display);cursor:pointer}
#fragen .faq-list .faq-answer p {font:400 17px/1.65 Roboto,sans-serif;color:var(--m4e-muted);padding:0 76px 24px 24px}
#fragen .faq-icon {border-radius:50%;transition:background-color .2s ease,color .2s ease}
#fragen .faq-contact {margin-top:44px;border-radius:12px}
#text-impressum,#text-datenschutz {padding:40px 0 64px!important}
#text-impressum .m4-container,#text-datenschutz .m4-container {max-width:1100px}
#text-impressum .mbr-text,#text-datenschutz .mbr-text {max-width:72ch;color:var(--m4e-muted)}
#text-impressum h2,#text-datenschutz h2 {font:400 22px/1.35 var(--m4e-display);color:var(--m4e-ink);margin:32px 0 12px}
#text-impressum h2:first-child,#text-datenschutz h2:first-child {margin-top:0}
#kontakt {padding:var(--m4e-space) 0!important}

/* Packages keep the same facts and visual vocabulary on both pages. */
#pakete .price-grid,#startseite-preise .price-grid {gap:20px;padding:0;margin-bottom:24px;max-width:none}
#pakete .item,#startseite-preise .item {transform:none!important}
#pakete .item .item-wrapper,#startseite-preise .item .item-wrapper {border:1px solid #ded0df;border-radius:12px!important;min-height:0;padding:32px 28px;box-shadow:none;background:#fff}
#pakete .item.is-featured .item-wrapper,#startseite-preise .item.is-featured .item-wrapper {border:2px solid var(--m4e-accent);background:#f4edf6}
#pakete .item .package-head,#startseite-preise .item .package-head {min-height:72px}
#pakete .item .package-price,#startseite-preise .item .package-price {font-size:58px!important;margin-top:24px}
#pakete .price-note,#startseite-preise .price-note {color:var(--m4e-muted)}
#pakete .item .mbr-text,#startseite-preise .item .mbr-text {flex:1}
#pakete .item-title,#startseite-preise .item-title {font-size:26px!important;line-height:1.2}
.m4-request h3 {font-size:22px!important;line-height:1.3}
#pakete .popular-badge,#startseite-preise .popular-badge {background:var(--m4e-accent)}
#startseite-preise {padding:var(--m4e-space) 0;background:var(--m4e-paper);text-align:center}
.m4e-section-heading {max-width:760px;margin:0 auto 40px;text-align:center}
.m4e-section-heading h2 {margin:0 0 16px;color:var(--m4e-ink);text-wrap:balance}
.m4e-section-heading p,.m4e-package-delivery {font:400 17px/1.6 Roboto,sans-serif;color:var(--m4e-muted)}
.m4e-package-delivery {margin:20px auto 10px;max-width:62ch}
.m4e-text-link {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;font:400 16px/1.4 Roboto,sans-serif;color:var(--m4e-accent);text-decoration:underline}
#pakete .pricing-intro {margin-bottom:36px}

/* Features become a readable list instead of eight heavy glass tiles. */
#leistungen {padding:var(--m4e-space) 0!important}
#leistungen .m4-shade {background:rgba(30,20,33,.9)}
#leistungen .features-grid {gap:0 40px}
#leistungen .item .item-wrapper {min-height:0;padding:28px 0;gap:24px;flex-direction:row-reverse;align-items:center;background:transparent;border-radius:0;box-shadow:none;border-top:1px solid rgba(255,255,255,.2)}
#leistungen .item .item-content {text-align:left}
#leistungen .item-title {font-size:24px;line-height:1.25;margin-bottom:10px}
#leistungen .item-img {width:64px;height:64px;flex:0 0 64px}
#leistungen .mbr-text {color:#e9dfe9;font-size:16px;line-height:1.65}
#leistungen .mbr-section-subtitle {color:#e6c9dd;font-size:18px}
#leistungen .item-img lord-icon {display:block}
#leistungen .item-img.is-ready img {visibility:hidden}
#Reservierung {padding:var(--m4e-space) 0!important}
#Reservierung .mbr-section-subtitle {color:var(--m4e-muted);font-size:18px;margin-top:16px}
.m4e-occasions .intro h1,.m4e-region .intro h1 {text-transform:none;font:400 clamp(34px,3.7vw,46px)/1.2 var(--m4e-display);letter-spacing:-.02em;max-width:24ch;margin-left:auto;margin-right:auto;text-wrap:balance}
.m4e-occasions .intro,.m4e-region .intro {height:auto;min-height:420px;padding:116px 24px 40px}
.m4e-occasions h2,.m4e-region h2 {font:400 clamp(28px,3vw,40px)/1.2 var(--m4e-display);letter-spacing:-.02em}
.m4e-occasions p,.m4e-occasions li,.m4e-region p,.m4e-region li {font-family:Roboto,sans-serif;line-height:1.65}
.m4e-occasions .eyebrow,.m4e-region .eyebrow {display:none}
.m4e-home-faq {padding:var(--m4e-space) 0;background:#fff;text-align:center}
.m4e-home-faq .m4-container {width:calc(100% - 48px);max-width:1100px;margin:auto}
.m4e-quick-answers {max-width:900px;margin:0 auto 16px;text-align:left}
.m4e-quick-answers details {border-bottom:1px solid #ded0df}
.m4e-quick-answers summary {display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:20px 0;gap:24px;font:400 22px/1.3 var(--m4e-display);color:var(--m4e-ink);cursor:pointer;list-style:none}
.m4e-quick-answers summary::-webkit-details-marker {display:none}
.m4e-quick-answers .faq-icon {width:22px;height:22px;flex:0 0 22px;position:relative}

.m4e-quick-answers .faq-answer {display:block}
.m4e-quick-answers .faq-answer p {max-width:68ch;margin:0;padding:0 32px 24px 0;font:400 17px/1.65 Roboto,sans-serif;color:var(--m4e-muted)}

@media (hover:hover) and (pointer:fine) {
 #main-content .btn:hover,#navigation .btn:hover {background:#60426d!important;border-color:#60426d!important;color:#fff!important;transform:translateY(-2px)}
 #main-content .btn-white-outline:hover {background:#fff!important;border-color:#fff!important;color:var(--m4e-accent)!important}
 .m4e-hero-link:hover .m4e-icon-down {transform:translateY(3px)}
 .m4e-text-link:hover .m4e-icon-right,.faq-button:hover .m4e-icon-right,.button:hover .m4e-icon-right {transform:translateX(3px)}
 .m4e-back-link:hover .m4e-icon-left {transform:translateX(-3px)}
 #aktion .video-link:hover .play-button {transform:translate(-50%,-50%) scale(1.08)}
}
@media (max-width:991px) {
 #navigation .navbar-collapse.show {background:rgba(251,247,247,.72);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
 #navigation .navbar-collapse .nav-link {color:var(--m4e-ink)}
 #pakete .price-grid,#startseite-preise .price-grid {grid-template-columns:1fr;max-width:580px}
 #pakete .package-head,#startseite-preise .package-head,
 #pakete .package-head .item-title,#startseite-preise .package-head .item-title,
 #pakete .package-description,#startseite-preise .package-description,
 #pakete .price-note,#startseite-preise .price-note {text-align:center}
 #pakete .package-price,#startseite-preise .package-price {justify-content:center}
 #pakete .popular-badge,#startseite-preise .popular-badge {align-self:center}
 #pakete .item:last-child,#startseite-preise .item:last-child {grid-column:auto;width:100%}
}
@media (max-width:767px) {
 /* Match the iPhone edge surface on arrival; retain glass when scrolling or opening. */
 html,body {background:#fff}
 #navigation {position:absolute;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
 #navigation.m4e-nav-passed {position:fixed}
 #navigation.m4e-nav-hidden:not(.m4e-nav-scrolled) {transition:none}
 #navigation.m4e-nav-scrolled,#navigation:has(.navbar-collapse.show,.navbar-collapse.collapsing) {-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 8px 18px rgba(0,0,0,.06)}
 #navigation.m4e-nav-scrolled {background:rgba(255,255,255,.68)}
 #navigation:has(.navbar-collapse.show,.navbar-collapse.collapsing) {background:rgba(255,255,255,.78)}
 #navigation .navbar-collapse.show {background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
 /* Compact first impression, with a full-size touch target in every state. */
 #navigation .navbar {min-height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 0 0}
 #navigation .navbar-toggler {display:flex!important;flex-direction:column;align-items:center;justify-content:center;align-self:center;gap:5px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 #navigation .navbar-toggler span {width:24px;height:2px;flex:0 0 2px;margin:0}
 #navigation .navbar-logo img {width:58px}
 #navigation.m4e-nav-scrolled .navbar,#navigation:has(.navbar-collapse.show,.navbar-collapse.collapsing) .navbar {min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 0 8px}
 #navigation.m4e-nav-scrolled .navbar-logo img,#navigation:has(.navbar-collapse.show,.navbar-collapse.collapsing) .navbar-logo img {width:66px}
 #main-content .mbr-section-title,.m4e-section-heading h2 {font-size:clamp(26px,7.2vw,30px)!important;line-height:1.2}
 #start.cid-m4e2026002 {min-height:clamp(480px,66svh,600px);padding:calc(104px + env(safe-area-inset-top)) 0 48px;background-position:70% center}
 #start.cid-m4e2026002 h1 {font-size:clamp(34px,9.4vw,40px)!important;max-width:12ch;white-space:normal;line-height:1.12;margin-bottom:18px;hyphens:none}
 #start .hero-region {font-size:16px;max-width:28ch;line-height:1.6}
 .m4e-hero-actions {flex-direction:column;gap:6px;margin-top:20px}
 .m4e-hero-actions .btn {min-width:200px;max-width:100%}
 .m4e-hero-link {min-height:44px}
 #angebot.cid-m4e2026003 {padding:26px 0 30px!important}
 #angebot .ribbon-title {font-size:clamp(22px,6.2vw,26px)!important;line-height:1.3}
 #angebot .ribbon-text {font-size:16px!important}
 #angebot .mbr-section-btn {display:none}
 #article02-k .intro-heading {margin-bottom:28px}
 #article02-k .image-wrapper img {max-height:320px}
 #article02-k .image-wrapper {max-width:280px}
 #article02-k .mbr-text {font-size:16px;line-height:1.65}
 #article02-k .mbr-section-subtitle {font-size:16px}
 #article02-k .intro-row {gap:28px}
 #aktion .video-link {margin-top:24px;border-radius:10px}
 section.header18[id^="seitentitel"] {padding:calc(88px + env(safe-area-inset-top)) 0 28px!important;min-height:0!important}
 section.header18[id^="seitentitel"] .m4-container {width:calc(100% - 40px);padding:0!important}
 section.header18[id^="seitentitel"] .mbr-section-title {margin-top:12px}
 .faq-hero-text {font-size:16px;margin-top:16px;max-width:none}
 #fragen.cid-m4e2026014 {padding-top:20px}
 #fragen .faq-list summary {min-height:72px;padding:18px 12px;gap:16px;font-size:21px}
 #fragen .faq-list .faq-answer p {padding:0 12px 22px;font-size:16px;line-height:1.65}
 #fragen .faq-list .faq-icon {width:30px;height:30px;flex-basis:30px}
 #fragen .faq-contact {margin-top:32px}
 #text-impressum,#text-datenschutz {padding-top:28px!important}
 #text-impressum .mbr-text,#text-datenschutz .mbr-text {font-size:16px;line-height:1.65}
 #pakete .price-grid,#startseite-preise .price-grid {gap:24px;max-width:none}
 #pakete .item .item-wrapper,#startseite-preise .item .item-wrapper {padding:28px 24px;border-radius:12px}
 #pakete .item .package-head,#startseite-preise .item .package-head {min-height:0}
 #pakete .item-title,#startseite-preise .item-title {font-size:24px!important}
 .m4-request h3 {font-size:19px!important}
 #pakete .item .package-price,#startseite-preise .item .package-price {font-size:48px!important;margin-top:20px}
 #pakete .item .mbr-text p,#startseite-preise .item .mbr-text p {font-size:16px}
 .m4e-section-heading {margin-bottom:32px}
 .m4e-section-heading p,.m4e-package-delivery {font-size:16px}
 #leistungen .services-heading {margin-bottom:24px}
 #leistungen .item .item-wrapper {padding:24px 0;gap:18px;flex-direction:row-reverse}
 #leistungen .item .item-content {flex:1;text-align:left}
 #leistungen .item-img {width:48px;height:48px;flex:0 0 48px;order:0}
 #leistungen .item-title {font-size:21px}
 #leistungen .mbr-section-subtitle {font-size:16px;line-height:1.5}
 .m4e-home-faq .m4-container {width:calc(100% - 40px)}
  .m4e-quick-answers summary {font-size:21px;gap:16px}
 .m4e-quick-answers .faq-answer p {font-size:16px;padding-right:0}
 #Reservierung .mbr-section-subtitle {font-size:16px;line-height:1.5}
 .m4e-occasions .intro h1,.m4e-region .intro h1 {font-size:clamp(26px,7.2vw,30px)!important;line-height:1.2}
 .m4e-occasions .intro,.m4e-region .intro {min-height:0!important;padding:calc(104px + env(safe-area-inset-top)) 20px 36px!important}
 .m4-request input,.m4-request textarea,.m4-request select {font-size:16px}
 .m4-footer {background:#5d4251}
}
@media (prefers-reduced-motion:no-preference) {
 #start .hero-content {animation:m4e-arrive .55s cubic-bezier(.16,1,.3,1) both}
 @keyframes m4e-arrive {from{transform:translateY(12px)}to{transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce) {
 #main-content .btn,#navigation .btn,.faq-button,.faq-icon,.m4e-link-icon,.m4e-icon-vertical,#aktion .play-button {transition:none!important}
}