{"id":6872,"date":"2026-10-20T20:47:09","date_gmt":"2026-10-20T20:47:09","guid":{"rendered":"https:\/\/mariell-beauty.de\/?page_id=6872"},"modified":"2026-10-21T13:25:05","modified_gmt":"2026-10-21T13:25:05","slug":"messe","status":"publish","type":"page","link":"https:\/\/mariell-beauty.de\/en\/messe\/","title":{"rendered":"Messe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6872\" class=\"elementor elementor-6872\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c59ff7 e-con-full e-flex e-con e-parent\" data-id=\"4c59ff7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f666d3 elementor-widget elementor-widget-html\" data-id=\"6f666d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- M. Beauty \u00b7 Messe-Seite \/messe\/ \u00b7 TEIL 1 von 2 (oberhalb des Formulars) -->\n<!-- Einsetzen in Elementor: Seitenlayout \"Elementor Canvas\", Widget \"HTML\". -->\n<!-- Darunter kommt das Formular-Widget \"Messe MEC 2026\", darunter Teil 2. -->\n\n<!-- Schriften. Diese Zeile kannst du loeschen, sobald Cormorant Garamond und -->\n<!-- Karla lokal ueber Elementor Custom Fonts eingebunden sind. -->\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Karla:ital,wght@0,200..700;1,200..700&display=swap\">\n\n<div class=\"mbx\">\n<svg width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\" style=\"position:absolute;width:0;height:0;overflow:hidden\"><filter id=\"mbxKnock7\" color-interpolation-filters=\"sRGB\"><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.2126 -0.7152 -0.0722 0 1\"\/><feComposite in2=\"SourceGraphic\" operator=\"in\"\/><\/filter><\/svg>\n<header class=\"nav\"><div class=\"nav-in\"><a class=\"brand\" href=\"https:\/\/mariell-beauty.de\/\"><span class=\"mark\" role=\"img\" aria-label=\"M. Beauty Logo\"><\/span><span class=\"wm\">M.Beauty<small>Braut &amp; Eventstyling<\/small><\/span><\/a><input type=\"checkbox\" id=\"mbxNav\" class=\"nav-toggle\"><label class=\"burger\" for=\"mbxNav\" aria-label=\"Men\u00fc\"><span><\/span><span><\/span><span><\/span><\/label><nav class=\"nav-links\"><a href=\"#angebote\">Messe-Angebote<\/a><a href=\"#preise\">Preise<\/a><a href=\"#ueber-mich\">\u00dcber mich<\/a><a href=\"#fragen\">Fragen<\/a><a href=\"https:\/\/mariell-beauty.de\/\">Zur Website<\/a><a class=\"btn nav-cta\" href=\"#anfrage\">Wunschtermin pr\u00fcfen<\/a><\/nav><a class=\"btn nav-desk\" href=\"#anfrage\">Wunschtermin pr\u00fcfen<\/a><\/div><\/header>\n<main>\n  <div class=\"pagehead\">\n    <div class=\"shell\">\n      <span class=\"eyebrow\">Hochzeitsmesse MEC Braunschweig \u00b7 7. &amp; 8. November 2026<\/span>\n      <h1 style=\"font-size:clamp(2.2rem,5vw,3.9rem)\">Dein Messe-Vorteil auf einen Blick<\/h1>\n      <p class=\"lead\">Hier findest du alles, wor\u00fcber wir am Stand sprechen: meine Brautpakete, die beiden Messe-Angebote und wie es weitergeht. Trag dich unten ein \u2013 dann pr\u00fcfe ich deinen Wunschtermin und schicke dir deinen Kostenvoranschlag.<\/p>\n      <div class=\"ms-cta\">\n        <a class=\"btn solid\" href=\"#anfrage\">Wunschtermin pr\u00fcfen<\/a>\n        <a class=\"btn\" href=\"https:\/\/wa.me\/491731687594?text=Hallo%20Mariell%2C%20ich%20war%20auf%20der%20Hochzeitsmesse%20MEC%20und%20m%C3%B6chte%20meinen%20Wunschtermin%20pr%C3%BCfen%20lassen.%20Datum%3A%20\" target=\"_blank\" rel=\"noopener\">Per WhatsApp<\/a>\n      <\/div>\n      <div class=\"ms-facts\">\n        <span><b>Inklusive<\/b>Probestyling in jedem Paket<\/span>\n        <span><b>Mobil<\/b>ich komme zu dir<\/span>\n        <span><b>4,9 \/ 5<\/b>bei Google<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"white\" id=\"angebote\">\n    <div class=\"shell\">\n      <div class=\"sec-head\">\n        <span class=\"eyebrow\">Messe-Angebote<\/span>\n        <h2>Zwei Wege zu deinem Vorteil<\/h2>\n        <div class=\"rule\"><\/div>\n      <\/div>\n      <div class=\"ms-offers\">\n        <article class=\"ms-offer hot\" data-bis=\"2026-11-08T23:59:59+01:00\">\n          <span class=\"ms-over\">Abgelaufen<\/span>\n          <span class=\"ms-when\">Nur am 7. &amp; 8. November<\/span>\n          <h3>Am Stand gebucht,<br><em>100 \u20ac gespart<\/em><\/h3>\n          <p>Buchst du direkt am Messetag, zahlst du f\u00fcr deine Hochzeit 2027 noch meine bisherigen Preise \u2013 also 100 \u20ac weniger auf jedes Brautpaket.<\/p>\n          <span class=\"ms-small\">Gilt f\u00fcr Brautpakete, die am Messetag mit Reservierung (10 % des Kostenvoranschlags) gebucht werden.<\/span>\n        <\/article>\n        <article class=\"ms-offer\" data-bis=\"2026-11-30T23:59:59+01:00\">\n          <span class=\"ms-over\">Abgelaufen<\/span>\n          <span class=\"ms-when\">Bis 30. November 2026<\/span>\n          <h3>Dein Haarschmuck<br><em>geht auf mich<\/em><\/h3>\n          <p>Du m\u00f6chtest erst in Ruhe \u00fcberlegen? Reservierst du bis zum 30. November und nennst den Code, leihst du ein Haarschmuck-St\u00fcck \u2013 Haarranke, Kamm oder Diadem \u2013 gratis dazu.<\/p>\n          <span class=\"ms-code\">MEC26<\/span>\n          <span class=\"ms-small\">F\u00fcr neue Brautbuchungen mit Reservierung bis 30.11.2026. Eine Leihe pro Braut, Kaution wie \u00fcblich.<\/span>\n        <\/article>\n      <\/div>\n      <p class=\"ms-nocombo\">Die beiden Angebote lassen sich nicht miteinander kombinieren.<\/p>\n    <\/div>\n  <\/section>\n\n  <section id=\"preise\">\n    <div class=\"shell\">\n      <div class=\"sec-head\">\n        <span class=\"eyebrow\">Brautpakete<\/span>\n        <h2>Preise 2027 \u2013 und dein Messepreis<\/h2>\n        <p class=\"lead\">Alle Pakete mit Probestyling. Es sind Ab-Preise: Deinen festen Preis bekommst du vorab im Kostenvoranschlag, jede Position einzeln aufgeschl\u00fcsselt.<\/p>\n      <\/div>\n      <div class=\"pakete\">\n        <div class=\"paket\">\n          <div><span class=\"no\">Paket I<\/span><div class=\"name\">Basic<\/div><\/div>\n          <div class=\"ms-pp\">\n            <div class=\"r\"><span class=\"k\">Preis 2027<\/span><span class=\"v\">ab 350 \u20ac<\/span><\/div>\n            <div class=\"r m\"><span class=\"k\">Am Messetag gebucht<\/span><span class=\"v\">ab 250 \u20ac<\/span><\/div>\n          <\/div>\n          <ul><li>Pers\u00f6nliche Beratung<\/li><li>Make-up-Probe vorab<\/li><li>Braut-Make-up am Hochzeitstag<\/li><\/ul>\n        <\/div>\n        <div class=\"paket pick\">\n          <span class=\"tag\">Meine Empfehlung<\/span>\n          <div><span class=\"no\">Paket II<\/span><div class=\"name\">Good to go<\/div><\/div>\n          <div class=\"ms-pp\">\n            <div class=\"r\"><span class=\"k\">Preis 2027<\/span><span class=\"v\">ab 500 \u20ac<\/span><\/div>\n            <div class=\"r m\"><span class=\"k\">Am Messetag gebucht<\/span><span class=\"v\">ab 400 \u20ac<\/span><\/div>\n          <\/div>\n          <ul><li>Alles aus Basic<\/li><li>Haar-Probe vorab<\/li><li>Brautfrisur am Hochzeitstag<\/li><\/ul>\n        <\/div>\n        <div class=\"paket\">\n          <div><span class=\"no\">Paket III<\/span><div class=\"name\">Rund um sorglos<\/div><\/div>\n          <div class=\"ms-pp\">\n            <div class=\"r\"><span class=\"k\">Preis 2027<\/span><span class=\"v\">ab 620 \u20ac<\/span><\/div>\n            <div class=\"r m\"><span class=\"k\">Am Messetag gebucht<\/span><span class=\"v\">ab 520 \u20ac<\/span><\/div>\n          <\/div>\n          <ul><li>Alles aus Good to go<\/li><li>Styling f\u00fcr eine weitere Person \u2013 z. B. Mama, Trauzeugin oder Schwester<\/li><\/ul>\n        <\/div>\n      <\/div>\n      <p class=\"ms-incl\"><b>In jedem Paket:<\/b> Probestyling bei dir, Tipps zur Hautvorbereitung und ein Zeitplan f\u00fcr deinen Hochzeitsmorgen.<\/p>\n\n      <div class=\"ms-lists\">\n        <div>\n          <h3>F\u00fcr deine Liebsten &amp; Extras<\/h3>\n          <div class=\"ms-row\"><span>Begleitperson Haare &amp; Make-up<\/span><span>ab 140 \u20ac<\/span><\/div>\n          <div class=\"ms-row\"><span>Begleitperson Make-up oder Frisur<\/span><span>ab 75 \u20ac<\/span><\/div>\n          <div class=\"ms-row\"><span>Hochzeitsbegleitung zum Nachbessern<\/span><span>ab 35 \u20ac \/ Std.<\/span><\/div>\n          <div class=\"ms-row\"><span>Haarschmuck leihen<\/span><span>15 \u20ac \/ 30 \u20ac<\/span><\/div>\n          <div class=\"ms-row\"><span>K\u00fcnstliche Wimpern<\/span><span>ab 5 \u20ac<\/span><\/div>\n        <\/div>\n        <div>\n          <h3>Anfahrt &amp; Zuschl\u00e4ge<\/h3>\n          <div class=\"ms-row\"><span>Anfahrt innerhalb Wolfsburg<\/span><span>0 \u20ac<\/span><\/div>\n          <div class=\"ms-row\"><span>Au\u00dferhalb, pro Kilometer<\/span><span>ab 0,50 \u20ac<\/span><\/div>\n          <div class=\"ms-row\"><span>Fr\u00fchaufschlag vor 8 Uhr<\/span><span>45 \u20ac \/ Std.<\/span><\/div>\n          <div class=\"ms-row\"><span>Mindestumsatz ab 60 km<\/span><span>500 \u20ac<\/span><\/div>\n          <div class=\"ms-row\"><span>Hochzeit im Ausland<\/span><span>ab 900 \u20ac<\/span><\/div>\n        <\/div>\n      <\/div>\n      <p class=\"ms-fine\">Preisstand 2027. Alle Preise sind Endpreise (Kleinunternehmerin, \u00a7 19 UStG). Haarschmuck zzgl. 50 \u20ac Kaution, die nach der R\u00fcckgabe erstattet wird. Ausland zzgl. 150 \u20ac je Reisetag sowie Reise &amp; Unterkunft. Die Reservierung (20 % des Kostenvoranschlags, am Messetag 10 %) wird mit der Endsumme verrechnet.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"white\" id=\"ueber-mich\">\n    <div class=\"shell split\">\n      <div class=\"frame\"><i style=\"height:clamp(320px,46vw,600px);background-image:url(https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4249605-scaled-1.jpeg)\"><\/i><\/div>\n      <div class=\"split-copy\">\n        <span class=\"eyebrow\">Wieso ich<\/span>\n        <h2>Was dich bei mir erwartet<\/h2>\n        <p>Ich bin Mariell, Visagistin und Hairstylistin aus Wolfsburg \u2013 aufgewachsen im Friseursalon meiner Mutter, seit 2020 selbstst\u00e4ndig. Mein Anspruch: ein Look, der dich unterstreicht statt verkleidet.<\/p>\n        <ul class=\"ms-why\">\n          <li><span class=\"n\">01<\/span><b>Probestyling bei dir<\/b>Sechs bis acht Wochen vorher testen wir deinen Look in Ruhe \u2013 bei dir, damit ich die Gegebenheiten vor Ort schon kenne.<\/li>\n          <li><span class=\"n\">02<\/span><b>Ein Plan f\u00fcr deinen Morgen<\/b>Startzeit, Reihenfolge, Puffer: Wir legen den Zeitplan gemeinsam fest, passend zu Fotoshooting und Trauung.<\/li>\n          <li><span class=\"n\">03<\/span><b>Fester Preis vorab<\/b>Im Kostenvoranschlag steht jede Position einzeln. Was dazukommt, kl\u00e4ren wir vorher \u2013 nicht danach.<\/li>\n          <li><span class=\"n\">04<\/span><b>Ich komme zu dir<\/b>Nach Hause, ins Hotel oder zur Location. In Wolfsburg ohne Anfahrtskosten, bis etwa 150 km im Umkreis.<\/li>\n          <li><span class=\"n\">05<\/span><b>F\u00fcr deine Liebsten<\/b>Gern style ich auch Mama, Trauzeugin und Brautjungfern \u2013 und begleite dich auf Wunsch durch den Tag.<\/li>\n          <li><span class=\"n\">06<\/span><b>4,9 von 5 bei Google<\/b>Was meine Br\u00e4ute \u00fcber mich schreiben, liest du direkt bei Google. <a href=\"https:\/\/maps.app.goo.gl\/ZYX3aSNfH2qy3X8V8\" target=\"_blank\" rel=\"noopener\">Bewertungen lesen<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"band\">\n    <div class=\"shell\">\n      <div class=\"sec-head\">\n        <span class=\"eyebrow\">So geht es weiter<\/span>\n        <h2>In drei Schritten zu deinem Termin<\/h2>\n      <\/div>\n      <ul class=\"need\">\n        <li><span class=\"n\">01<\/span><b>Datum pr\u00fcfen<\/b>Am Stand oder \u00fcber das Formular hier unten. Ich schaue sofort in meinen Kalender.<\/li>\n        <li><span class=\"n\">02<\/span><b>Kostenvoranschlag<\/b>Du bekommst deinen festen Preis mit allen Positionen \u2013 auf Wunsch direkt am Stand, sonst schicke ich ihn dir nach der Messe.<\/li>\n        <li><span class=\"n\">03<\/span><b>Reservierung<\/b>Mit der Reservierung \u2013 am Messetag nur 10 % des Kostenvoranschlags, sonst 20 % \u2013 ist dein Datum fest f\u00fcr dich reserviert. Der Betrag wird mit der Endsumme verrechnet.<\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <section class=\"anfrage\" id=\"anfrage\">\n    <div class=\"shell\">\n      <span class=\"eyebrow\">Wunschtermin<\/span>\n      <h2>Datum pr\u00fcfen &amp; Messe-Vorteil sichern<\/h2>\n      <p class=\"lead\">Trag dich ein \u2013 ich pr\u00fcfe deinen Termin und schicke dir deinen Kostenvoranschlag mit Messe-Vorteil. Datum noch nicht fest? Dann lass das Feld einfach leer.<\/p>\n      <span class=\"quick\">Ich melde mich nach der Messe pers\u00f6nlich bei dir<\/span>\n    <\/div>\n  <\/section>\n<\/main>\n<\/div>\n\n<style>\n\/* Namensraum .mbx \u2013 beruehrt nichts ausserhalb dieses Blocks *\/\n\n.mbx{\n  --logo:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/cropped-Kopie-von-Mariell-Logo-1.png\");\n  --img-me:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/Untitled-design-4.png\");\n  --img-hero:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/cropped-77286484-65D9-4F79-9EC3-E82B64B16D6A.jpg\");\n  --img-braut:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/2B34250F-B325-4D8C-8AF3-329BA22A0B89-819x1024.jpg\");\n  --img-event:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4249429-scaled-1-768x1024.jpg\");\n  --img-hair:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/0D4CF130-4FD2-410F-9B8E-1CF2A6A6B1B1-768x1024.jpg\");\n  --img-schulung:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4248712-scaled-1-768x1024.jpg\");\n  --img-portrait:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/6599EA1D-417E-4B73-B669-948C3E677AF7-768x1024.jpg\");\n  --img-craft:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4248496-scaled-1-768x1024.jpg\");\n  --img-p1:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/1F337B88-8F36-4F82-81CA-59DCE928F056-768x1024.jpg\");\n  --img-p2:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/6eb0b244-ca47-4e67-bc79-786e8389ad5a-682x1024.jpg\");\n  --paper:#F6F4F2;\n    --surface:#FFFFFF;\n    --band:#EDE7E4;\n    --ink:#241C1F;\n    --ink-soft:#6A5D61;\n    --ink-faint:#9C9094;\n    --line:#E4DCD8;\n    --line-soft:#EFE9E6;\n    --plum:#4E2033;\n    --plum-soft:#F1E7EA;\n    --rose:#BF8592;\n\n    --serif:\"Cormorant Garamond\",Georgia,\"Times New Roman\",serif;\n    --sans:\"Karla\",\"Helvetica Neue\",Arial,system-ui,sans-serif;\n    --gut:clamp(20px,5.5vw,84px);\n    --ease:cubic-bezier(.19,1,.22,1);\n  }\n.mbx *{box-sizing:border-box}\n.mbx{\n    background:var(--paper);color:var(--ink);\n    font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.78;\n    -webkit-font-smoothing:antialiased;overflow:visible;\n  }\n.mbx a{color:inherit;text-decoration:none}\n.mbx button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\n.mbx *:focus-visible{outline:1px solid var(--plum);outline-offset:4px}\n.mbx [hidden]{display:none!important}\n  @media (prefers-reduced-motion:reduce){\n.mbx *{animation:none!important;transition:none!important}}\n.mbx .shell{max-width:1300px;margin:0 auto;padding:0 var(--gut)}\n.mbx h1, .mbx h2, .mbx h3{margin:0;font-family:var(--serif);font-weight:300;letter-spacing:.004em;text-wrap:balance}\n.mbx h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.03}\n.mbx h2{font-size:clamp(1.85rem,3.9vw,3rem);line-height:1.12}\n.mbx h3{font-size:1.3rem;line-height:1.28}\n.mbx p{margin:0}\n.mbx em{font-style:italic;color:var(--plum)}\n.mbx .eyebrow{font-size:10px;font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:var(--rose)}\n.mbx .lead{font-size:17.5px;color:var(--ink-soft);max-width:48ch;font-weight:200}\n.mbx .hair{height:1px;background:var(--line);width:100%}\n.mbx .rule{height:1px;width:70px;background:var(--plum);opacity:.55}\n.mbx \/* ---------------- intro curtain ---------------- *\/\n  \/* Der Vorhang oeffnet sich allein per CSS. Auch wenn kein Skript laeuft, .mbx bleibt die Seite dadurch nie verdeckt. *\/\n  #intro{position:fixed;inset:0;z-index:9999;pointer-events:none;\n    animation:introEnd .01s 3.6s forwards}\n  @keyframes introEnd{to{visibility:hidden}}\n.mbx #intro .half{position:absolute;left:0;width:100%;height:50.2%;background:var(--paper);\n    will-change:transform;animation-duration:1.15s;animation-delay:2.15s;\n    animation-timing-function:var(--ease);animation-fill-mode:forwards}\n.mbx #intro .top{top:0;animation-name:curtainUp}\n.mbx #intro .bot{bottom:0;animation-name:curtainDown}\n  @keyframes curtainUp{to{transform:translateY(-100%)}}\n  @keyframes curtainDown{to{transform:translateY(100%)}}\n.mbx #intro .stage{position:absolute;inset:0;display:flex;flex-direction:column;\n    align-items:center;justify-content:center;gap:20px;\n    animation:stageOut .5s 2.15s ease forwards}\n  @keyframes stageOut{to{opacity:0}}\n.mbx #intro.skip *{animation-delay:0s!important;animation-duration:.35s!important}\n.mbx #intro.gone{display:none}\n.mbx #intro .mark{width:104px;height:107px;background-image:var(--logo);background-size:contain;\n    background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply;\n    animation:markIn 1.1s var(--ease) both}\n  @keyframes markIn{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}\n.mbx #intro .wm{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.3em;\n    text-transform:uppercase;animation:markIn 1.1s .2s var(--ease) both}\n.mbx #intro .tag{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);\n    animation:markIn 1.1s .45s var(--ease) both;text-align:center;padding:0 24px}\n.mbx #intro .draw{width:0;height:1px;background:var(--plum);opacity:.5;\n    animation:drawLine .9s .6s var(--ease) both}\n  @keyframes drawLine{from{width:0}to{width:150px}}\n.mbx \/* ---------------- draft bar ---------------- *\/\n  .draft{background:var(--ink);color:#EDE6E4;font-size:11.5px;letter-spacing:.05em;\n    padding:9px var(--gut);display:flex;flex-wrap:wrap;gap:3px 16px;align-items:baseline}\n.mbx .draft b{color:var(--rose);letter-spacing:.2em;text-transform:uppercase;font-weight:400;font-size:10px}\n.mbx .draft-aux{margin-left:auto;display:flex;gap:18px}\n.mbx .draft-aux button{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#B9A9A7;\n    border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px;transition:color .3s,border-color .3s}\n.mbx .draft-aux button:hover{color:#fff;border-color:#fff}\n.mbx \/* ---------------- nav ---------------- *\/\n  header.nav{position:sticky;top:0;z-index:60;background:rgba(246,244,242,.975);\n    backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line)}\n.mbx .nav-in{max-width:1300px;margin:0 auto;padding:15px var(--gut);display:flex;align-items:center;gap:26px}\n.mbx .brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}\n.mbx .brand .mark{width:46px;height:47px;background-image:var(--logo);background-size:contain;\n    background-repeat:no-repeat;background-position:center;flex:0 0 auto;mix-blend-mode:multiply}\n.mbx .brand .wm{font-family:var(--serif);font-size:19px;letter-spacing:.28em;text-transform:uppercase;line-height:1}\n.mbx .brand .wm small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.3em;\n    color:var(--ink-faint);margin-top:5px;text-transform:uppercase}\n.mbx .nav-links{display:flex;gap:24px;margin-left:auto;overflow-x:auto;scrollbar-width:none}\n.mbx .nav-links::-webkit-scrollbar{display:none}\n.mbx .nav-links a{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft);\n    padding:6px 0;position:relative;white-space:nowrap;transition:color .4s var(--ease)}\n.mbx .nav-links a::after{content:\"\";position:absolute;left:0;right:100%;bottom:0;height:1px;\n    background:var(--plum);transition:right .5s var(--ease)}\n.mbx .nav-links a:hover{color:var(--ink)}\n.mbx .nav-links a:hover::after{right:0}\n.mbx .nav-links a.is-here{color:var(--ink)}\n.mbx .nav-links a.is-here::after{right:0}\n.mbx .nav-links a.aux{color:var(--ink-faint)}\n.mbx .btn{display:inline-block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;\n    padding:14px 26px;border:1px solid var(--plum);color:var(--plum);position:relative;overflow:hidden;\n    z-index:0;transition:color .5s var(--ease);white-space:nowrap}\n.mbx .btn::before{content:\"\";position:absolute;inset:0;background:var(--plum);\n    transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}\n.mbx .btn:hover{color:#fff}\n.mbx .btn:hover::before{transform:translateY(0)}\n.mbx .btn.solid{background:var(--plum);color:#fff}\n.mbx .btn.solid::before{background:var(--ink)}\n.mbx .btn.pale{border-color:rgba(255,255,255,.7);color:#fff}\n.mbx .btn.pale::before{background:#fff}\n.mbx .btn.pale:hover{color:var(--ink)}\n.mbx \/* Haupt-Handlungsaufruf: gef\u00fcllt, .mbx gr\u00f6\u00dfer, .mbx mit ruhigem Puls *\/\n  .btn.fill{background:#FBF7F6;border-color:#FBF7F6;color:var(--ink);\n    font-size:11.5px;padding:19px 42px;box-shadow:0 0 0 0 rgba(251,247,246,.5)}\n.mbx .btn.fill::before{background:var(--plum)}\n.mbx .btn.fill:hover{color:#fff;border-color:var(--plum)}\n.mbx .btn.fill:not(:hover){animation:ctaPulse 3.6s ease-out 1.2s infinite}\n  @keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(251,247,246,.45)}\n    60%{box-shadow:0 0 0 16px rgba(251,247,246,0)}100%{box-shadow:0 0 0 0 rgba(251,247,246,0)}}\n  @media (prefers-reduced-motion:reduce){\n.mbx .btn.fill:not(:hover){animation:none}}\n  @media (max-width:1140px){\n.mbx .nav-in .btn{display:none}}\n  @media (max-width:720px){\n.mbx .nav-in{flex-wrap:wrap;gap:12px 18px;padding-bottom:11px}\n.mbx .nav-links{margin-left:0;width:100%;gap:20px}\n.mbx .brand .wm{font-size:16px}\n  }\n.mbx .urlbar{padding:7px var(--gut);font-size:10px;letter-spacing:.17em;color:var(--ink-faint);\n    border-bottom:1px solid var(--line-soft);background:var(--band)}\n.mbx \/* ---------------- hero ---------------- *\/\n  .hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}\n.mbx .hero-bg{position:absolute;inset:-6% -2%;background-image:var(--img-hero);background-size:cover;\n    background-position:50% 30%;animation:kb 28s ease-in-out infinite alternate;will-change:transform}\n  @keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}\n.mbx .hero-scrim{position:absolute;inset:0;background:\n    linear-gradient(to top,rgba(20,15,17,.9) 0%,rgba(20,15,17,.55) 38%,rgba(20,15,17,.06) 72%,rgba(20,15,17,.3) 100%)}\n.mbx .hero-in{position:relative;width:100%;padding:clamp(48px,9vw,120px) 0 clamp(40px,6vw,72px);color:#F7F3F1}\n.mbx .hero-in .eyebrow{color:#E7C3CB}\n.mbx .hero-in>.shell>*{animation:rise 1s var(--ease) both}\n.mbx .hero-in>.shell>*:nth-child(1){animation-delay:.1s}\n.mbx .hero-in>.shell>*:nth-child(2){animation-delay:.24s}\n.mbx .hero-in>.shell>*:nth-child(3){animation-delay:.38s}\n.mbx .hero-in>.shell>*:nth-child(4){animation-delay:.52s}\n.mbx .hero-in>.shell>*:nth-child(5){animation-delay:.66s}\n  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n.mbx .hero h1{max-width:19ch;margin:20px 0 0;color:#FBF8F7}\n.mbx .hero h1 em{color:#E7C3CB}\n.mbx .hero .lead{margin-top:22px;color:#E3DAD8}\n.mbx .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}\n.mbx .hero-facts{display:flex;flex-wrap:wrap;gap:12px 44px;margin-top:46px;padding-top:22px;\n    border-top:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.16em;\n    text-transform:uppercase;color:#CDBFBD}\n.mbx .hero-facts b{display:block;font-family:var(--serif);font-size:21px;letter-spacing:.02em;\n    text-transform:none;color:#FBF8F7;font-weight:400}\n.mbx \/* ---------------- marquee ---------------- *\/\n  .marquee{overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface);padding:16px 0}\n.mbx .marquee-track{display:flex;width:max-content;animation:slide 46s linear infinite}\n.mbx .marquee:hover .marquee-track{animation-play-state:paused}\n  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n.mbx .marquee-track span{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink-soft);\n    padding:0 28px;white-space:nowrap;display:flex;align-items:center;gap:28px}\n.mbx .marquee-track span::after{content:\"\";width:4px;height:4px;background:var(--rose);border-radius:50%}\n.mbx \/* ---------------- sections ---------------- *\/\n  section{padding:clamp(62px,8.5vw,140px) 0;position:relative}\n.mbx section.band{background:var(--band)}\n.mbx section.white{background:var(--surface)}\n.mbx section.tight{padding-top:clamp(40px,5vw,74px)}\n.mbx .sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(34px,5vw,60px);max-width:54ch}\n.mbx .sec-head.center{margin-inline:auto;text-align:center;align-items:center}\n.mbx .split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,6vw,90px);align-items:center}\n.mbx .split.flip .frame{order:2}\n.mbx .frame{position:relative;overflow:hidden}\n.mbx .frame i{display:block;background-size:cover;background-position:center;\n    transition:transform 1.5s var(--ease);filter:saturate(.95)}\n.mbx .frame:hover i{transform:scale(1.05)}\n.mbx .frame::after{content:\"\";position:absolute;inset:0;border:1px solid rgba(78,32,51,.22);\n    pointer-events:none;transition:inset .6s var(--ease)}\n.mbx .frame:hover::after{inset:13px}\n.mbx .split-copy{display:flex;flex-direction:column;gap:20px}\n.mbx .split-copy p{color:var(--ink-soft);max-width:50ch;font-weight:200}\n  @media (max-width:900px){\n.mbx .split{grid-template-columns:1fr}\n.mbx .split.flip .frame{order:0}}\n.mbx .pull{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.34;font-style:italic;\n    color:var(--plum);padding-left:26px;border-left:1px solid var(--rose)}\n.mbx \/* ---------------- cards ---------------- *\/\n  .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}\n.mbx .card{background:var(--surface);display:flex;flex-direction:column;overflow:hidden}\n.mbx .card .ph{height:290px;background-size:cover;background-position:center;\n    transition:transform 1.6s var(--ease);filter:saturate(.92)}\n.mbx .card:hover .ph{transform:scale(1.06)}\n.mbx .card-body{padding:26px 26px 32px;display:flex;flex-direction:column;gap:11px;flex:1}\n.mbx .card-body .no{font-size:10px;letter-spacing:.3em;color:var(--rose)}\n.mbx .card-body p{font-size:14.5px;color:var(--ink-soft);font-weight:200;flex:1}\n.mbx .more{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--plum);\n    align-self:flex-start;border-bottom:1px solid var(--rose);padding-bottom:3px;\n    transition:border-color .4s var(--ease)}\n.mbx .more:hover{border-color:var(--plum)}\n  @media (max-width:1040px){\n.mbx .cards{grid-template-columns:repeat(2,1fr)}}\n  @media (max-width:580px){\n.mbx .cards{grid-template-columns:1fr}\n.mbx .card .ph{height:250px}}\n.mbx \/* ---------------- pakete ---------------- *\/\n  .pakete{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}\n.mbx .paket{background:var(--surface);border:1px solid var(--line);padding:38px 32px 34px;\n    display:flex;flex-direction:column;gap:20px;position:relative;\n    transition:border-color .6s var(--ease),transform .6s var(--ease),box-shadow .6s var(--ease)}\n.mbx .paket:hover{border-color:var(--rose);transform:translateY(-6px);box-shadow:0 26px 50px -34px rgba(36,28,31,.35)}\n.mbx .paket.pick{background:linear-gradient(180deg,var(--plum-soft),#fff 62%);border-color:var(--rose)}\n.mbx .paket .tag{position:absolute;top:-1px;right:24px;font-size:9px;letter-spacing:.24em;\n    text-transform:uppercase;background:var(--plum);color:#fff;padding:6px 12px}\n.mbx .paket .no{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--rose)}\n.mbx .paket .name{font-family:var(--serif);font-size:1.55rem;line-height:1.1;margin-top:6px}\n.mbx .paket .price{font-family:var(--serif);font-size:3rem;line-height:1;font-variant-numeric:tabular-nums}\n.mbx .paket .price small{font-family:var(--sans);font-size:11px;letter-spacing:.18em;color:var(--ink-faint);\n    display:block;margin-top:9px;text-transform:uppercase}\n.mbx .paket ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1;\n    font-size:14.5px;color:var(--ink-soft);font-weight:200}\n.mbx .paket li{display:flex;gap:12px;align-items:flex-start}\n.mbx .paket li::before{content:\"\";width:12px;height:1px;background:var(--rose);margin-top:12px;flex:0 0 auto}\n  @media (max-width:900px){\n.mbx .pakete{grid-template-columns:1fr}}\n.mbx \/* ---------------- carousel ---------------- *\/\n  .car-track{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;\n    scrollbar-width:none;padding-bottom:4px}\n.mbx .car-track::-webkit-scrollbar{display:none}\n.mbx .car-slide{flex:0 0 clamp(240px,30vw,370px);scroll-snap-align:start}\n.mbx .car-slide .frame i{height:clamp(320px,40vw,490px)}\n.mbx .car-cap{margin-top:14px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .car-nav{display:flex;align-items:center;gap:16px;margin-top:32px}\n.mbx .car-nav button{width:46px;height:46px;border:1px solid var(--line);display:grid;place-items:center;\n    color:var(--ink-soft);transition:border-color .4s var(--ease),color .4s var(--ease)}\n.mbx .car-nav button:hover{border-color:var(--plum);color:var(--plum)}\n.mbx .car-dots{display:flex;gap:8px;margin-left:auto}\n.mbx .car-dots i{width:22px;height:1px;background:var(--line);transition:background .4s var(--ease)}\n.mbx .car-dots i.on{background:var(--plum)}\n.mbx \/* ---------------- reviews ---------------- *\/\n  .rev-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-bottom:42px}\n.mbx .rev-score{display:flex;align-items:center;gap:18px}\n.mbx .rev-score b{font-family:var(--serif);font-size:3.6rem;line-height:.9;font-weight:400}\n.mbx .stars{display:flex;gap:3px}\n.mbx .stars svg{width:15px;height:15px}\n.mbx .stars .f{fill:var(--plum)}\n.mbx .stars .e{fill:none;stroke:var(--rose);stroke-width:1.4}\n.mbx .rev-meta{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px}\n.mbx .rev-track{display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}\n.mbx .rev-track::-webkit-scrollbar{display:none}\n.mbx .rev{flex:0 0 clamp(275px,31vw,390px);scroll-snap-align:start;background:var(--surface);\n    border:1px solid var(--line);padding:32px 30px;display:flex;flex-direction:column;gap:16px}\n.mbx .rev q{font-family:var(--serif);font-size:1.1rem;line-height:1.52;font-style:italic;quotes:\"\u201e\" \"\u201c\";color:var(--ink)}\n.mbx .rev .who{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:6px}\n.mbx .rev .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;\n    background:var(--plum-soft);color:var(--plum);font-family:var(--serif);font-size:16px}\n.mbx .rev .who span{font-size:12.5px;letter-spacing:.06em;color:var(--ink);line-height:1.4}\n.mbx .rev .who span i{display:block;font-style:normal;font-size:10px;letter-spacing:.16em;\n    text-transform:uppercase;color:var(--ink-faint);margin-top:2px}\n.mbx .note{margin-top:30px;border-left:1px solid var(--rose);padding:18px 26px;background:var(--surface);\n    font-size:14px;color:var(--ink-soft);max-width:74ch;font-weight:200}\n.mbx .note b{color:var(--ink);font-weight:400}\n.mbx \/* ---------------- portrait cutout ---------------- *\/\n  figure.me{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;\n    padding:0 0 22px;isolation:isolate}\n.mbx .me-halo{position:absolute;left:50%;top:6%;width:min(100%,430px);aspect-ratio:1;\n    transform:translateX(-50%);border-radius:50%;background:var(--band);z-index:-1;\n    animation:haloIn 1.4s var(--ease) both}\n  @keyframes haloIn{from{opacity:0;transform:translateX(-50%) scale(.86)}to{opacity:1;transform:translateX(-50%) scale(1)}}\n.mbx .me-img{display:block;width:100%;height:clamp(360px,52vw,580px);\n    background-image:var(--img-me);background-repeat:no-repeat;\n    background-size:contain;background-position:bottom center;\n    -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);\n    mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);\n    animation:meIn 1.2s .18s var(--ease) both}\n  @keyframes meIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\n.mbx figure.me figcaption{margin-top:18px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;\n    color:var(--ink-faint);text-align:center}\n.mbx \/* ---------------- animated timeline flow ---------------- *\/\n  figure.flow{margin:0;background:var(--surface);border:1px solid var(--line);\n    padding:clamp(26px,3vw,44px) clamp(18px,3vw,40px) clamp(22px,2.6vw,32px)}\n.mbx \/* -- desktop: SVG time axis -- *\/\n  .flow-axis svg{display:block;width:100%;height:auto;overflow:visible}\n.mbx .fx-rail{stroke:var(--line);stroke-width:1.2;fill:none;\n    stroke-dasharray:1042;stroke-dashoffset:1042;animation:fxDraw 2.3s .3s var(--ease) forwards}\n  @keyframes fxDraw{to{stroke-dashoffset:0}}\n.mbx .fx-prog{stroke:var(--plum);stroke-width:1.3;fill:none;opacity:.8;\n    transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1)}\n.mbx .fx-tick{stroke:var(--line);stroke-width:1}\n.mbx .nd{cursor:pointer;opacity:0;animation:fxPop .7s var(--ease) forwards}\n  @keyframes fxPop{from{opacity:0}to{opacity:1}}\n.mbx .nd .hit{fill:transparent}\n.mbx .nd .dot{fill:var(--surface);stroke:var(--plum);stroke-width:1.2;\n    transition:fill .5s var(--ease),stroke-width .3s}\n.mbx .nd .num{font-family:var(--serif);font-size:16px;fill:var(--plum);transition:fill .5s var(--ease)}\n.mbx .nd[aria-selected=\"true\"] .dot{fill:var(--plum)}\n.mbx .nd[aria-selected=\"true\"] .num{fill:#FBF7F6}\n.mbx .nd .halo{fill:none;stroke:var(--rose);stroke-width:1;opacity:0;\n    transform-box:fill-box;transform-origin:center}\n.mbx .nd[aria-selected=\"true\"] .halo{animation:breathe 3.2s ease-in-out infinite}\n  @keyframes breathe{0%,100%{transform:scale(.74);opacity:.55}50%{transform:scale(1);opacity:0}}\n.mbx .nd:focus{outline:none}\n.mbx .nd:focus-visible .dot{stroke-width:2.6}\n.mbx .vnode:focus{outline:none}\n.mbx .vnode:focus-visible .vdot{outline:1px solid var(--plum);outline-offset:4px}\n.mbx .fx-role{font-family:var(--sans);font-size:13px;letter-spacing:.2em;fill:var(--ink-faint)}\n.mbx .fx-ttl{font-family:var(--serif);font-size:21px;fill:var(--ink-soft);transition:fill .35s}\n.mbx .nd[aria-selected=\"true\"] .fx-ttl{fill:var(--ink)}\n.mbx .nd:hover .fx-ttl{fill:var(--ink)}\n.mbx .fx-sub{font-family:var(--sans);font-size:12px;letter-spacing:.13em;fill:var(--ink-faint)}\n.mbx .fx-tr{font-family:var(--sans);font-size:13px;fill:var(--rose);opacity:0;\n    animation:fxPop .9s var(--ease) forwards}\n.mbx \/* -- the couple walking the line -- *\/\n  .walk{transition:transform 1.15s cubic-bezier(.62,.02,.34,1)}\n.mbx .walk .fig{animation:bob 2.5s ease-in-out infinite}\n  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.2px)}}\n.mbx .walk .fl{fill:var(--surface);stroke:var(--plum);stroke-width:1.15;stroke-linejoin:round}\n.mbx .walk .ln{fill:none;stroke:var(--plum);stroke-width:1.15;stroke-linecap:round}\n.mbx .walk .sh{fill:var(--plum);opacity:.13}\n.mbx \/* -- mobile: vertical axis -- *\/\n  .flow-vert{display:none;list-style:none;margin:0;padding:0;position:relative}\n.mbx .flow-vert::before{content:\"\";position:absolute;left:19px;top:30px;bottom:30px;width:1px;background:var(--line)}\n.mbx .vprog{position:absolute;left:19px;top:30px;width:1px;height:0;background:var(--plum);\n    opacity:.8;transition:height .95s cubic-bezier(.65,0,.35,1)}\n.mbx .vnode{position:relative;z-index:2;display:flex;gap:16px;align-items:flex-start;width:100%;\n    background:none;border:0;padding:9px 0;cursor:pointer;text-align:left;\n    font-family:var(--sans);color:inherit}\n.mbx .vdot{flex:0 0 auto;width:39px;height:39px;border-radius:50%;border:1px solid var(--plum);\n    background:var(--surface);display:grid;place-items:center;\n    font-family:var(--serif);font-size:14px;color:var(--plum);\n    transition:background .45s var(--ease),color .45s var(--ease)}\n.mbx .vnode[aria-selected=\"true\"] .vdot{background:var(--plum);color:#FBF7F6}\n.mbx .vtxt{padding-top:6px}\n.mbx .vtxt b{display:block;font-family:var(--serif);font-size:17px;font-weight:400;\n    color:var(--ink-soft);transition:color .35s}\n.mbx .vnode[aria-selected=\"true\"] .vtxt b{color:var(--ink)}\n.mbx .vtxt i{font-style:normal;display:block;font-size:9.5px;letter-spacing:.2em;\n    text-transform:uppercase;color:var(--ink-faint);margin-top:3px}\n.mbx \/* -- shared stage -- *\/\n  .flow-stage{margin-top:clamp(26px,3vw,38px);border-top:1px solid var(--line);\n    padding-top:clamp(24px,2.6vw,32px);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:start}\n.mbx .flow-panels{min-height:250px}\n.mbx .fpanel{max-width:78ch}\n.mbx .fpanel[hidden]{display:none}\n.mbx .fpanel .fk{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--rose);display:block;margin-bottom:12px}\n.mbx .fpanel h3{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:400;\n    letter-spacing:-.01em;margin-bottom:14px;animation:fSlide .55s var(--ease) both}\n.mbx .fpanel p{font-size:15px;line-height:1.75;color:var(--ink-soft);font-weight:200;\n    animation:fSlide .55s .06s var(--ease) both}\n.mbx .fpanel p + p{margin-top:12px}\n.mbx .fpanel .fmeta{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}\n.mbx .fpanel .fmeta span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;\n    border:1px solid var(--line);padding:7px 12px;color:var(--ink-faint)}\n  @keyframes fSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n.mbx .flow-arrows{display:flex;gap:8px}\n.mbx .flow-arrows button{width:42px;height:42px;border:1px solid var(--line);background:none;cursor:pointer;\n    font-size:15px;color:var(--ink-soft);transition:border-color .3s,color .3s}\n.mbx .flow-arrows button:hover{border-color:var(--plum);color:var(--plum)}\n.mbx figure.flow figcaption{margin-top:24px;font-size:12.5px;color:var(--ink-faint);letter-spacing:.02em;max-width:74ch}\n.mbx \/* mittlere Breiten: Achse bleibt, .mbx Feinschrift weg *\/\n  @media (max-width:1080px){\n    .fx-sub{display:none}\n    .fx-role{font-size:14px}\n    .fx-tr{font-size:14px}\n  }\n  @media (max-width:780px){\n.mbx .flow-axis{display:none}\n.mbx .flow-vert{display:block}\n.mbx .flow-stage{grid-template-columns:1fr}\n.mbx .flow-arrows{justify-content:flex-start}\n.mbx .flow-panels{min-height:0}\n  }\n  @media (prefers-reduced-motion:reduce){\n.mbx .walk{transition:none}\n.mbx .walk .fig{animation:none}\n.mbx .fx-rail{animation:none;stroke-dashoffset:0}\n.mbx .nd, .mbx .fx-tr{animation:none;opacity:1}\n.mbx .nd[aria-selected=\"true\"] .halo{animation:none;opacity:.4}\n  }\n.mbx \/* ---------------- steps ---------------- *\/\n  .ablauf{display:grid;grid-template-columns:repeat(4,1fr)}\n.mbx .step{padding:32px 30px 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}\n.mbx .step:last-child{border-right:none}\n.mbx .step .n{font-family:var(--serif);font-size:2.3rem;line-height:1;color:var(--rose)}\n.mbx .step p{font-size:14.5px;color:var(--ink-soft);font-weight:200}\n  @media (max-width:900px){\n.mbx .ablauf{grid-template-columns:1fr}\n.mbx .step{border-right:none;border-top:1px solid var(--line);padding:26px 0 0}}\n.mbx \/* ---------------- tables ---------------- *\/\n  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,76px)}\n  @media (max-width:860px){\n.mbx .cols2{grid-template-columns:1fr}}\n.mbx .tab-title{font-family:var(--serif);font-size:1.35rem;margin-bottom:16px}\n.mbx .tab{display:flex;flex-direction:column;border-top:1px solid var(--line)}\n.mbx .tab .row{display:flex;justify-content:space-between;gap:24px;padding:15px 0;\n    border-bottom:1px solid var(--line);font-size:14.5px}\n.mbx .tab .row span:first-child{color:var(--ink-soft);font-weight:200}\n.mbx .tab .row span:last-child{font-family:var(--serif);font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}\n.mbx \/* ---------------- FAQ ---------------- *\/\n  .faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:96ch}\n.mbx .faq details{border-bottom:1px solid var(--line)}\n.mbx .faq summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;gap:20px;align-items:baseline;\n    font-family:var(--serif);font-size:1.2rem;transition:color .3s var(--ease)}\n.mbx .faq summary::-webkit-details-marker{display:none}\n.mbx .faq summary::before{content:\"+\";color:var(--rose);font-family:var(--sans);font-size:15px;flex:0 0 auto}\n.mbx .faq details[open] summary::before{content:\"\u2013\"}\n.mbx .faq summary:hover{color:var(--plum)}\n.mbx .faq .a{padding:0 0 22px 38px;font-size:15px;color:var(--ink-soft);font-weight:200;max-width:70ch}\n.mbx \/* ---------------- timeline ---------------- *\/\n  .tl{display:flex;flex-direction:column;border-left:1px solid var(--line);margin-left:8px}\n.mbx .tl .it{padding:0 0 30px 34px;position:relative}\n.mbx .tl .it::before{content:\"\";position:absolute;left:-4.5px;top:9px;width:8px;height:8px;\n    border-radius:50%;background:var(--paper);border:1px solid var(--plum)}\n.mbx .tl .yr{font-family:var(--serif);font-size:1.15rem;color:var(--plum)}\n.mbx .tl p{font-size:14.5px;color:var(--ink-soft);font-weight:200;max-width:56ch;margin-top:4px}\n.mbx \/* ---------------- presse ---------------- *\/\n  .presse{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}\n.mbx .art{background:var(--surface);border:1px solid var(--line);padding:34px 32px;display:flex;\n    flex-direction:column;gap:14px;transition:border-color .6s var(--ease)}\n.mbx .art:hover{border-color:var(--rose)}\n.mbx .art .src{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}\n.mbx .art q{font-family:var(--serif);font-size:1.2rem;line-height:1.42;font-style:italic;quotes:\"\u201e\" \"\u201c\"}\n.mbx .art .date{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:auto}\n  @media (max-width:860px){\n.mbx .presse{grid-template-columns:1fr}}\n.mbx \/* ---------------- contact ---------------- *\/\n  .kontakt{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:start}\n.mbx .form{display:flex;flex-direction:column;gap:22px}\n.mbx .f2{display:grid;grid-template-columns:1fr 1fr;gap:22px}\n.mbx .fld{display:flex;flex-direction:column;gap:8px}\n.mbx .fld label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .fld input, .mbx .fld select, .mbx .fld textarea{font-family:var(--sans);font-weight:300;font-size:15px;color:var(--ink);\n    background:transparent;border:none;border-bottom:1px solid var(--line);padding:10px 0;width:100%}\n.mbx .fld textarea{min-height:92px;resize:vertical}\n.mbx .consent{display:flex;gap:14px;align-items:flex-start;font-size:13px;color:var(--ink-soft);\n    font-weight:200;border:1px solid var(--rose);padding:16px 18px;background:var(--plum-soft)}\n.mbx .consent input{margin-top:5px;flex:0 0 auto;accent-color:var(--plum)}\n.mbx .consent a{color:var(--plum);border-bottom:1px solid var(--plum)}\n.mbx .badge-new{font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;background:var(--plum);\n    color:#fff;padding:2px 7px;margin-left:8px;vertical-align:2px}\n.mbx .kinfo{display:flex;flex-direction:column;gap:30px}\n.mbx .kblock{display:flex;flex-direction:column;gap:5px}\n.mbx .kblock .l{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}\n.mbx .kblock .v{font-family:var(--serif);font-size:1.3rem}\n.mbx .kblock .s{font-size:13.5px;color:var(--ink-soft);font-weight:200}\n  @media (max-width:940px){\n.mbx .kontakt{grid-template-columns:1fr}\n.mbx .f2{grid-template-columns:1fr}}\n.mbx \/* ---------------- page head \/ closing ---------------- *\/\n  .pagehead{padding:clamp(54px,8vw,116px) 0 clamp(34px,5vw,64px);border-bottom:1px solid var(--line);\n    position:relative;overflow:hidden}\n.mbx .pagehead::after{content:\"\";position:absolute;right:-6%;top:-50%;width:44%;height:200%;\n    pointer-events:none;background:radial-gradient(closest-side,rgba(191,133,146,.16),transparent)}\n.mbx .pagehead .shell{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}\n.mbx .krumen{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .closing{position:relative;overflow:hidden;text-align:center;background:var(--ink);color:#FBF7F6;\n    padding:clamp(74px,9vw,150px) 0}\n.mbx .closing::before{content:\"\";position:absolute;inset:0;pointer-events:none;\n    background-image:var(--img-craft);background-size:cover;background-position:center;\n    opacity:.34;filter:grayscale(.2)}\n.mbx .closing::after{content:\"\";position:absolute;inset:0;pointer-events:none;\n    background:linear-gradient(180deg,rgba(20,15,17,.72),rgba(20,15,17,.88))}\n.mbx .closing .shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px}\n.mbx .closing .eyebrow{color:var(--rose)}\n.mbx .closing h2{font-size:clamp(2rem,4.6vw,3.5rem)}\n.mbx .closing p{color:#DACFCD;max-width:46ch;font-weight:200;font-size:16px}\n.mbx .closing .btn{margin-top:6px}\n.mbx .cnote{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#B6A6A4}\n.mbx .cline{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;font-size:11.5px;\n    letter-spacing:.17em;text-transform:uppercase;color:#E7C3CB;border-top:1px solid rgba(255,255,255,.22);\n    padding-top:24px;margin-top:8px;width:100%;max-width:780px}\n.mbx \/* ---------------- legal pages ---------------- *\/\n  .warn{border-left:2px solid var(--plum);background:var(--plum-soft);padding:22px 28px;\n    font-size:14.5px;line-height:1.72;color:var(--ink-soft);font-weight:200;max-width:80ch;\n    margin-bottom:clamp(38px,5vw,62px)}\n.mbx .warn b{color:var(--plum);font-weight:400}\n.mbx .legal{max-width:82ch}\n.mbx .legal h2{font-family:var(--serif);font-size:clamp(1.15rem,2.1vw,1.5rem);font-weight:400;\n    letter-spacing:-.005em;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line)}\n.mbx .legal h2:first-child{margin-top:0;padding-top:0;border-top:none}\n.mbx .legal p{font-size:15px;line-height:1.78;color:var(--ink-soft);font-weight:200}\n.mbx .legal p + p{margin-top:13px}\n.mbx .legal p b{color:var(--ink);font-weight:400}\n.mbx .legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;\n    background:var(--band);padding:2px 6px;color:var(--ink)}\n.mbx .legal .fix{background:rgba(191,133,146,.22);box-shadow:0 1px 0 var(--rose);\n    padding:1px 4px;color:var(--ink);font-weight:400}\n.mbx .legal .legal-note{margin-top:15px;border-left:1px solid var(--rose);padding:12px 20px;\n    background:var(--surface);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}\n.mbx .legal .legal-note b{color:var(--plum);font-weight:400}\n.mbx .faq .tick, .mbx .faq .todo{display:inline-block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;\n    padding:4px 9px;margin-right:12px;vertical-align:2px;font-family:var(--sans)}\n.mbx .faq .tick{background:var(--plum);color:#FBF7F6}\n.mbx .faq .todo{border:1px solid var(--rose);color:var(--plum)}\n.mbx \/* ---------------- footer ---------------- *\/\n  footer.fuss{background:var(--surface);border-top:1px solid var(--line);padding:clamp(52px,6vw,86px) 0 30px}\n.mbx .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(26px,3.5vw,54px)}\n.mbx .fgrid h4{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.26em;\n    text-transform:uppercase;color:var(--rose);margin:0 0 18px}\n.mbx .fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}\n.mbx .fgrid li button, .mbx .fgrid li a{font-size:14.5px;color:var(--ink-soft);font-weight:200;text-align:left;\n    transition:color .4s var(--ease)}\n.mbx .fgrid li button:hover, .mbx .fgrid li a:hover{color:var(--plum)}\n.mbx .fabout .mark{width:84px;height:86px;background-image:var(--logo);background-size:contain;\n    background-repeat:no-repeat;margin-bottom:20px;mix-blend-mode:multiply}\n.mbx .fabout p{font-size:14.5px;color:var(--ink-soft);max-width:33ch;font-weight:200}\n.mbx .fbot{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;border-top:1px solid var(--line);\n    margin-top:48px;padding-top:20px;font-size:10.5px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}\n  @media (max-width:900px){\n.mbx .fgrid{grid-template-columns:1fr 1fr}}\n  @media (max-width:540px){\n.mbx .fgrid{grid-template-columns:1fr}}\n.mbx \/* ---------------- struktur \/ seo ---------------- *\/\n  .struk{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface)}\n.mbx .srow{display:grid;grid-template-columns:236px 1fr;gap:0 34px;padding:26px 30px;border-top:1px solid var(--line)}\n.mbx .srow:first-child{border-top:none}\n.mbx .srow .m{display:flex;flex-direction:column;gap:7px}\n.mbx .srow .m strong{font-family:var(--serif);font-weight:400;font-size:1.2rem}\n.mbx .srow .m code, .mbx code{font-size:11px;color:var(--plum);word-break:break-word;\n    font-family:ui-monospace,Menlo,monospace;letter-spacing:.01em;background:var(--plum-soft);padding:1px 5px}\n.mbx .srow ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:6px;font-size:14.5px;\n    color:var(--ink-soft);font-weight:200}\n.mbx .srow .job{font-size:14.5px;margin-bottom:10px}\n  @media (max-width:800px){\n.mbx .srow{grid-template-columns:1fr;gap:14px}}\n.mbx .anno{border:1px solid var(--rose);background:var(--plum-soft);padding:28px 32px;margin-top:34px;\n    display:flex;flex-direction:column;gap:12px}\n.mbx .anno h4{margin:0;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.26em;\n    text-transform:uppercase;color:var(--plum)}\n.mbx .anno ul{margin:0;padding-left:1.15em;display:flex;flex-direction:column;gap:8px;font-size:14.5px;\n    color:var(--ink-soft);font-weight:200}\n.mbx .anno li b{color:var(--ink);font-weight:400}\n.mbx pre{margin:0;background:var(--ink);color:#E9E2E0;padding:22px 24px;overflow-x:auto;font-size:12px;\n    line-height:1.65;font-family:ui-monospace,Menlo,monospace}\n.mbx .seo-row{display:grid;grid-template-columns:200px 1fr;gap:0 30px;padding:24px 0;border-top:1px solid var(--line)}\n.mbx .seo-row:first-of-type{border-top:none}\n.mbx .seo-row .k{font-family:var(--serif);font-size:1.15rem}\n.mbx .seo-row .k code{display:block;margin-top:8px;background:none;padding:0;color:var(--ink-faint);font-size:10.5px}\n.mbx .seo-f{display:flex;flex-direction:column;gap:12px}\n.mbx .seo-f div{display:flex;flex-direction:column;gap:4px}\n.mbx .seo-f .lab{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--rose)}\n.mbx .seo-f .val{font-size:14.5px;color:var(--ink)}\n.mbx .seo-f .val.small{font-size:13.5px;color:var(--ink-soft);font-weight:200}\n  @media (max-width:800px){\n.mbx .seo-row{grid-template-columns:1fr;gap:12px}}\n\n\n\/* ---- Seitengrund und Abstaende zwischen den Bausteinen ---- *\/\nbody{background:#F6F4F2!important}\n.elementor-element.e-con{gap:0!important;padding:0!important}\n.elementor-widget:not(:last-child){margin-bottom:0!important}\n\n\n\/* ---------- Handy: Beschriftungen und Tippflaechen ---------- *\/\n@media (max-width:760px){\n  .mbx .eyebrow,.mbx .krumen,.mbx .kgrid .l,.mbx .fuss h4,.mbx .src,\n  .mbx .no,.mbx .fk,.mbx figcaption,.mbx .rev .who span i{font-size:11px}\n  .mbx .date,.mbx .car-cap,.mbx .rev-live{font-size:11.5px}\n  .mbx .tag{font-size:10.5px}\n  .mbx .brand .wm small{font-size:9px;letter-spacing:.22em}\n  .mbx .btn{font-size:11.5px;padding:16px 26px}\n  .mbx .btn.fill{font-size:12px;padding:19px 32px}\n  .mbx .tab .row{gap:14px}\n  \/* Diese Beschriftungen sind im Entwurf tiefer verschachtelt definiert und\n     zaehlen deshalb schwerer. Auf dem Handy soll aber nichts unter 11 px\n     liegen \u2013 darum hier mit Nachdruck. *\/\n  .mbx figure.me figcaption,\n  .mbx .split-copy > div > div,\n  .mbx .presse .art .src,\n  .mbx .art .src,\n  .mbx .art .more,\n  .mbx .paket .no,\n  .mbx .kgrid .l,\n  .mbx .vnode .vtxt i,\n  .mbx .fpanel .fk,\n  .mbx .fbot span,\n  .mbx .fbot a{font-size:11px!important}\n  .mbx .presse .art .date,\n  .mbx .art .date,\n  .mbx .fpanel .fmeta span,\n  .mbx .quote-src,\n  .mbx .sec-head.center + p,\n  .mbx blockquote + p{font-size:11.5px!important}\n  .mbx .paket .tag{font-size:10.5px!important}\n  .mbx .brand .wm small{font-size:10px!important;letter-spacing:.18em}\n  .mbx .legal a{padding:7px 0}\n  \/* Unter 780 px gibt es keine Zeitachse, sondern eine Liste \u2013 der\n     Hinweis auf das laufende Brautpaar waere dort falsch. *\/\n  .mbx .fx-sub{display:none}\n  \/* Links brauchen Hoehe, sonst trifft man sie mit dem Daumen nicht *\/\n  .mbx .fgrid li a,.mbx .fbot a{display:inline-block;padding:7px 0}\n  .mbx .more,.mbx a.more,.mbx button.more{display:inline-block;padding:10px 0;\n    font-size:11px!important}\n}\n\n\/* ---------- Handy: Menue hinter einem Burger-Symbol ---------- *\/\n.mbx .nav-toggle{position:absolute;width:1px;height:1px;opacity:0;margin-left:auto}\n.mbx .burger{display:none}\n.mbx .nav-links .nav-cta{display:none}\n\n@media (max-width:900px){\n  \/* Der Kopf darf auf dem Handy nicht weichzeichnen: ein Weichzeichner macht\n     das Vollbild-Menue an den Kopf gefesselt statt an das Fenster. *\/\n  \/* Die Grundregel heisst \".mbx header.nav\" und zaehlt damit schwerer als\n     \".mbx .nav\" \u2013 deshalb hier derselbe Zuschnitt. *\/\n  .mbx header.nav{background:var(--paper);backdrop-filter:none;\n    -webkit-backdrop-filter:none}\n  .mbx .nav-in{flex-wrap:nowrap;gap:14px;padding:12px var(--gut)}\n  \/* Logo bleibt ueber dem offenen Menue sichtbar *\/\n  .mbx .brand{position:relative;z-index:80}\n  .mbx .nav-in .btn.nav-desk{display:none}\n\n  .mbx .burger{display:flex;flex-direction:column;align-items:flex-end;\n    justify-content:center;gap:5px;width:46px;height:46px;margin-left:auto;\n    cursor:pointer;position:relative;z-index:80;-webkit-tap-highlight-color:transparent}\n  .mbx .burger span{display:block;width:26px;height:1px;background:var(--ink);\n    transition:transform .45s var(--ease),opacity .25s var(--ease),width .3s}\n  .mbx .burger span:nth-child(2){width:19px}\n  .mbx .nav-toggle:checked ~ .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}\n  .mbx .nav-toggle:checked ~ .burger span:nth-child(2){opacity:0;width:0}\n  .mbx .nav-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);width:26px}\n  .mbx .nav-toggle:focus-visible ~ .burger{outline:2px solid var(--plum);outline-offset:4px}\n\n  .mbx .nav-links{position:fixed;inset:0;z-index:70;background:var(--paper);\n    width:auto;margin:0;gap:0;padding:0 var(--gut);overflow-y:auto;\n    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;\n    opacity:0;visibility:hidden;transform:translateY(-10px);\n    transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s}\n  .mbx .nav-toggle:checked ~ .nav-links{opacity:1;visibility:visible;transform:none}\n  .mbx .nav-links a{font-family:var(--serif);font-size:clamp(1.55rem,7.6vw,2.3rem);\n    line-height:1.15;letter-spacing:-.012em;text-transform:none;color:var(--ink);\n    width:100%;padding:15px 0;border-bottom:1px solid var(--line)}\n  .mbx .nav-links a::after{display:none}\n  .mbx .nav-links a.is-here{color:var(--plum)}\n  .mbx .nav-links .nav-cta{display:inline-block;font-family:var(--sans);\n    font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--plum);\n    border:1px solid var(--plum);padding:17px 30px;margin-top:30px;width:auto;\n    line-height:1;border-bottom-width:1px}\n  \/* Hintergrund nicht mitscrollen, solange das Menue offen ist *\/\n  body:has(.mbx .nav-toggle:checked){overflow:hidden}\n}\n\n\n  \/* Kontakt: zwei Angaben nebeneinander \u2013 vier waren zu gedraengt *\/\n  .mbx .kgrid{display:grid;grid-template-columns:1fr 1fr;gap:0;\n    border-top:1px solid var(--line)}\n  .mbx .kgrid .kb{padding:32px 40px 32px 0;border-bottom:1px solid var(--line);\n    display:flex;flex-direction:column;gap:9px}\n  .mbx .kgrid .kb:nth-child(odd){border-right:1px solid var(--line);padding-right:40px}\n  .mbx .kgrid .kb:nth-child(even){padding-left:40px}\n  .mbx .kgrid .l{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--rose)}\n  .mbx .kgrid .v{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;\n    overflow-wrap:anywhere}\n  .mbx .kgrid .s{font-size:13.5px;line-height:1.7;color:var(--ink-faint);font-weight:200;max-width:34ch}\n  @media (max-width:760px){\n    .mbx .kgrid{grid-template-columns:1fr}\n    .mbx .kgrid .kb,.mbx .kgrid .kb:nth-child(odd),.mbx .kgrid .kb:nth-child(even){\n      border-right:none;padding:26px 0}\n  }\n\n  \/* ---- Die Anfrage als eigene, weisse Flaeche ---- *\/\n  \/* Der Abschnitt oberhalb des Formulars und das Formular-Widget selbst\n     bekommen dieselbe weisse Flaeche. Weil beide ueber die ganze Breite\n     gehen, sieht es aus wie eine einzige Karte auf hellem Grund \u2013 obwohl\n     Elementors Formular technisch ein eigener Baustein bleibt. *\/\n  .mbx .anfrage{background:var(--surface);border-top:1px solid var(--line);\n    padding-top:clamp(46px,6vw,88px);padding-bottom:clamp(20px,2.6vw,32px);\n    position:relative}\n  .mbx .anfrage::before{content:\"\";position:absolute;top:-1px;\n    left:calc(max(0px,(100% - 1300px)\/2) + clamp(20px,5.5vw,84px));\n    width:clamp(80px,13vw,170px);height:2px;background:var(--plum)}\n  .mbx .anfrage h2{font-family:var(--serif);font-weight:400;\n    font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-.018em;\n    margin:15px 0 0}\n  .mbx .anfrage .lead{margin-top:18px;max-width:54ch}\n  .mbx .anfrage .quick{display:inline-flex;align-items:center;gap:10px;margin-top:22px;\n    font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--plum)}\n  .mbx .anfrage .quick::before{content:\"\";width:26px;height:1px;background:var(--rose)}\n  .mbx .need{display:grid;grid-template-columns:repeat(3,1fr);gap:0;\n    margin:clamp(30px,3.6vw,46px) 0 0;padding:0;border-top:1px solid var(--line)}\n  .mbx .need li{list-style:none;padding:22px 28px 22px 0;font-size:13.5px;\n    line-height:1.7;color:var(--ink-faint);font-weight:200}\n  .mbx .need li + li{border-left:1px solid var(--line);padding-left:28px}\n  .mbx .need .n{font-size:10px;letter-spacing:.24em;color:var(--rose);display:block;\n    margin-bottom:10px}\n  .mbx .need b{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:400;\n    color:var(--ink);margin-bottom:7px;letter-spacing:-.01em}\n  @media (max-width:760px){\n    .mbx .need{grid-template-columns:1fr}\n    .mbx .need li{padding:18px 0}\n    .mbx .need li + li{border-left:0;border-top:1px solid var(--line);padding-left:0}\n  }\n\n  \/* ---- Das Elementor-Formular an das Design angleichen ---- *\/\n  \/* Das Formular-Widget steht ausserhalb von .mbx und kennt das Raster der\n     Seite nicht. Diese drei Zeilen geben ihm dieselbe Breite und denselben\n     linken Rand wie den Texten darueber \u2013 sonst klebt es am Bildschirmrand. *\/\n  .elementor-widget-form{\n    background:#FFFFFF!important;\n    padding-left:calc(max(0px,(100% - 1300px)\/2) + clamp(20px,5.5vw,84px))!important;\n    padding-right:calc(max(0px,(100% - 1300px)\/2) + clamp(20px,5.5vw,84px))!important;\n    padding-top:clamp(14px,2vw,26px)!important;\n    padding-bottom:clamp(52px,6.5vw,92px)!important;\n    --e-form-row-gap:22px!important}\n  \/* Eingabefelder nicht ueber die ganze Breite ziehen. *\/\n  .elementor-widget-form .elementor-form{max-width:820px}\n  .elementor-widget-form .elementor-field-group{flex-wrap:wrap!important}\n  .elementor-widget-form .elementor-field-group > label{width:100%!important;\n    font-family:\"Karla\",system-ui,sans-serif!important;font-size:10px!important;\n    letter-spacing:.2em!important;text-transform:uppercase!important;\n    color:#9C9094!important;margin-bottom:8px!important;font-weight:400!important}\n  .elementor-widget-form .elementor-field-textual{\n    width:100%!important;background:transparent!important;border:0!important;border-bottom:1px solid #E4DCD8!important;\n    border-radius:0!important;padding:12px 2px!important;box-shadow:none!important;\n    font-family:\"Karla\",system-ui,sans-serif!important;font-size:15px!important;\n    font-weight:300!important;color:#241C1F!important;transition:border-color .3s}\n  .elementor-widget-form .elementor-field-textual:focus{\n    border-bottom-color:#4E2033!important;outline:none!important}\n  .elementor-widget-form .elementor-field-textual::placeholder{color:#C4B9BB!important}\n  .elementor-widget-form .elementor-field-type-textarea textarea{min-height:150px!important}\n  .elementor-widget-form .elementor-field-type-acceptance{\n    background:#F1E7EA;padding:16px 20px;margin-top:6px}\n  .elementor-widget-form .elementor-field-option label{\n    font-family:\"Karla\",system-ui,sans-serif!important;font-size:13.5px!important;\n    line-height:1.65!important;letter-spacing:0!important;text-transform:none!important;\n    color:#6A5D61!important}\n  .elementor-widget-form .elementor-button[type=\"submit\"]{\n    background:#4E2033!important;color:#FBF7F6!important;border:1px solid #4E2033!important;\n    border-radius:0!important;font-family:\"Karla\",system-ui,sans-serif!important;\n    font-size:12px!important;letter-spacing:.24em!important;text-transform:uppercase!important;\n    padding:22px 48px!important;transition:background .4s,border-color .4s}\n  .elementor-widget-form .elementor-button[type=\"submit\"]:hover{\n    background:#241C1F!important;border-color:#241C1F!important}\n\n\n\n\/* ==================================================================\n   v2 \u00b7 16. September 2026 \u2014 Brand Guide, Theme-Schutz, Logo\n   Diese Ebene steht bewusst ganz unten: sie korrigiert nur das,\n   was das WordPress-Theme von aussen hineinfaerbt.\n   ================================================================== *\/\n\n\/* 1 \u2014 Theme-Durchgriff abfangen.\n   Das Theme faerbt h1\u2013h6, Listen und Zitate selbst ein. Sobald es das tut,\n   erbt der Block die Farbe seines Abschnitts nicht mehr \u2013 auf dunklem Grund\n   stand die Ueberschrift dadurch fast unsichtbar da. Die Regeln haben nur\n   eine Klasse plus Element, jede Regel weiter oben mit eigener Klasse\n   gewinnt also weiterhin. *\/\n.mbx h1,.mbx h2,.mbx h3,.mbx h4,.mbx h5,.mbx h6,\n.mbx li,.mbx q,.mbx summary,.mbx small{\n  color:inherit;background:none;border:0;box-shadow:none;text-shadow:none;\n  text-transform:none;font-style:normal}\n.mbx h4,.mbx h5,.mbx h6{font-family:var(--sans);margin:0}\n.mbx q::before,.mbx q::after{color:inherit;font-size:inherit;line-height:inherit;\n  position:static;background:none}\n.mbx details,.mbx figure,.mbx figcaption{background:none;margin:0}\n.mbx ul,.mbx ol{margin:0}\n.mbx blockquote{margin:0;padding:0;background:none;border:0;quotes:none}\n.mbx blockquote::before,.mbx blockquote::after{content:none;display:none}\n\n\/* 2 \u2014 dunkle Abschnitte ausdruecklich hell setzen, statt auf Vererbung zu bauen *\/\n.mbx .closing .shell{color:#FBF8F7}\n.mbx .closing h2{color:#FBF8F7!important}\n.mbx .closing h2 em{color:#E7C3CB!important}\n.mbx .closing p{color:#E0D5D3}\n.mbx .closing::after{background:linear-gradient(180deg,rgba(20,15,17,.80),rgba(20,15,17,.92))}\n.mbx .closing::before{opacity:.28}\n\n\/* 3 \u2014 Logo freigestellt.\n   Der SVG-Filter rechnet Helligkeit in Transparenz um: Weiss wird\n   durchsichtig, die schwarze Zeichnung bleibt. Damit verschwindet der\n   weisse Kasten der PNG-Datei auf jedem Untergrund. *\/\n.mbx #intro .mark,.mbx .brand .mark,.mbx .mark-f{filter:url(#mbxKnock7)}\n.mbx .mark-f{display:block;width:76px;height:78px;background-image:var(--logo);\n  background-size:contain;background-repeat:no-repeat;background-position:left center;\n  margin-bottom:22px;mix-blend-mode:multiply}\n\n\/* 4 \u2014 Zitatkarte (Brand Guide: Cormorant kursiv, Pflaume, Haarlinie in Altrosa).\n   Vorher ein nacktes <blockquote>, das sich die Deko des Themes eingefangen hat. *\/\n.mbx .bigquote{position:relative;max-width:32ch;margin:0 auto;text-align:center;\n  background:var(--surface);border:1px solid var(--line);\n  padding:clamp(40px,5vw,62px) clamp(24px,4vw,54px)}\n.mbx .bigquote::before{content:\"\";position:absolute;left:50%;top:0;\n  transform:translate(-50%,-50%);width:44px;height:1px;background:var(--rose)}\n.mbx .bigquote p{margin:0;font-family:var(--serif);font-style:italic;font-weight:300;\n  font-size:clamp(1.35rem,2.9vw,2.05rem);line-height:1.44;color:var(--plum)}\n.mbx .bigquote figcaption{margin-top:24px;font-size:11px;letter-spacing:.22em;\n  text-transform:uppercase;color:var(--ink-faint);font-style:normal}\n\n\/* 5 \u2014 Feinschliff *\/\n.mbx{font-size:15.5px;text-rendering:optimizeLegibility;font-kerning:normal;\n  font-optical-sizing:auto;font-variant-ligatures:common-ligatures}\n.mbx h1{letter-spacing:-.01em}\n.mbx h2{letter-spacing:-.006em}\n.mbx ::selection{background:var(--plum);color:#FBF7F6}\n.mbx section{scroll-margin-top:96px}\n@media (max-width:860px){\n  .mbx .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}\n}\n\n\/* 6 \u2014 Abschnitte blenden beim Scrollen sanft ein.\n   Die Klasse .rv setzt erst das Skript \u2013 ohne Skript bleibt alles sichtbar. *\/\n.mbx.rv [data-rv]{opacity:0;transform:translateY(24px);\n  transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}\n.mbx.rv [data-rv].rv-in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){\n  .mbx.rv [data-rv]{opacity:1;transform:none}\n}\n\n\n\/* 7 \u2014 Portr\u00e4t mit weissem Studiohintergrund.\n   Die Datei aus der Mediathek ist nicht freigestellt. \"Multiply\" rechnet\n   Weiss gegen den Untergrund: Weiss mal Beige ergibt Beige \u2013 der Kasten\n   verschwindet, weiche Haarkanten bleiben erhalten. Dafuer darf die Figur\n   keine eigene Ebene mehr aufmachen (isolation), sonst findet die\n   Verrechnung im luftleeren Raum statt. *\/\n.mbx figure.me{isolation:auto}\n.mbx .me-halo{z-index:0}\n.mbx .me-img{position:relative;z-index:1;mix-blend-mode:multiply}\n\n\/* ==================================================================\n   Messe-Seite \u00b7 Oktober 2026 \u2014 nur fuer \/messe\/\n   ================================================================== *\/\n.mbx .ms-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}\n.mbx .ms-facts{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:12px;padding-top:18px;\n  border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .ms-facts b{display:block;font-family:var(--serif);font-size:20px;letter-spacing:.01em;\n  text-transform:none;color:var(--ink);font-weight:400}\n\n\/* Angebote *\/\n.mbx .ms-offers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px)}\n.mbx .ms-offer{position:relative;border:1px solid var(--line);background:var(--paper);\n  padding:clamp(28px,3.4vw,46px);display:flex;flex-direction:column;gap:16px}\n.mbx .ms-offer.hot{background:var(--plum);border-color:var(--plum);color:#FBF7F6}\n.mbx .ms-when{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}\n.mbx .ms-offer.hot .ms-when{color:#E7C3CB}\n.mbx .ms-offer h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.06}\n.mbx .ms-offer.hot h3{color:#FBF8F7!important}\n.mbx .ms-offer.hot h3 em{color:#E7C3CB!important}\n.mbx .ms-offer p{font-size:15.5px;color:var(--ink-soft);font-weight:200;max-width:46ch}\n.mbx .ms-offer.hot p{color:#E9DFDD}\n.mbx .ms-small{display:block;font-size:12.5px;line-height:1.6;color:var(--ink-faint);\n  margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}\n.mbx .ms-offer.hot .ms-small{color:#D3C1C5;border-top-color:rgba(255,255,255,.2)}\n.mbx .ms-code{align-self:flex-start;font-family:var(--serif);font-size:1.55rem;letter-spacing:.2em;\n  border:1px dashed var(--rose);padding:6px 18px 6px 22px;color:var(--plum);background:var(--surface)}\n.mbx .ms-over{display:none;align-self:flex-start;font-size:10px;letter-spacing:.22em;\n  text-transform:uppercase;background:var(--ink);color:#fff;padding:5px 10px}\n.mbx .ms-offer.is-over{opacity:.6}\n.mbx .ms-offer.is-over .ms-over{display:inline-block}\n.mbx .ms-offer.hot.is-over .ms-over{background:#FBF7F6;color:var(--ink)}\n.mbx .ms-nocombo{margin-top:18px;font-size:13px;color:var(--ink-faint)}\n@media (max-width:820px){ .mbx .ms-offers{grid-template-columns:1fr} }\n\n\/* Preise *\/\n.mbx .ms-pp{display:flex;flex-direction:column;gap:8px;padding:14px 0;\n  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.mbx .ms-pp .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px}\n.mbx .ms-pp .k{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .ms-pp .v{font-family:var(--serif);font-size:1.45rem;color:var(--ink-soft);\n  font-variant-numeric:tabular-nums;white-space:nowrap}\n.mbx .ms-pp .r.m .k{color:var(--plum)}\n.mbx .ms-pp .r.m .v{font-size:2.35rem;color:var(--plum);line-height:1}\n.mbx .ms-incl{margin-top:clamp(18px,2.4vw,28px);font-size:14.5px;color:var(--ink-soft);font-weight:200}\n.mbx .ms-incl b{color:var(--ink);font-weight:400}\n.mbx .ms-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);margin-top:clamp(36px,4.6vw,60px)}\n.mbx .ms-lists h3{font-family:var(--sans);font-size:10.5px;letter-spacing:.26em;\n  text-transform:uppercase;color:var(--rose)!important;font-weight:400;margin-bottom:8px}\n.mbx .ms-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;\n  border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-soft);font-weight:200}\n.mbx .ms-row span:last-child{font-family:var(--serif);font-size:1.12rem;color:var(--ink);white-space:nowrap}\n.mbx .ms-fine{margin-top:22px;font-size:12.5px;line-height:1.65;color:var(--ink-faint);max-width:90ch}\n@media (max-width:760px){ .mbx .ms-lists{grid-template-columns:1fr} }\n\n\/* Wieso ich *\/\n.mbx ul.ms-why{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 0;padding:0;\n  border-top:1px solid var(--line)}\n.mbx .ms-why li{list-style:none;margin:0;padding:18px 20px 18px 0;border-bottom:1px solid var(--line);\n  font-size:14px;line-height:1.65;color:var(--ink-soft);font-weight:200}\n.mbx .ms-why li::before{content:none!important}\n.mbx .ms-why li:nth-child(even){padding-left:20px;padding-right:0;border-left:1px solid var(--line)}\n.mbx .ms-why .n{display:block;font-size:10px;letter-spacing:.24em;color:var(--rose);margin-bottom:6px}\n.mbx .ms-why b{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--ink);\n  margin-bottom:4px;line-height:1.25}\n.mbx .ms-why a{color:var(--plum);border-bottom:1px solid var(--rose);white-space:nowrap}\n@media (max-width:560px){\n  .mbx ul.ms-why{grid-template-columns:1fr}\n  .mbx .ms-why li,.mbx .ms-why li:nth-child(even){padding-left:0;padding-right:0;border-left:0}\n}\n\n\/* Workbook-Hinweis *\/\n.mbx .ms-wb{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;\n  background:var(--surface);border:1px solid var(--line);padding:clamp(24px,3vw,40px)}\n.mbx .ms-wb h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.6vw,1.95rem);margin-top:10px}\n.mbx .ms-wb p{font-size:14.5px;color:var(--ink-soft);font-weight:200;max-width:56ch;margin-top:8px}\n.mbx a.cnote{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px}\n\n\/* Sprungziele nicht unter dem klebenden Menue verstecken *\/\n.mbx [id]{scroll-margin-top:96px}\nhtml{scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }\n\n@media (max-width:760px){\n  .mbx .ms-when,.mbx .ms-pp .k,.mbx .ms-lists h3,.mbx .ms-facts{font-size:11px}\n  .mbx .ms-cta .btn{flex:1 1 auto;text-align:center}\n}\n\n\/* Formular: Beschriftung immer ueber dem Feld (Fix aus der Workshop-Seite, Fassung 4c) *\/\n.elementor-widget-form .elementor-form .elementor-field-group:not(.elementor-field-type-submit){\n  flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;height:auto!important}\n.elementor-widget-form .elementor-form .elementor-field-group:not(.elementor-field-type-submit) > *{\n  flex:0 0 auto!important;width:100%!important;max-width:100%!important}\n\/* Auswahlkaestchen nebeneinander statt untereinander *\/\n.elementor-widget-form .elementor-field-type-checkbox .elementor-field-subgroup{\n  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px 26px!important}\n.elementor-widget-form .elementor-field-type-checkbox .elementor-field-option{\n  flex:0 0 auto!important;width:auto!important;max-width:none!important}\n\/* Datenschutz-Link in Pflaume statt in der Theme-Farbe *\/\n.elementor-widget-form .elementor-field-type-acceptance a{color:#4E2033!important;\n  text-decoration:none!important;border-bottom:1px solid #BF8592}\n\n\/* Formular ueber die volle Breite, auch wenn sein Container auf \"Boxed\" steht.\n   Sonst sitzt es als schmalere weisse Karte auf grauem Grund und nicht buendig\n   mit der Ueberschrift darueber. *\/\n.e-con:has(.elementor-widget-form) > .e-con-inner{max-width:none!important;width:100%!important;padding:0!important}\n.e-con:has(> .elementor-widget-form),.e-con:has(> .e-con-inner > .elementor-widget-form){\n  --content-width:100%;max-width:none!important;padding:0!important}\n.elementor-widget-form{width:100%!important;max-width:none!important}\n\n\/* ==================================================================\n   Formular als klare, moderne Karte (Messe-Seite, 20.10.2026)\n   Helle Flaeche drumherum, weisse Karte, umrandete Felder mit\n   gut lesbaren Beschriftungen, Auswahl als Pillen.\n   ================================================================== *\/\n.mbx section.anfrage{background:var(--paper)}\nbody .elementor-widget.elementor-widget-form{background:#F6F4F2!important;\n  padding-top:clamp(6px,1vw,14px)!important;padding-bottom:clamp(56px,7vw,100px)!important}\n.elementor-widget-form .elementor-form{max-width:880px!important;background:#FFFFFF;\n  border:1px solid #E4DCD8;border-radius:6px;padding:clamp(22px,4vw,48px)!important;\n  box-shadow:0 34px 70px -48px rgba(36,28,31,.45)}\n.elementor-widget-form .elementor-form .elementor-form-fields-wrapper{--e-form-row-gap:20px}\n\n\/* Beschriftungen: dunkler und groesser, damit man sie lesen kann *\/\n.elementor-widget-form .elementor-form .elementor-field-group > label,\n.elementor-widget-form .elementor-form .elementor-field-group > .elementor-field-label{\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:12px!important;font-weight:500!important;\n  letter-spacing:.12em!important;text-transform:uppercase!important;color:#4A3D42!important;\n  margin:0 0 8px!important;line-height:1.4!important}\n.elementor-widget-form .elementor-mark-required .elementor-field-label:after{color:#BF8592!important;\n  padding-left:3px}\n\n\/* Felder mit Rahmen statt nur Unterstrich *\/\n.elementor-widget-form .elementor-form .elementor-field-textual{\n  background:#FBF9F8!important;border:1px solid #DDD3CF!important;border-radius:4px!important;\n  padding:14px 16px!important;min-height:52px!important;\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:16px!important;font-weight:400!important;\n  line-height:1.4!important;color:#241C1F!important;box-shadow:none!important;\n  transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}\n.elementor-widget-form .elementor-form .elementor-field-textual:hover{border-color:#C9BDB9!important}\n.elementor-widget-form .elementor-form .elementor-field-textual:focus{background:#FFFFFF!important;\n  border-color:#4E2033!important;box-shadow:0 0 0 3px rgba(78,32,51,.12)!important;outline:none!important}\n.elementor-widget-form .elementor-form .elementor-field-textual::placeholder{color:#A0959A!important;opacity:1}\n.elementor-widget-form .elementor-form textarea.elementor-field-textual{min-height:128px!important;resize:vertical}\n\/* Ein Textbereich in einer halben Spalte (z. B. Ort) bleibt einzeilig hoch *\/\n.elementor-widget-form .elementor-form .elementor-col-50 textarea.elementor-field-textual,\n.elementor-widget-form .elementor-form .elementor-field-group-ort textarea{\n  min-height:52px!important;height:52px!important;resize:none!important;overflow:hidden}\n\/* Datum: Kalender-Symbol rechts im Feld *\/\n.elementor-widget-form .elementor-form .elementor-field-type-date .elementor-field-textual{\n  padding-right:46px!important;cursor:pointer;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234E2033' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'\/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'\/%3E%3C\/svg%3E\")!important;\n  background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:20px 20px!important}\n\n\/* Interessen als Pillen zum Antippen *\/\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-subgroup{\n  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option{\n  position:relative;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option input,\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option input{\n  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label{\n  display:inline-flex!important;align-items:center;gap:9px;margin:0!important;padding:10px 16px 10px 13px!important;\n  border:1px solid #DDD3CF;border-radius:999px;background:#FBF9F8;cursor:pointer;\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:14.5px!important;font-weight:400!important;\n  line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;color:#3A2E33!important;\n  transition:background-color .2s ease,border-color .2s ease,color .2s ease}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label::before{\n  content:\"\"!important;display:block!important;position:static!important;flex:0 0 auto;\n  width:16px!important;height:16px!important;border:1px solid #BF8592!important;border-radius:50%!important;\n  background:#FFFFFF no-repeat center\/11px 11px!important;margin:0!important;transform:none!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label::after,\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option label::after{\n  content:none!important;display:none!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label:hover{border-color:#BF8592}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option:has(input:checked) label{\n  background:#4E2033;border-color:#4E2033;color:#FFFFFF!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option:has(input:checked) label::before{\n  border-color:#FFFFFF!important;background-color:#FFFFFF!important;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%234E2033' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\")!important}\n.elementor-widget-form .elementor-form .elementor-field-option input:focus-visible + label{\n  outline:2px solid #BF8592;outline-offset:3px}\n\n\/* Datenschutz-Haekchen: eigenes, gut sichtbares Kaestchen *\/\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance{\n  background:none!important;padding:0 5px!important;margin-top:4px}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-subgroup{\n  display:block!important;width:100%;background:#F7F1F2;border-radius:4px;padding:16px 18px}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option{\n  position:relative;display:block;padding:0!important}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option label{\n  position:relative;display:block!important;padding-left:32px!important;margin:0!important;cursor:pointer;\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:14px!important;font-weight:400!important;\n  line-height:1.6!important;letter-spacing:0!important;text-transform:none!important;color:#4A3D42!important}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option label::before{\n  content:\"\"!important;display:block!important;position:absolute!important;left:0;top:1px;\n  width:20px!important;height:20px!important;border:1px solid #BF8592!important;border-radius:4px!important;\n  background:#FFFFFF no-repeat center\/14px 14px!important;margin:0!important;transform:none!important}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option:has(input:checked) label::before{\n  background-color:#4E2033!important;border-color:#4E2033!important;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\")!important}\n\n\/* Absende-Knopf *\/\n.elementor-widget-form .elementor-form .elementor-field-type-submit{margin-top:8px}\n.elementor-widget-form .elementor-form .elementor-button[type=\"submit\"]{\n  width:100%!important;min-height:58px;border-radius:4px!important;padding:20px 32px!important;\n  font-size:13px!important;letter-spacing:.2em!important;font-weight:500!important}\n.elementor-widget-form .elementor-form .elementor-button[type=\"submit\"]:focus-visible{\n  outline:2px solid #BF8592;outline-offset:3px}\n\/* Fehlermeldungen lesbar *\/\n.elementor-widget-form .elementor-message{font-family:\"Karla\",system-ui,sans-serif;font-size:14.5px;margin-top:14px}\n.elementor-widget-form .elementor-error .elementor-field-textual{border-color:#B3261E!important}\n\n@media (max-width:767px){\n  .elementor-widget-form .elementor-form{border-radius:4px;box-shadow:none}\n  .elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label{font-size:15px!important;padding:11px 16px 11px 13px!important}\n}\n\n\/* Schritte auf dem beigen Band: Text etwas kraeftiger, sonst zu blass *\/\n.mbx .band .need li{color:var(--ink-soft)}\n\n\/* Datum: native Auswahl (Messe-Formular) \u2013 ein Symbol, ganze Breite links tippbar *\/\n.elementor-widget-form .elementor-field-type-date input[type=\"date\"]{position:relative;-webkit-appearance:none;appearance:none;text-align:left;min-width:0}\n.elementor-widget-form .elementor-field-type-date input[type=\"date\"]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:46px;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}\n.elementor-widget-form .elementor-field-type-date input[type=\"date\"]::-webkit-date-and-time-value{text-align:left;margin:0}\n.elementor-widget-form .elementor-field-type-date input[type=\"date\"].is-empty::-webkit-datetime-edit{color:#A0959A}\n@supports (-moz-appearance:none){.elementor-widget-form .elementor-field-type-date input[type=\"date\"]{background-image:none!important;padding-right:16px!important}}\n<\/style>\n<script>\n\/* sanftes Einblenden der Abschnitte (v2) *\/\n(function(){\n  if(!('IntersectionObserver' in window)) return;\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('rv-in'); io.unobserve(e.target); }\n    });\n  },{rootMargin:'0px 0px -6% 0px',threshold:0.03});\n  Array.prototype.forEach.call(document.querySelectorAll('.mbx'),function(root){\n    var els=root.querySelectorAll('main > section');\n    if(!els.length) return;\n    root.classList.add('rv');\n    Array.prototype.forEach.call(els,function(el){\n      if(el.hasAttribute('data-rv')||el.classList.contains('pagehead')) return;\n      el.setAttribute('data-rv',''); io.observe(el);\n    });\n  });\n})();\n<\/script>\n<script>\n\/* Messe-Angebote nach Ablauf automatisch als \"Abgelaufen\" markieren *\/\n(function(){\n  var now=Date.now();\n  Array.prototype.forEach.call(document.querySelectorAll('.mbx [data-bis]'),function(el){\n    var t=Date.parse(el.getAttribute('data-bis'));\n    if(!isNaN(t)&&now>t){ el.classList.add('is-over'); }\n  });\n  \/* Handy-Menue nach dem Antippen eines Sprunglinks schliessen *\/\n  var tg=document.getElementById('mbxNav');\n  if(tg){ Array.prototype.forEach.call(document.querySelectorAll('.mbx .nav-links a[href^=\"#\"]'),function(a){\n    a.addEventListener('click',function(){ tg.checked=false; });\n  }); }\n})();\n<\/script>\n\n<script>(function(){function t(i){i.classList.toggle(\"is-empty\",!i.value)}function init(){document.querySelectorAll('.elementor-field-type-date input[type=\"date\"]').forEach(function(i){t(i);[\"input\",\"change\",\"blur\"].forEach(function(ev){i.addEventListener(ev,function(){t(i)})});var f=i.form;if(f){f.addEventListener(\"reset\",function(){setTimeout(function(){t(i)},0)})}})}if(document.readyState===\"loading\"){document.addEventListener(\"DOMContentLoaded\",init)}else{init()}})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17ecf8e e-flex e-con-boxed e-con e-parent\" data-id=\"17ecf8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e92c55 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"8e92c55\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Messe MEC 2026\" aria-label=\"Messe MEC 2026\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6872\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"8e92c55\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Messe - Mariell Beauty - Braut- und Eventstyling\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"6872\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVor- und Nachname\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Wie hei\u00dft du?\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-datum elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-datum\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tHochzeitsdatum\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[datum]\" id=\"form-field-datum\" class=\"elementor-field elementor-size-sm  elementor-field-textual elementor-date-field elementor-use-native\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-ort elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-ort\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tOrt oder Location\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[ort]\" id=\"form-field-ort\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Standesamt, Hotel oder Location\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-Mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"f\u00fcr deinen Kostenvoranschlag\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-telefon elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telefon\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tHandy (f\u00fcr WhatsApp)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[telefon]\" id=\"form-field-telefon\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"optional\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Nur Nummern oder Telefon-Zeichen (#, -, *, etc) werden akzeptiert.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-checkbox elementor-field-group elementor-column elementor-field-group-interesse elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-interesse\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tWas interessiert dich?\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Braut-Make-up\" id=\"form-field-interesse-0\" name=\"form_fields[interesse][]\"> <label for=\"form-field-interesse-0\">Braut-Make-up<\/label><\/span><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Brautfrisur\" id=\"form-field-interesse-1\" name=\"form_fields[interesse][]\"> <label for=\"form-field-interesse-1\">Brautfrisur<\/label><\/span><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Styling f\u00fcr Begleitpersonen\" id=\"form-field-interesse-2\" name=\"form_fields[interesse][]\"> <label for=\"form-field-interesse-2\">Styling f\u00fcr Begleitpersonen<\/label><\/span><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Schminkworkshop \/ JGA\" id=\"form-field-interesse-3\" name=\"form_fields[interesse][]\"> <label for=\"form-field-interesse-3\">Schminkworkshop \/ JGA<\/label><\/span><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Workbook\" id=\"form-field-interesse-4\" name=\"form_fields[interesse][]\"> <label for=\"form-field-interesse-4\">Workbook<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-nachricht elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nachricht\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNachricht\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[nachricht]\" id=\"form-field-nachricht\" rows=\"4\" placeholder=\"W\u00fcnsche, Fragen \u2013 oder was wir am Stand besprochen haben\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-datenschutz elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-datenschutz\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDatenschutz\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[datenschutz]\" id=\"form-field-datenschutz\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-datenschutz\">Ich habe die <a href=\"https:\/\/mariell-beauty.de\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a> gelesen. Meine Angaben werden nur zur Bearbeitung meiner Anfrage verwendet.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-quelle elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[quelle]\" id=\"form-field-quelle\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" value=\"Messe MEC 2026\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Termin pr\u00fcfen lassen<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d90b0f e-flex e-con-boxed e-con e-parent\" data-id=\"4d90b0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ddd58 elementor-widget elementor-widget-html\" data-id=\"42ddd58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- M. Beauty \u00b7 Messe-Seite \/messe\/ \u00b7 TEIL 2 von 2 (unterhalb des Formulars) -->\n<!-- Enthaelt die Gestaltung selbst \u2013 damit dieser Teil auch dann richtig -->\n<!-- aussieht, wenn Teil 1 fehlt oder die Reihenfolge vertauscht ist. -->\n\n<div class=\"mbx\">\n<svg width=\"0\" height=\"0\" aria-hidden=\"true\" focusable=\"false\" style=\"position:absolute;width:0;height:0;overflow:hidden\"><filter id=\"mbxKnock8\" color-interpolation-filters=\"sRGB\"><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.2126 -0.7152 -0.0722 0 1\"\/><feComposite in2=\"SourceGraphic\" operator=\"in\"\/><\/filter><\/svg>\n<main>\n  <section id=\"fragen\" style=\"padding-top:clamp(52px,6vw,96px)\">\n    <div class=\"shell\">\n      <div class=\"sec-head\"><span class=\"eyebrow\">H\u00e4ufige Fragen<\/span><h2>Kurz vorab<\/h2><\/div>\n      <div class=\"faq\">\n        <details open><summary>Wie bekomme ich die bisherigen Preise?<\/summary><div class=\"a\">Buch dein Brautpaket am 7. oder 8. November direkt am Stand: Wir pr\u00fcfen dein Datum, du bekommst deinen Kostenvoranschlag und \u00fcberweist die Reservierung von 10 % noch am selben Tag. Dann gelten f\u00fcr deine Hochzeit 2027 die bisherigen Preise \u2013 100 \u20ac weniger auf jedes Brautpaket.<\/div><\/details>\n        <details><summary>Ich m\u00f6chte erst in Ruhe \u00fcberlegen \u2013 geht das?<\/summary><div class=\"a\">Nat\u00fcrlich. Dann gilt bis zum 30. November der Haarschmuck-Bonus: Reservierst du bis dahin und nennst den Code MEC26, leihst du ein Haarschmuck-St\u00fcck gratis dazu. Die beiden Messe-Angebote lassen sich nicht kombinieren.<\/div><\/details>\n        <details><summary>Wann ist mein Termin verbindlich?<\/summary><div class=\"a\">Sobald die Reservierungsgeb\u00fchr eingegangen ist \u2013 bei Buchung am Messetag zehn Prozent des Kostenvoranschlags, sonst zwanzig Prozent, mindestens 50 \u20ac. Davor halte ich das Datum nicht frei. Die Geb\u00fchr kommt nicht zus\u00e4tzlich dazu \u2013 sie wird von der Endsumme abgezogen.<\/div><\/details>\n        <details><summary>Wann findet das Probestyling statt?<\/summary><div class=\"a\">Meist sechs bis acht Wochen vor der Hochzeit, und zwar bei dir \u2013 so kenne ich die Gegebenheiten vor Ort schon vor dem Hochzeitsmorgen. Dort probieren wir Haare und Make-up, legen den Look fest und besprechen den Zeitplan.<\/div><\/details>\n        <details><summary>Was passiert, wenn ich verschieben oder absagen muss?<\/summary><div class=\"a\">L\u00e4sst sich ein neuer Termin finden, wird deine Reservierungsgeb\u00fchr ohne weitere Kosten angerechnet. Sagst du mehr als drei Monate vorher ab, behalte ich nur die Reservierungsgeb\u00fchr. Danach steigt der Anteil: bis vier Wochen vorher 30 %, bis sieben Tage vorher 60 %, danach die volle Verg\u00fctung, jeweils ohne Anfahrtskosten. Bereits erbrachte Leistungen wie ein Probestyling bleiben zu zahlen. Die Einzelheiten stehen in meinen <a href=\"https:\/\/mariell-beauty.de\/agbs\/\" style=\"color:var(--plum);border-bottom:1px solid var(--rose)\">AGB<\/a>.<\/div><\/details>\n        <details><summary>Und wenn du krank wirst?<\/summary><div class=\"a\">Dann sage ich dir sofort Bescheid und vermittle dir nach M\u00f6glichkeit eine Kollegin. Klappt das nicht oder m\u00f6chtest du das nicht, bekommst du die Reservierungsgeb\u00fchr und alles bereits Gezahlte f\u00fcr nicht erbrachte Leistungen vollst\u00e4ndig zur\u00fcck.<\/div><\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section style=\"padding-top:0\">\n    <div class=\"shell\">\n      <div class=\"ms-wb\">\n        <div>\n          <span class=\"eyebrow\">Du schminkst dich selbst?<\/span>\n          <h3>Das Braut-Make-up-Workbook<\/h3>\n          <p>Mein Workbook mit f\u00fcnf Trendlooks \u2013 auf Wunsch mit Foto-Feedback oder 1:1-Videoberatung mit mir.<\/p>\n        <\/div>\n        <a class=\"btn\" href=\"https:\/\/mariell-beauty.de\/braut-make-up-workbook\/\">Zum Workbook<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"closing\">\n    <div class=\"shell\">\n      <span class=\"eyebrow\">Lieber direkt<\/span>\n      <h2>Ruf an oder schreib mir<\/h2>\n      <p>Ein kurzes Gespr\u00e4ch kl\u00e4rt oft mehr als drei Mails \u2013 und dein Datum pr\u00fcfe ich gleich mit.<\/p>\n      <a class=\"btn fill\" href=\"tel:+491731687594\">+49 173 1687594<\/a>\n      <a class=\"cnote\" href=\"https:\/\/wa.me\/491731687594?text=Hallo%20Mariell%2C%20ich%20war%20auf%20der%20Hochzeitsmesse%20MEC%20und%20m%C3%B6chte%20meinen%20Wunschtermin%20pr%C3%BCfen%20lassen.%20Datum%3A%20\" target=\"_blank\" rel=\"noopener\">Oder per WhatsApp schreiben<\/a>\n    <\/div>\n  <\/section>\n<\/main>\n<footer class=\"fuss ms-foot\"><div class=\"shell ms-foot-in\">\n  <div class=\"ms-foot-brand\"><span class=\"mark-f\" role=\"img\" aria-label=\"M. Beauty Logo\"><\/span>\n    <p>Braut- und Eventstyling von Mariell M\u00fcller in Wolfsburg.<\/p><\/div>\n  <div class=\"ms-foot-badges\">\n    <h4>Gelistet bei<\/h4>\n    <div class=\"fbadge-row\">\n      <a href=\"https:\/\/www.weddyplace.com\/vendors\/6ad723299da56f42c5d2311a\" target=\"_blank\" rel=\"noopener\"><img src=\"https:\/\/cdn.weddyplace.com\/static\/misc\/badges\/badge-gelistet.png\" loading=\"lazy\" decoding=\"async\" alt=\"M. Beauty ist als Brautstylistin bei WeddyPlace gelistet\"><\/a>\n      <a href=\"https:\/\/bridebook.com\/de\/wedding-beauty-hair-makeup\/mariell-m-ller-m-beauty-wolfsburg-niedersachsen-deDX9qbKkX\" target=\"_blank\" rel=\"noopener\"><img src=\"https:\/\/image.bridebook.com\/assets\/cms\/badges\/Featured_on_Badge_light_de.png\" loading=\"lazy\" decoding=\"async\" alt=\"M. Beauty auf Bridebook\"><\/a>\n    <\/div>\n  <\/div>\n  <div class=\"ms-foot-legal\">\n    <h4>Rechtliches<\/h4>\n    <ul><li><a href=\"https:\/\/mariell-beauty.de\/impressum\/\">Impressum<\/a><\/li><li><a href=\"https:\/\/mariell-beauty.de\/datenschutz\/\">Datenschutz<\/a><\/li><li><a href=\"https:\/\/mariell-beauty.de\/agbs\/\">AGB<\/a><\/li><\/ul>\n  <\/div>\n<\/div><div class=\"shell fbot\">\n  <span>\u00a9 2026 M. Beauty by Mariell M\u00fcller \u00b7 Tischlerstr. 4, 38440 Wolfsburg<\/span>\n  <span><a href=\"https:\/\/mariell-beauty.de\/\">Zur Website<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/mbeauty_mariell\/\" rel=\"noopener\" target=\"_blank\">Instagram<\/a><\/span>\n<\/div><\/footer>\n<\/div>\n\n<style>\n\/* Namensraum .mbx \u2013 beruehrt nichts ausserhalb dieses Blocks *\/\n\n.mbx{\n  --logo:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/cropped-Kopie-von-Mariell-Logo-1.png\");\n  --img-me:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/Untitled-design-4.png\");\n  --img-hero:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/cropped-77286484-65D9-4F79-9EC3-E82B64B16D6A.jpg\");\n  --img-braut:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/2B34250F-B325-4D8C-8AF3-329BA22A0B89-819x1024.jpg\");\n  --img-event:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4249429-scaled-1-768x1024.jpg\");\n  --img-hair:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/0D4CF130-4FD2-410F-9B8E-1CF2A6A6B1B1-768x1024.jpg\");\n  --img-schulung:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4248712-scaled-1-768x1024.jpg\");\n  --img-portrait:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/6599EA1D-417E-4B73-B669-948C3E677AF7-768x1024.jpg\");\n  --img-craft:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/v-4248496-scaled-1-768x1024.jpg\");\n  --img-p1:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/1F337B88-8F36-4F82-81CA-59DCE928F056-768x1024.jpg\");\n  --img-p2:url(\"https:\/\/mariell-beauty.de\/wp-content\/uploads\/2026\/04\/6eb0b244-ca47-4e67-bc79-786e8389ad5a-682x1024.jpg\");\n  --paper:#F6F4F2;\n    --surface:#FFFFFF;\n    --band:#EDE7E4;\n    --ink:#241C1F;\n    --ink-soft:#6A5D61;\n    --ink-faint:#9C9094;\n    --line:#E4DCD8;\n    --line-soft:#EFE9E6;\n    --plum:#4E2033;\n    --plum-soft:#F1E7EA;\n    --rose:#BF8592;\n\n    --serif:\"Cormorant Garamond\",Georgia,\"Times New Roman\",serif;\n    --sans:\"Karla\",\"Helvetica Neue\",Arial,system-ui,sans-serif;\n    --gut:clamp(20px,5.5vw,84px);\n    --ease:cubic-bezier(.19,1,.22,1);\n  }\n.mbx *{box-sizing:border-box}\n.mbx{\n    background:var(--paper);color:var(--ink);\n    font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.78;\n    -webkit-font-smoothing:antialiased;overflow:visible;\n  }\n.mbx a{color:inherit;text-decoration:none}\n.mbx button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}\n.mbx *:focus-visible{outline:1px solid var(--plum);outline-offset:4px}\n.mbx [hidden]{display:none!important}\n  @media (prefers-reduced-motion:reduce){\n.mbx *{animation:none!important;transition:none!important}}\n.mbx .shell{max-width:1300px;margin:0 auto;padding:0 var(--gut)}\n.mbx h1, .mbx h2, .mbx h3{margin:0;font-family:var(--serif);font-weight:300;letter-spacing:.004em;text-wrap:balance}\n.mbx h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.03}\n.mbx h2{font-size:clamp(1.85rem,3.9vw,3rem);line-height:1.12}\n.mbx h3{font-size:1.3rem;line-height:1.28}\n.mbx p{margin:0}\n.mbx em{font-style:italic;color:var(--plum)}\n.mbx .eyebrow{font-size:10px;font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:var(--rose)}\n.mbx .lead{font-size:17.5px;color:var(--ink-soft);max-width:48ch;font-weight:200}\n.mbx .hair{height:1px;background:var(--line);width:100%}\n.mbx .rule{height:1px;width:70px;background:var(--plum);opacity:.55}\n.mbx \/* ---------------- intro curtain ---------------- *\/\n  \/* Der Vorhang oeffnet sich allein per CSS. Auch wenn kein Skript laeuft, .mbx bleibt die Seite dadurch nie verdeckt. *\/\n  #intro{position:fixed;inset:0;z-index:9999;pointer-events:none;\n    animation:introEnd .01s 3.6s forwards}\n  @keyframes introEnd{to{visibility:hidden}}\n.mbx #intro .half{position:absolute;left:0;width:100%;height:50.2%;background:var(--paper);\n    will-change:transform;animation-duration:1.15s;animation-delay:2.15s;\n    animation-timing-function:var(--ease);animation-fill-mode:forwards}\n.mbx #intro .top{top:0;animation-name:curtainUp}\n.mbx #intro .bot{bottom:0;animation-name:curtainDown}\n  @keyframes curtainUp{to{transform:translateY(-100%)}}\n  @keyframes curtainDown{to{transform:translateY(100%)}}\n.mbx #intro .stage{position:absolute;inset:0;display:flex;flex-direction:column;\n    align-items:center;justify-content:center;gap:20px;\n    animation:stageOut .5s 2.15s ease forwards}\n  @keyframes stageOut{to{opacity:0}}\n.mbx #intro.skip *{animation-delay:0s!important;animation-duration:.35s!important}\n.mbx #intro.gone{display:none}\n.mbx #intro .mark{width:104px;height:107px;background-image:var(--logo);background-size:contain;\n    background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply;\n    animation:markIn 1.1s var(--ease) both}\n  @keyframes markIn{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}\n.mbx #intro .wm{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.3em;\n    text-transform:uppercase;animation:markIn 1.1s .2s var(--ease) both}\n.mbx #intro .tag{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);\n    animation:markIn 1.1s .45s var(--ease) both;text-align:center;padding:0 24px}\n.mbx #intro .draw{width:0;height:1px;background:var(--plum);opacity:.5;\n    animation:drawLine .9s .6s var(--ease) both}\n  @keyframes drawLine{from{width:0}to{width:150px}}\n.mbx \/* ---------------- draft bar ---------------- *\/\n  .draft{background:var(--ink);color:#EDE6E4;font-size:11.5px;letter-spacing:.05em;\n    padding:9px var(--gut);display:flex;flex-wrap:wrap;gap:3px 16px;align-items:baseline}\n.mbx .draft b{color:var(--rose);letter-spacing:.2em;text-transform:uppercase;font-weight:400;font-size:10px}\n.mbx .draft-aux{margin-left:auto;display:flex;gap:18px}\n.mbx .draft-aux button{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#B9A9A7;\n    border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px;transition:color .3s,border-color .3s}\n.mbx .draft-aux button:hover{color:#fff;border-color:#fff}\n.mbx \/* ---------------- nav ---------------- *\/\n  header.nav{position:sticky;top:0;z-index:60;background:rgba(246,244,242,.975);\n    backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line)}\n.mbx .nav-in{max-width:1300px;margin:0 auto;padding:15px var(--gut);display:flex;align-items:center;gap:26px}\n.mbx .brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}\n.mbx .brand .mark{width:46px;height:47px;background-image:var(--logo);background-size:contain;\n    background-repeat:no-repeat;background-position:center;flex:0 0 auto;mix-blend-mode:multiply}\n.mbx .brand .wm{font-family:var(--serif);font-size:19px;letter-spacing:.28em;text-transform:uppercase;line-height:1}\n.mbx .brand .wm small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.3em;\n    color:var(--ink-faint);margin-top:5px;text-transform:uppercase}\n.mbx .nav-links{display:flex;gap:24px;margin-left:auto;overflow-x:auto;scrollbar-width:none}\n.mbx .nav-links::-webkit-scrollbar{display:none}\n.mbx .nav-links a{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft);\n    padding:6px 0;position:relative;white-space:nowrap;transition:color .4s var(--ease)}\n.mbx .nav-links a::after{content:\"\";position:absolute;left:0;right:100%;bottom:0;height:1px;\n    background:var(--plum);transition:right .5s var(--ease)}\n.mbx .nav-links a:hover{color:var(--ink)}\n.mbx .nav-links a:hover::after{right:0}\n.mbx .nav-links a.is-here{color:var(--ink)}\n.mbx .nav-links a.is-here::after{right:0}\n.mbx .nav-links a.aux{color:var(--ink-faint)}\n.mbx .btn{display:inline-block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;\n    padding:14px 26px;border:1px solid var(--plum);color:var(--plum);position:relative;overflow:hidden;\n    z-index:0;transition:color .5s var(--ease);white-space:nowrap}\n.mbx .btn::before{content:\"\";position:absolute;inset:0;background:var(--plum);\n    transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}\n.mbx .btn:hover{color:#fff}\n.mbx .btn:hover::before{transform:translateY(0)}\n.mbx .btn.solid{background:var(--plum);color:#fff}\n.mbx .btn.solid::before{background:var(--ink)}\n.mbx .btn.pale{border-color:rgba(255,255,255,.7);color:#fff}\n.mbx .btn.pale::before{background:#fff}\n.mbx .btn.pale:hover{color:var(--ink)}\n.mbx \/* Haupt-Handlungsaufruf: gef\u00fcllt, .mbx gr\u00f6\u00dfer, .mbx mit ruhigem Puls *\/\n  .btn.fill{background:#FBF7F6;border-color:#FBF7F6;color:var(--ink);\n    font-size:11.5px;padding:19px 42px;box-shadow:0 0 0 0 rgba(251,247,246,.5)}\n.mbx .btn.fill::before{background:var(--plum)}\n.mbx .btn.fill:hover{color:#fff;border-color:var(--plum)}\n.mbx .btn.fill:not(:hover){animation:ctaPulse 3.6s ease-out 1.2s infinite}\n  @keyframes ctaPulse{0%{box-shadow:0 0 0 0 rgba(251,247,246,.45)}\n    60%{box-shadow:0 0 0 16px rgba(251,247,246,0)}100%{box-shadow:0 0 0 0 rgba(251,247,246,0)}}\n  @media (prefers-reduced-motion:reduce){\n.mbx .btn.fill:not(:hover){animation:none}}\n  @media (max-width:1140px){\n.mbx .nav-in .btn{display:none}}\n  @media (max-width:720px){\n.mbx .nav-in{flex-wrap:wrap;gap:12px 18px;padding-bottom:11px}\n.mbx .nav-links{margin-left:0;width:100%;gap:20px}\n.mbx .brand .wm{font-size:16px}\n  }\n.mbx .urlbar{padding:7px var(--gut);font-size:10px;letter-spacing:.17em;color:var(--ink-faint);\n    border-bottom:1px solid var(--line-soft);background:var(--band)}\n.mbx \/* ---------------- hero ---------------- *\/\n  .hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}\n.mbx .hero-bg{position:absolute;inset:-6% -2%;background-image:var(--img-hero);background-size:cover;\n    background-position:50% 30%;animation:kb 28s ease-in-out infinite alternate;will-change:transform}\n  @keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}\n.mbx .hero-scrim{position:absolute;inset:0;background:\n    linear-gradient(to top,rgba(20,15,17,.9) 0%,rgba(20,15,17,.55) 38%,rgba(20,15,17,.06) 72%,rgba(20,15,17,.3) 100%)}\n.mbx .hero-in{position:relative;width:100%;padding:clamp(48px,9vw,120px) 0 clamp(40px,6vw,72px);color:#F7F3F1}\n.mbx .hero-in .eyebrow{color:#E7C3CB}\n.mbx .hero-in>.shell>*{animation:rise 1s var(--ease) both}\n.mbx .hero-in>.shell>*:nth-child(1){animation-delay:.1s}\n.mbx .hero-in>.shell>*:nth-child(2){animation-delay:.24s}\n.mbx .hero-in>.shell>*:nth-child(3){animation-delay:.38s}\n.mbx .hero-in>.shell>*:nth-child(4){animation-delay:.52s}\n.mbx .hero-in>.shell>*:nth-child(5){animation-delay:.66s}\n  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n.mbx .hero h1{max-width:19ch;margin:20px 0 0;color:#FBF8F7}\n.mbx .hero h1 em{color:#E7C3CB}\n.mbx .hero .lead{margin-top:22px;color:#E3DAD8}\n.mbx .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}\n.mbx .hero-facts{display:flex;flex-wrap:wrap;gap:12px 44px;margin-top:46px;padding-top:22px;\n    border-top:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.16em;\n    text-transform:uppercase;color:#CDBFBD}\n.mbx .hero-facts b{display:block;font-family:var(--serif);font-size:21px;letter-spacing:.02em;\n    text-transform:none;color:#FBF8F7;font-weight:400}\n.mbx \/* ---------------- marquee ---------------- *\/\n  .marquee{overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface);padding:16px 0}\n.mbx .marquee-track{display:flex;width:max-content;animation:slide 46s linear infinite}\n.mbx .marquee:hover .marquee-track{animation-play-state:paused}\n  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n.mbx .marquee-track span{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink-soft);\n    padding:0 28px;white-space:nowrap;display:flex;align-items:center;gap:28px}\n.mbx .marquee-track span::after{content:\"\";width:4px;height:4px;background:var(--rose);border-radius:50%}\n.mbx \/* ---------------- sections ---------------- *\/\n  section{padding:clamp(62px,8.5vw,140px) 0;position:relative}\n.mbx section.band{background:var(--band)}\n.mbx section.white{background:var(--surface)}\n.mbx section.tight{padding-top:clamp(40px,5vw,74px)}\n.mbx .sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(34px,5vw,60px);max-width:54ch}\n.mbx .sec-head.center{margin-inline:auto;text-align:center;align-items:center}\n.mbx .split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,6vw,90px);align-items:center}\n.mbx .split.flip .frame{order:2}\n.mbx .frame{position:relative;overflow:hidden}\n.mbx .frame i{display:block;background-size:cover;background-position:center;\n    transition:transform 1.5s var(--ease);filter:saturate(.95)}\n.mbx .frame:hover i{transform:scale(1.05)}\n.mbx .frame::after{content:\"\";position:absolute;inset:0;border:1px solid rgba(78,32,51,.22);\n    pointer-events:none;transition:inset .6s var(--ease)}\n.mbx .frame:hover::after{inset:13px}\n.mbx .split-copy{display:flex;flex-direction:column;gap:20px}\n.mbx .split-copy p{color:var(--ink-soft);max-width:50ch;font-weight:200}\n  @media (max-width:900px){\n.mbx .split{grid-template-columns:1fr}\n.mbx .split.flip .frame{order:0}}\n.mbx .pull{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.34;font-style:italic;\n    color:var(--plum);padding-left:26px;border-left:1px solid var(--rose)}\n.mbx \/* ---------------- cards ---------------- *\/\n  .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}\n.mbx .card{background:var(--surface);display:flex;flex-direction:column;overflow:hidden}\n.mbx .card .ph{height:290px;background-size:cover;background-position:center;\n    transition:transform 1.6s var(--ease);filter:saturate(.92)}\n.mbx .card:hover .ph{transform:scale(1.06)}\n.mbx .card-body{padding:26px 26px 32px;display:flex;flex-direction:column;gap:11px;flex:1}\n.mbx .card-body .no{font-size:10px;letter-spacing:.3em;color:var(--rose)}\n.mbx .card-body p{font-size:14.5px;color:var(--ink-soft);font-weight:200;flex:1}\n.mbx .more{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--plum);\n    align-self:flex-start;border-bottom:1px solid var(--rose);padding-bottom:3px;\n    transition:border-color .4s var(--ease)}\n.mbx .more:hover{border-color:var(--plum)}\n  @media (max-width:1040px){\n.mbx .cards{grid-template-columns:repeat(2,1fr)}}\n  @media (max-width:580px){\n.mbx .cards{grid-template-columns:1fr}\n.mbx .card .ph{height:250px}}\n.mbx \/* ---------------- pakete ---------------- *\/\n  .pakete{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}\n.mbx .paket{background:var(--surface);border:1px solid var(--line);padding:38px 32px 34px;\n    display:flex;flex-direction:column;gap:20px;position:relative;\n    transition:border-color .6s var(--ease),transform .6s var(--ease),box-shadow .6s var(--ease)}\n.mbx .paket:hover{border-color:var(--rose);transform:translateY(-6px);box-shadow:0 26px 50px -34px rgba(36,28,31,.35)}\n.mbx .paket.pick{background:linear-gradient(180deg,var(--plum-soft),#fff 62%);border-color:var(--rose)}\n.mbx .paket .tag{position:absolute;top:-1px;right:24px;font-size:9px;letter-spacing:.24em;\n    text-transform:uppercase;background:var(--plum);color:#fff;padding:6px 12px}\n.mbx .paket .no{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--rose)}\n.mbx .paket .name{font-family:var(--serif);font-size:1.55rem;line-height:1.1;margin-top:6px}\n.mbx .paket .price{font-family:var(--serif);font-size:3rem;line-height:1;font-variant-numeric:tabular-nums}\n.mbx .paket .price small{font-family:var(--sans);font-size:11px;letter-spacing:.18em;color:var(--ink-faint);\n    display:block;margin-top:9px;text-transform:uppercase}\n.mbx .paket ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1;\n    font-size:14.5px;color:var(--ink-soft);font-weight:200}\n.mbx .paket li{display:flex;gap:12px;align-items:flex-start}\n.mbx .paket li::before{content:\"\";width:12px;height:1px;background:var(--rose);margin-top:12px;flex:0 0 auto}\n  @media (max-width:900px){\n.mbx .pakete{grid-template-columns:1fr}}\n.mbx \/* ---------------- carousel ---------------- *\/\n  .car-track{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;\n    scrollbar-width:none;padding-bottom:4px}\n.mbx .car-track::-webkit-scrollbar{display:none}\n.mbx .car-slide{flex:0 0 clamp(240px,30vw,370px);scroll-snap-align:start}\n.mbx .car-slide .frame i{height:clamp(320px,40vw,490px)}\n.mbx .car-cap{margin-top:14px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .car-nav{display:flex;align-items:center;gap:16px;margin-top:32px}\n.mbx .car-nav button{width:46px;height:46px;border:1px solid var(--line);display:grid;place-items:center;\n    color:var(--ink-soft);transition:border-color .4s var(--ease),color .4s var(--ease)}\n.mbx .car-nav button:hover{border-color:var(--plum);color:var(--plum)}\n.mbx .car-dots{display:flex;gap:8px;margin-left:auto}\n.mbx .car-dots i{width:22px;height:1px;background:var(--line);transition:background .4s var(--ease)}\n.mbx .car-dots i.on{background:var(--plum)}\n.mbx \/* ---------------- reviews ---------------- *\/\n  .rev-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-bottom:42px}\n.mbx .rev-score{display:flex;align-items:center;gap:18px}\n.mbx .rev-score b{font-family:var(--serif);font-size:3.6rem;line-height:.9;font-weight:400}\n.mbx .stars{display:flex;gap:3px}\n.mbx .stars svg{width:15px;height:15px}\n.mbx .stars .f{fill:var(--plum)}\n.mbx .stars .e{fill:none;stroke:var(--rose);stroke-width:1.4}\n.mbx .rev-meta{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px}\n.mbx .rev-track{display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}\n.mbx .rev-track::-webkit-scrollbar{display:none}\n.mbx .rev{flex:0 0 clamp(275px,31vw,390px);scroll-snap-align:start;background:var(--surface);\n    border:1px solid var(--line);padding:32px 30px;display:flex;flex-direction:column;gap:16px}\n.mbx .rev q{font-family:var(--serif);font-size:1.1rem;line-height:1.52;font-style:italic;quotes:\"\u201e\" \"\u201c\";color:var(--ink)}\n.mbx .rev .who{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:6px}\n.mbx .rev .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;\n    background:var(--plum-soft);color:var(--plum);font-family:var(--serif);font-size:16px}\n.mbx .rev .who span{font-size:12.5px;letter-spacing:.06em;color:var(--ink);line-height:1.4}\n.mbx .rev .who span i{display:block;font-style:normal;font-size:10px;letter-spacing:.16em;\n    text-transform:uppercase;color:var(--ink-faint);margin-top:2px}\n.mbx .note{margin-top:30px;border-left:1px solid var(--rose);padding:18px 26px;background:var(--surface);\n    font-size:14px;color:var(--ink-soft);max-width:74ch;font-weight:200}\n.mbx .note b{color:var(--ink);font-weight:400}\n.mbx \/* ---------------- portrait cutout ---------------- *\/\n  figure.me{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;\n    padding:0 0 22px;isolation:isolate}\n.mbx .me-halo{position:absolute;left:50%;top:6%;width:min(100%,430px);aspect-ratio:1;\n    transform:translateX(-50%);border-radius:50%;background:var(--band);z-index:-1;\n    animation:haloIn 1.4s var(--ease) both}\n  @keyframes haloIn{from{opacity:0;transform:translateX(-50%) scale(.86)}to{opacity:1;transform:translateX(-50%) scale(1)}}\n.mbx .me-img{display:block;width:100%;height:clamp(360px,52vw,580px);\n    background-image:var(--img-me);background-repeat:no-repeat;\n    background-size:contain;background-position:bottom center;\n    -webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);\n    mask-image:linear-gradient(to bottom,#000 80%,transparent 99%);\n    animation:meIn 1.2s .18s var(--ease) both}\n  @keyframes meIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\n.mbx figure.me figcaption{margin-top:18px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;\n    color:var(--ink-faint);text-align:center}\n.mbx \/* ---------------- animated timeline flow ---------------- *\/\n  figure.flow{margin:0;background:var(--surface);border:1px solid var(--line);\n    padding:clamp(26px,3vw,44px) clamp(18px,3vw,40px) clamp(22px,2.6vw,32px)}\n.mbx \/* -- desktop: SVG time axis -- *\/\n  .flow-axis svg{display:block;width:100%;height:auto;overflow:visible}\n.mbx .fx-rail{stroke:var(--line);stroke-width:1.2;fill:none;\n    stroke-dasharray:1042;stroke-dashoffset:1042;animation:fxDraw 2.3s .3s var(--ease) forwards}\n  @keyframes fxDraw{to{stroke-dashoffset:0}}\n.mbx .fx-prog{stroke:var(--plum);stroke-width:1.3;fill:none;opacity:.8;\n    transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1)}\n.mbx .fx-tick{stroke:var(--line);stroke-width:1}\n.mbx .nd{cursor:pointer;opacity:0;animation:fxPop .7s var(--ease) forwards}\n  @keyframes fxPop{from{opacity:0}to{opacity:1}}\n.mbx .nd .hit{fill:transparent}\n.mbx .nd .dot{fill:var(--surface);stroke:var(--plum);stroke-width:1.2;\n    transition:fill .5s var(--ease),stroke-width .3s}\n.mbx .nd .num{font-family:var(--serif);font-size:16px;fill:var(--plum);transition:fill .5s var(--ease)}\n.mbx .nd[aria-selected=\"true\"] .dot{fill:var(--plum)}\n.mbx .nd[aria-selected=\"true\"] .num{fill:#FBF7F6}\n.mbx .nd .halo{fill:none;stroke:var(--rose);stroke-width:1;opacity:0;\n    transform-box:fill-box;transform-origin:center}\n.mbx .nd[aria-selected=\"true\"] .halo{animation:breathe 3.2s ease-in-out infinite}\n  @keyframes breathe{0%,100%{transform:scale(.74);opacity:.55}50%{transform:scale(1);opacity:0}}\n.mbx .nd:focus{outline:none}\n.mbx .nd:focus-visible .dot{stroke-width:2.6}\n.mbx .vnode:focus{outline:none}\n.mbx .vnode:focus-visible .vdot{outline:1px solid var(--plum);outline-offset:4px}\n.mbx .fx-role{font-family:var(--sans);font-size:13px;letter-spacing:.2em;fill:var(--ink-faint)}\n.mbx .fx-ttl{font-family:var(--serif);font-size:21px;fill:var(--ink-soft);transition:fill .35s}\n.mbx .nd[aria-selected=\"true\"] .fx-ttl{fill:var(--ink)}\n.mbx .nd:hover .fx-ttl{fill:var(--ink)}\n.mbx .fx-sub{font-family:var(--sans);font-size:12px;letter-spacing:.13em;fill:var(--ink-faint)}\n.mbx .fx-tr{font-family:var(--sans);font-size:13px;fill:var(--rose);opacity:0;\n    animation:fxPop .9s var(--ease) forwards}\n.mbx \/* -- the couple walking the line -- *\/\n  .walk{transition:transform 1.15s cubic-bezier(.62,.02,.34,1)}\n.mbx .walk .fig{animation:bob 2.5s ease-in-out infinite}\n  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.2px)}}\n.mbx .walk .fl{fill:var(--surface);stroke:var(--plum);stroke-width:1.15;stroke-linejoin:round}\n.mbx .walk .ln{fill:none;stroke:var(--plum);stroke-width:1.15;stroke-linecap:round}\n.mbx .walk .sh{fill:var(--plum);opacity:.13}\n.mbx \/* -- mobile: vertical axis -- *\/\n  .flow-vert{display:none;list-style:none;margin:0;padding:0;position:relative}\n.mbx .flow-vert::before{content:\"\";position:absolute;left:19px;top:30px;bottom:30px;width:1px;background:var(--line)}\n.mbx .vprog{position:absolute;left:19px;top:30px;width:1px;height:0;background:var(--plum);\n    opacity:.8;transition:height .95s cubic-bezier(.65,0,.35,1)}\n.mbx .vnode{position:relative;z-index:2;display:flex;gap:16px;align-items:flex-start;width:100%;\n    background:none;border:0;padding:9px 0;cursor:pointer;text-align:left;\n    font-family:var(--sans);color:inherit}\n.mbx .vdot{flex:0 0 auto;width:39px;height:39px;border-radius:50%;border:1px solid var(--plum);\n    background:var(--surface);display:grid;place-items:center;\n    font-family:var(--serif);font-size:14px;color:var(--plum);\n    transition:background .45s var(--ease),color .45s var(--ease)}\n.mbx .vnode[aria-selected=\"true\"] .vdot{background:var(--plum);color:#FBF7F6}\n.mbx .vtxt{padding-top:6px}\n.mbx .vtxt b{display:block;font-family:var(--serif);font-size:17px;font-weight:400;\n    color:var(--ink-soft);transition:color .35s}\n.mbx .vnode[aria-selected=\"true\"] .vtxt b{color:var(--ink)}\n.mbx .vtxt i{font-style:normal;display:block;font-size:9.5px;letter-spacing:.2em;\n    text-transform:uppercase;color:var(--ink-faint);margin-top:3px}\n.mbx \/* -- shared stage -- *\/\n  .flow-stage{margin-top:clamp(26px,3vw,38px);border-top:1px solid var(--line);\n    padding-top:clamp(24px,2.6vw,32px);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:start}\n.mbx .flow-panels{min-height:250px}\n.mbx .fpanel{max-width:78ch}\n.mbx .fpanel[hidden]{display:none}\n.mbx .fpanel .fk{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--rose);display:block;margin-bottom:12px}\n.mbx .fpanel h3{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:400;\n    letter-spacing:-.01em;margin-bottom:14px;animation:fSlide .55s var(--ease) both}\n.mbx .fpanel p{font-size:15px;line-height:1.75;color:var(--ink-soft);font-weight:200;\n    animation:fSlide .55s .06s var(--ease) both}\n.mbx .fpanel p + p{margin-top:12px}\n.mbx .fpanel .fmeta{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}\n.mbx .fpanel .fmeta span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;\n    border:1px solid var(--line);padding:7px 12px;color:var(--ink-faint)}\n  @keyframes fSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n.mbx .flow-arrows{display:flex;gap:8px}\n.mbx .flow-arrows button{width:42px;height:42px;border:1px solid var(--line);background:none;cursor:pointer;\n    font-size:15px;color:var(--ink-soft);transition:border-color .3s,color .3s}\n.mbx .flow-arrows button:hover{border-color:var(--plum);color:var(--plum)}\n.mbx figure.flow figcaption{margin-top:24px;font-size:12.5px;color:var(--ink-faint);letter-spacing:.02em;max-width:74ch}\n.mbx \/* mittlere Breiten: Achse bleibt, .mbx Feinschrift weg *\/\n  @media (max-width:1080px){\n    .fx-sub{display:none}\n    .fx-role{font-size:14px}\n    .fx-tr{font-size:14px}\n  }\n  @media (max-width:780px){\n.mbx .flow-axis{display:none}\n.mbx .flow-vert{display:block}\n.mbx .flow-stage{grid-template-columns:1fr}\n.mbx .flow-arrows{justify-content:flex-start}\n.mbx .flow-panels{min-height:0}\n  }\n  @media (prefers-reduced-motion:reduce){\n.mbx .walk{transition:none}\n.mbx .walk .fig{animation:none}\n.mbx .fx-rail{animation:none;stroke-dashoffset:0}\n.mbx .nd, .mbx .fx-tr{animation:none;opacity:1}\n.mbx .nd[aria-selected=\"true\"] .halo{animation:none;opacity:.4}\n  }\n.mbx \/* ---------------- steps ---------------- *\/\n  .ablauf{display:grid;grid-template-columns:repeat(4,1fr)}\n.mbx .step{padding:32px 30px 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}\n.mbx .step:last-child{border-right:none}\n.mbx .step .n{font-family:var(--serif);font-size:2.3rem;line-height:1;color:var(--rose)}\n.mbx .step p{font-size:14.5px;color:var(--ink-soft);font-weight:200}\n  @media (max-width:900px){\n.mbx .ablauf{grid-template-columns:1fr}\n.mbx .step{border-right:none;border-top:1px solid var(--line);padding:26px 0 0}}\n.mbx \/* ---------------- tables ---------------- *\/\n  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,76px)}\n  @media (max-width:860px){\n.mbx .cols2{grid-template-columns:1fr}}\n.mbx .tab-title{font-family:var(--serif);font-size:1.35rem;margin-bottom:16px}\n.mbx .tab{display:flex;flex-direction:column;border-top:1px solid var(--line)}\n.mbx .tab .row{display:flex;justify-content:space-between;gap:24px;padding:15px 0;\n    border-bottom:1px solid var(--line);font-size:14.5px}\n.mbx .tab .row span:first-child{color:var(--ink-soft);font-weight:200}\n.mbx .tab .row span:last-child{font-family:var(--serif);font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}\n.mbx \/* ---------------- FAQ ---------------- *\/\n  .faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:96ch}\n.mbx .faq details{border-bottom:1px solid var(--line)}\n.mbx .faq summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;gap:20px;align-items:baseline;\n    font-family:var(--serif);font-size:1.2rem;transition:color .3s var(--ease)}\n.mbx .faq summary::-webkit-details-marker{display:none}\n.mbx .faq summary::before{content:\"+\";color:var(--rose);font-family:var(--sans);font-size:15px;flex:0 0 auto}\n.mbx .faq details[open] summary::before{content:\"\u2013\"}\n.mbx .faq summary:hover{color:var(--plum)}\n.mbx .faq .a{padding:0 0 22px 38px;font-size:15px;color:var(--ink-soft);font-weight:200;max-width:70ch}\n.mbx \/* ---------------- timeline ---------------- *\/\n  .tl{display:flex;flex-direction:column;border-left:1px solid var(--line);margin-left:8px}\n.mbx .tl .it{padding:0 0 30px 34px;position:relative}\n.mbx .tl .it::before{content:\"\";position:absolute;left:-4.5px;top:9px;width:8px;height:8px;\n    border-radius:50%;background:var(--paper);border:1px solid var(--plum)}\n.mbx .tl .yr{font-family:var(--serif);font-size:1.15rem;color:var(--plum)}\n.mbx .tl p{font-size:14.5px;color:var(--ink-soft);font-weight:200;max-width:56ch;margin-top:4px}\n.mbx \/* ---------------- presse ---------------- *\/\n  .presse{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}\n.mbx .art{background:var(--surface);border:1px solid var(--line);padding:34px 32px;display:flex;\n    flex-direction:column;gap:14px;transition:border-color .6s var(--ease)}\n.mbx .art:hover{border-color:var(--rose)}\n.mbx .art .src{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}\n.mbx .art q{font-family:var(--serif);font-size:1.2rem;line-height:1.42;font-style:italic;quotes:\"\u201e\" \"\u201c\"}\n.mbx .art .date{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:auto}\n  @media (max-width:860px){\n.mbx .presse{grid-template-columns:1fr}}\n.mbx \/* ---------------- contact ---------------- *\/\n  .kontakt{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:start}\n.mbx .form{display:flex;flex-direction:column;gap:22px}\n.mbx .f2{display:grid;grid-template-columns:1fr 1fr;gap:22px}\n.mbx .fld{display:flex;flex-direction:column;gap:8px}\n.mbx .fld label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .fld input, .mbx .fld select, .mbx .fld textarea{font-family:var(--sans);font-weight:300;font-size:15px;color:var(--ink);\n    background:transparent;border:none;border-bottom:1px solid var(--line);padding:10px 0;width:100%}\n.mbx .fld textarea{min-height:92px;resize:vertical}\n.mbx .consent{display:flex;gap:14px;align-items:flex-start;font-size:13px;color:var(--ink-soft);\n    font-weight:200;border:1px solid var(--rose);padding:16px 18px;background:var(--plum-soft)}\n.mbx .consent input{margin-top:5px;flex:0 0 auto;accent-color:var(--plum)}\n.mbx .consent a{color:var(--plum);border-bottom:1px solid var(--plum)}\n.mbx .badge-new{font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;background:var(--plum);\n    color:#fff;padding:2px 7px;margin-left:8px;vertical-align:2px}\n.mbx .kinfo{display:flex;flex-direction:column;gap:30px}\n.mbx .kblock{display:flex;flex-direction:column;gap:5px}\n.mbx .kblock .l{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}\n.mbx .kblock .v{font-family:var(--serif);font-size:1.3rem}\n.mbx .kblock .s{font-size:13.5px;color:var(--ink-soft);font-weight:200}\n  @media (max-width:940px){\n.mbx .kontakt{grid-template-columns:1fr}\n.mbx .f2{grid-template-columns:1fr}}\n.mbx \/* ---------------- page head \/ closing ---------------- *\/\n  .pagehead{padding:clamp(54px,8vw,116px) 0 clamp(34px,5vw,64px);border-bottom:1px solid var(--line);\n    position:relative;overflow:hidden}\n.mbx .pagehead::after{content:\"\";position:absolute;right:-6%;top:-50%;width:44%;height:200%;\n    pointer-events:none;background:radial-gradient(closest-side,rgba(191,133,146,.16),transparent)}\n.mbx .pagehead .shell{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}\n.mbx .krumen{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .closing{position:relative;overflow:hidden;text-align:center;background:var(--ink);color:#FBF7F6;\n    padding:clamp(74px,9vw,150px) 0}\n.mbx .closing::before{content:\"\";position:absolute;inset:0;pointer-events:none;\n    background-image:var(--img-craft);background-size:cover;background-position:center;\n    opacity:.34;filter:grayscale(.2)}\n.mbx .closing::after{content:\"\";position:absolute;inset:0;pointer-events:none;\n    background:linear-gradient(180deg,rgba(20,15,17,.72),rgba(20,15,17,.88))}\n.mbx .closing .shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px}\n.mbx .closing .eyebrow{color:var(--rose)}\n.mbx .closing h2{font-size:clamp(2rem,4.6vw,3.5rem)}\n.mbx .closing p{color:#DACFCD;max-width:46ch;font-weight:200;font-size:16px}\n.mbx .closing .btn{margin-top:6px}\n.mbx .cnote{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#B6A6A4}\n.mbx .cline{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;font-size:11.5px;\n    letter-spacing:.17em;text-transform:uppercase;color:#E7C3CB;border-top:1px solid rgba(255,255,255,.22);\n    padding-top:24px;margin-top:8px;width:100%;max-width:780px}\n.mbx \/* ---------------- legal pages ---------------- *\/\n  .warn{border-left:2px solid var(--plum);background:var(--plum-soft);padding:22px 28px;\n    font-size:14.5px;line-height:1.72;color:var(--ink-soft);font-weight:200;max-width:80ch;\n    margin-bottom:clamp(38px,5vw,62px)}\n.mbx .warn b{color:var(--plum);font-weight:400}\n.mbx .legal{max-width:82ch}\n.mbx .legal h2{font-family:var(--serif);font-size:clamp(1.15rem,2.1vw,1.5rem);font-weight:400;\n    letter-spacing:-.005em;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line)}\n.mbx .legal h2:first-child{margin-top:0;padding-top:0;border-top:none}\n.mbx .legal p{font-size:15px;line-height:1.78;color:var(--ink-soft);font-weight:200}\n.mbx .legal p + p{margin-top:13px}\n.mbx .legal p b{color:var(--ink);font-weight:400}\n.mbx .legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;\n    background:var(--band);padding:2px 6px;color:var(--ink)}\n.mbx .legal .fix{background:rgba(191,133,146,.22);box-shadow:0 1px 0 var(--rose);\n    padding:1px 4px;color:var(--ink);font-weight:400}\n.mbx .legal .legal-note{margin-top:15px;border-left:1px solid var(--rose);padding:12px 20px;\n    background:var(--surface);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}\n.mbx .legal .legal-note b{color:var(--plum);font-weight:400}\n.mbx .faq .tick, .mbx .faq .todo{display:inline-block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;\n    padding:4px 9px;margin-right:12px;vertical-align:2px;font-family:var(--sans)}\n.mbx .faq .tick{background:var(--plum);color:#FBF7F6}\n.mbx .faq .todo{border:1px solid var(--rose);color:var(--plum)}\n.mbx \/* ---------------- footer ---------------- *\/\n  footer.fuss{background:var(--surface);border-top:1px solid var(--line);padding:clamp(52px,6vw,86px) 0 30px}\n.mbx .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(26px,3.5vw,54px)}\n.mbx .fgrid h4{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.26em;\n    text-transform:uppercase;color:var(--rose);margin:0 0 18px}\n.mbx .fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}\n.mbx .fgrid li button, .mbx .fgrid li a{font-size:14.5px;color:var(--ink-soft);font-weight:200;text-align:left;\n    transition:color .4s var(--ease)}\n.mbx .fgrid li button:hover, .mbx .fgrid li a:hover{color:var(--plum)}\n.mbx .fabout .mark{width:84px;height:86px;background-image:var(--logo);background-size:contain;\n    background-repeat:no-repeat;margin-bottom:20px;mix-blend-mode:multiply}\n.mbx .fabout p{font-size:14.5px;color:var(--ink-soft);max-width:33ch;font-weight:200}\n.mbx .fbot{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;border-top:1px solid var(--line);\n    margin-top:48px;padding-top:20px;font-size:10.5px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}\n  @media (max-width:900px){\n.mbx .fgrid{grid-template-columns:1fr 1fr}}\n  @media (max-width:540px){\n.mbx .fgrid{grid-template-columns:1fr}}\n.mbx \/* ---------------- struktur \/ seo ---------------- *\/\n  .struk{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface)}\n.mbx .srow{display:grid;grid-template-columns:236px 1fr;gap:0 34px;padding:26px 30px;border-top:1px solid var(--line)}\n.mbx .srow:first-child{border-top:none}\n.mbx .srow .m{display:flex;flex-direction:column;gap:7px}\n.mbx .srow .m strong{font-family:var(--serif);font-weight:400;font-size:1.2rem}\n.mbx .srow .m code, .mbx code{font-size:11px;color:var(--plum);word-break:break-word;\n    font-family:ui-monospace,Menlo,monospace;letter-spacing:.01em;background:var(--plum-soft);padding:1px 5px}\n.mbx .srow ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:6px;font-size:14.5px;\n    color:var(--ink-soft);font-weight:200}\n.mbx .srow .job{font-size:14.5px;margin-bottom:10px}\n  @media (max-width:800px){\n.mbx .srow{grid-template-columns:1fr;gap:14px}}\n.mbx .anno{border:1px solid var(--rose);background:var(--plum-soft);padding:28px 32px;margin-top:34px;\n    display:flex;flex-direction:column;gap:12px}\n.mbx .anno h4{margin:0;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.26em;\n    text-transform:uppercase;color:var(--plum)}\n.mbx .anno ul{margin:0;padding-left:1.15em;display:flex;flex-direction:column;gap:8px;font-size:14.5px;\n    color:var(--ink-soft);font-weight:200}\n.mbx .anno li b{color:var(--ink);font-weight:400}\n.mbx pre{margin:0;background:var(--ink);color:#E9E2E0;padding:22px 24px;overflow-x:auto;font-size:12px;\n    line-height:1.65;font-family:ui-monospace,Menlo,monospace}\n.mbx .seo-row{display:grid;grid-template-columns:200px 1fr;gap:0 30px;padding:24px 0;border-top:1px solid var(--line)}\n.mbx .seo-row:first-of-type{border-top:none}\n.mbx .seo-row .k{font-family:var(--serif);font-size:1.15rem}\n.mbx .seo-row .k code{display:block;margin-top:8px;background:none;padding:0;color:var(--ink-faint);font-size:10.5px}\n.mbx .seo-f{display:flex;flex-direction:column;gap:12px}\n.mbx .seo-f div{display:flex;flex-direction:column;gap:4px}\n.mbx .seo-f .lab{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--rose)}\n.mbx .seo-f .val{font-size:14.5px;color:var(--ink)}\n.mbx .seo-f .val.small{font-size:13.5px;color:var(--ink-soft);font-weight:200}\n  @media (max-width:800px){\n.mbx .seo-row{grid-template-columns:1fr;gap:12px}}\n\n\n\/* ---- Seitengrund und Abstaende zwischen den Bausteinen ---- *\/\nbody{background:#F6F4F2!important}\n.elementor-element.e-con{gap:0!important;padding:0!important}\n.elementor-widget:not(:last-child){margin-bottom:0!important}\n\n\n\/* ---------- Handy: Beschriftungen und Tippflaechen ---------- *\/\n@media (max-width:760px){\n  .mbx .eyebrow,.mbx .krumen,.mbx .kgrid .l,.mbx .fuss h4,.mbx .src,\n  .mbx .no,.mbx .fk,.mbx figcaption,.mbx .rev .who span i{font-size:11px}\n  .mbx .date,.mbx .car-cap,.mbx .rev-live{font-size:11.5px}\n  .mbx .tag{font-size:10.5px}\n  .mbx .brand .wm small{font-size:9px;letter-spacing:.22em}\n  .mbx .btn{font-size:11.5px;padding:16px 26px}\n  .mbx .btn.fill{font-size:12px;padding:19px 32px}\n  .mbx .tab .row{gap:14px}\n  \/* Diese Beschriftungen sind im Entwurf tiefer verschachtelt definiert und\n     zaehlen deshalb schwerer. Auf dem Handy soll aber nichts unter 11 px\n     liegen \u2013 darum hier mit Nachdruck. *\/\n  .mbx figure.me figcaption,\n  .mbx .split-copy > div > div,\n  .mbx .presse .art .src,\n  .mbx .art .src,\n  .mbx .art .more,\n  .mbx .paket .no,\n  .mbx .kgrid .l,\n  .mbx .vnode .vtxt i,\n  .mbx .fpanel .fk,\n  .mbx .fbot span,\n  .mbx .fbot a{font-size:11px!important}\n  .mbx .presse .art .date,\n  .mbx .art .date,\n  .mbx .fpanel .fmeta span,\n  .mbx .quote-src,\n  .mbx .sec-head.center + p,\n  .mbx blockquote + p{font-size:11.5px!important}\n  .mbx .paket .tag{font-size:10.5px!important}\n  .mbx .brand .wm small{font-size:10px!important;letter-spacing:.18em}\n  .mbx .legal a{padding:7px 0}\n  \/* Unter 780 px gibt es keine Zeitachse, sondern eine Liste \u2013 der\n     Hinweis auf das laufende Brautpaar waere dort falsch. *\/\n  .mbx .fx-sub{display:none}\n  \/* Links brauchen Hoehe, sonst trifft man sie mit dem Daumen nicht *\/\n  .mbx .fgrid li a,.mbx .fbot a{display:inline-block;padding:7px 0}\n  .mbx .more,.mbx a.more,.mbx button.more{display:inline-block;padding:10px 0;\n    font-size:11px!important}\n}\n\n\/* ---------- Handy: Menue hinter einem Burger-Symbol ---------- *\/\n.mbx .nav-toggle{position:absolute;width:1px;height:1px;opacity:0;margin-left:auto}\n.mbx .burger{display:none}\n.mbx .nav-links .nav-cta{display:none}\n\n@media (max-width:900px){\n  \/* Der Kopf darf auf dem Handy nicht weichzeichnen: ein Weichzeichner macht\n     das Vollbild-Menue an den Kopf gefesselt statt an das Fenster. *\/\n  \/* Die Grundregel heisst \".mbx header.nav\" und zaehlt damit schwerer als\n     \".mbx .nav\" \u2013 deshalb hier derselbe Zuschnitt. *\/\n  .mbx header.nav{background:var(--paper);backdrop-filter:none;\n    -webkit-backdrop-filter:none}\n  .mbx .nav-in{flex-wrap:nowrap;gap:14px;padding:12px var(--gut)}\n  \/* Logo bleibt ueber dem offenen Menue sichtbar *\/\n  .mbx .brand{position:relative;z-index:80}\n  .mbx .nav-in .btn.nav-desk{display:none}\n\n  .mbx .burger{display:flex;flex-direction:column;align-items:flex-end;\n    justify-content:center;gap:5px;width:46px;height:46px;margin-left:auto;\n    cursor:pointer;position:relative;z-index:80;-webkit-tap-highlight-color:transparent}\n  .mbx .burger span{display:block;width:26px;height:1px;background:var(--ink);\n    transition:transform .45s var(--ease),opacity .25s var(--ease),width .3s}\n  .mbx .burger span:nth-child(2){width:19px}\n  .mbx .nav-toggle:checked ~ .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}\n  .mbx .nav-toggle:checked ~ .burger span:nth-child(2){opacity:0;width:0}\n  .mbx .nav-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);width:26px}\n  .mbx .nav-toggle:focus-visible ~ .burger{outline:2px solid var(--plum);outline-offset:4px}\n\n  .mbx .nav-links{position:fixed;inset:0;z-index:70;background:var(--paper);\n    width:auto;margin:0;gap:0;padding:0 var(--gut);overflow-y:auto;\n    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;\n    opacity:0;visibility:hidden;transform:translateY(-10px);\n    transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s}\n  .mbx .nav-toggle:checked ~ .nav-links{opacity:1;visibility:visible;transform:none}\n  .mbx .nav-links a{font-family:var(--serif);font-size:clamp(1.55rem,7.6vw,2.3rem);\n    line-height:1.15;letter-spacing:-.012em;text-transform:none;color:var(--ink);\n    width:100%;padding:15px 0;border-bottom:1px solid var(--line)}\n  .mbx .nav-links a::after{display:none}\n  .mbx .nav-links a.is-here{color:var(--plum)}\n  .mbx .nav-links .nav-cta{display:inline-block;font-family:var(--sans);\n    font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--plum);\n    border:1px solid var(--plum);padding:17px 30px;margin-top:30px;width:auto;\n    line-height:1;border-bottom-width:1px}\n  \/* Hintergrund nicht mitscrollen, solange das Menue offen ist *\/\n  body:has(.mbx .nav-toggle:checked){overflow:hidden}\n}\n\n\n  \/* Kontakt: zwei Angaben nebeneinander \u2013 vier waren zu gedraengt *\/\n  .mbx .kgrid{display:grid;grid-template-columns:1fr 1fr;gap:0;\n    border-top:1px solid var(--line)}\n  .mbx .kgrid .kb{padding:32px 40px 32px 0;border-bottom:1px solid var(--line);\n    display:flex;flex-direction:column;gap:9px}\n  .mbx .kgrid .kb:nth-child(odd){border-right:1px solid var(--line);padding-right:40px}\n  .mbx .kgrid .kb:nth-child(even){padding-left:40px}\n  .mbx .kgrid .l{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--rose)}\n  .mbx .kgrid .v{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;\n    overflow-wrap:anywhere}\n  .mbx .kgrid .s{font-size:13.5px;line-height:1.7;color:var(--ink-faint);font-weight:200;max-width:34ch}\n  @media (max-width:760px){\n    .mbx .kgrid{grid-template-columns:1fr}\n    .mbx .kgrid .kb,.mbx .kgrid .kb:nth-child(odd),.mbx .kgrid .kb:nth-child(even){\n      border-right:none;padding:26px 0}\n  }\n\n  \/* ---- Die Anfrage als eigene, weisse Flaeche ---- *\/\n  \/* Der Abschnitt oberhalb des Formulars und das Formular-Widget selbst\n     bekommen dieselbe weisse Flaeche. Weil beide ueber die ganze Breite\n     gehen, sieht es aus wie eine einzige Karte auf hellem Grund \u2013 obwohl\n     Elementors Formular technisch ein eigener Baustein bleibt. *\/\n  .mbx .anfrage{background:var(--surface);border-top:1px solid var(--line);\n    padding-top:clamp(46px,6vw,88px);padding-bottom:clamp(20px,2.6vw,32px);\n    position:relative}\n  .mbx .anfrage::before{content:\"\";position:absolute;top:-1px;\n    left:calc(max(0px,(100% - 1300px)\/2) + clamp(20px,5.5vw,84px));\n    width:clamp(80px,13vw,170px);height:2px;background:var(--plum)}\n  .mbx .anfrage h2{font-family:var(--serif);font-weight:400;\n    font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-.018em;\n    margin:15px 0 0}\n  .mbx .anfrage .lead{margin-top:18px;max-width:54ch}\n  .mbx .anfrage .quick{display:inline-flex;align-items:center;gap:10px;margin-top:22px;\n    font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--plum)}\n  .mbx .anfrage .quick::before{content:\"\";width:26px;height:1px;background:var(--rose)}\n  .mbx .need{display:grid;grid-template-columns:repeat(3,1fr);gap:0;\n    margin:clamp(30px,3.6vw,46px) 0 0;padding:0;border-top:1px solid var(--line)}\n  .mbx .need li{list-style:none;padding:22px 28px 22px 0;font-size:13.5px;\n    line-height:1.7;color:var(--ink-faint);font-weight:200}\n  .mbx .need li + li{border-left:1px solid var(--line);padding-left:28px}\n  .mbx .need .n{font-size:10px;letter-spacing:.24em;color:var(--rose);display:block;\n    margin-bottom:10px}\n  .mbx .need b{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:400;\n    color:var(--ink);margin-bottom:7px;letter-spacing:-.01em}\n  @media (max-width:760px){\n    .mbx .need{grid-template-columns:1fr}\n    .mbx .need li{padding:18px 0}\n    .mbx .need li + li{border-left:0;border-top:1px solid var(--line);padding-left:0}\n  }\n\n  \/* ---- Das Elementor-Formular an das Design angleichen ---- *\/\n  \/* Das Formular-Widget steht ausserhalb von .mbx und kennt das Raster der\n     Seite nicht. Diese drei Zeilen geben ihm dieselbe Breite und denselben\n     linken Rand wie den Texten darueber \u2013 sonst klebt es am Bildschirmrand. *\/\n  .elementor-widget-form{\n    background:#FFFFFF!important;\n    padding-left:calc(max(0px,(100% - 1300px)\/2) + clamp(20px,5.5vw,84px))!important;\n    padding-right:calc(max(0px,(100% - 1300px)\/2) + clamp(20px,5.5vw,84px))!important;\n    padding-top:clamp(14px,2vw,26px)!important;\n    padding-bottom:clamp(52px,6.5vw,92px)!important;\n    --e-form-row-gap:22px!important}\n  \/* Eingabefelder nicht ueber die ganze Breite ziehen. *\/\n  .elementor-widget-form .elementor-form{max-width:820px}\n  .elementor-widget-form .elementor-field-group{flex-wrap:wrap!important}\n  .elementor-widget-form .elementor-field-group > label{width:100%!important;\n    font-family:\"Karla\",system-ui,sans-serif!important;font-size:10px!important;\n    letter-spacing:.2em!important;text-transform:uppercase!important;\n    color:#9C9094!important;margin-bottom:8px!important;font-weight:400!important}\n  .elementor-widget-form .elementor-field-textual{\n    width:100%!important;background:transparent!important;border:0!important;border-bottom:1px solid #E4DCD8!important;\n    border-radius:0!important;padding:12px 2px!important;box-shadow:none!important;\n    font-family:\"Karla\",system-ui,sans-serif!important;font-size:15px!important;\n    font-weight:300!important;color:#241C1F!important;transition:border-color .3s}\n  .elementor-widget-form .elementor-field-textual:focus{\n    border-bottom-color:#4E2033!important;outline:none!important}\n  .elementor-widget-form .elementor-field-textual::placeholder{color:#C4B9BB!important}\n  .elementor-widget-form .elementor-field-type-textarea textarea{min-height:150px!important}\n  .elementor-widget-form .elementor-field-type-acceptance{\n    background:#F1E7EA;padding:16px 20px;margin-top:6px}\n  .elementor-widget-form .elementor-field-option label{\n    font-family:\"Karla\",system-ui,sans-serif!important;font-size:13.5px!important;\n    line-height:1.65!important;letter-spacing:0!important;text-transform:none!important;\n    color:#6A5D61!important}\n  .elementor-widget-form .elementor-button[type=\"submit\"]{\n    background:#4E2033!important;color:#FBF7F6!important;border:1px solid #4E2033!important;\n    border-radius:0!important;font-family:\"Karla\",system-ui,sans-serif!important;\n    font-size:12px!important;letter-spacing:.24em!important;text-transform:uppercase!important;\n    padding:22px 48px!important;transition:background .4s,border-color .4s}\n  .elementor-widget-form .elementor-button[type=\"submit\"]:hover{\n    background:#241C1F!important;border-color:#241C1F!important}\n\n\n\n\/* ==================================================================\n   v2 \u00b7 16. September 2026 \u2014 Brand Guide, Theme-Schutz, Logo\n   Diese Ebene steht bewusst ganz unten: sie korrigiert nur das,\n   was das WordPress-Theme von aussen hineinfaerbt.\n   ================================================================== *\/\n\n\/* 1 \u2014 Theme-Durchgriff abfangen.\n   Das Theme faerbt h1\u2013h6, Listen und Zitate selbst ein. Sobald es das tut,\n   erbt der Block die Farbe seines Abschnitts nicht mehr \u2013 auf dunklem Grund\n   stand die Ueberschrift dadurch fast unsichtbar da. Die Regeln haben nur\n   eine Klasse plus Element, jede Regel weiter oben mit eigener Klasse\n   gewinnt also weiterhin. *\/\n.mbx h1,.mbx h2,.mbx h3,.mbx h4,.mbx h5,.mbx h6,\n.mbx li,.mbx q,.mbx summary,.mbx small{\n  color:inherit;background:none;border:0;box-shadow:none;text-shadow:none;\n  text-transform:none;font-style:normal}\n.mbx h4,.mbx h5,.mbx h6{font-family:var(--sans);margin:0}\n.mbx q::before,.mbx q::after{color:inherit;font-size:inherit;line-height:inherit;\n  position:static;background:none}\n.mbx details,.mbx figure,.mbx figcaption{background:none;margin:0}\n.mbx ul,.mbx ol{margin:0}\n.mbx blockquote{margin:0;padding:0;background:none;border:0;quotes:none}\n.mbx blockquote::before,.mbx blockquote::after{content:none;display:none}\n\n\/* 2 \u2014 dunkle Abschnitte ausdruecklich hell setzen, statt auf Vererbung zu bauen *\/\n.mbx .closing .shell{color:#FBF8F7}\n.mbx .closing h2{color:#FBF8F7!important}\n.mbx .closing h2 em{color:#E7C3CB!important}\n.mbx .closing p{color:#E0D5D3}\n.mbx .closing::after{background:linear-gradient(180deg,rgba(20,15,17,.80),rgba(20,15,17,.92))}\n.mbx .closing::before{opacity:.28}\n\n\/* 3 \u2014 Logo freigestellt.\n   Der SVG-Filter rechnet Helligkeit in Transparenz um: Weiss wird\n   durchsichtig, die schwarze Zeichnung bleibt. Damit verschwindet der\n   weisse Kasten der PNG-Datei auf jedem Untergrund. *\/\n.mbx #intro .mark,.mbx .brand .mark,.mbx .mark-f{filter:url(#mbxKnock8)}\n.mbx .mark-f{display:block;width:76px;height:78px;background-image:var(--logo);\n  background-size:contain;background-repeat:no-repeat;background-position:left center;\n  margin-bottom:22px;mix-blend-mode:multiply}\n\n\/* 4 \u2014 Zitatkarte (Brand Guide: Cormorant kursiv, Pflaume, Haarlinie in Altrosa).\n   Vorher ein nacktes <blockquote>, das sich die Deko des Themes eingefangen hat. *\/\n.mbx .bigquote{position:relative;max-width:32ch;margin:0 auto;text-align:center;\n  background:var(--surface);border:1px solid var(--line);\n  padding:clamp(40px,5vw,62px) clamp(24px,4vw,54px)}\n.mbx .bigquote::before{content:\"\";position:absolute;left:50%;top:0;\n  transform:translate(-50%,-50%);width:44px;height:1px;background:var(--rose)}\n.mbx .bigquote p{margin:0;font-family:var(--serif);font-style:italic;font-weight:300;\n  font-size:clamp(1.35rem,2.9vw,2.05rem);line-height:1.44;color:var(--plum)}\n.mbx .bigquote figcaption{margin-top:24px;font-size:11px;letter-spacing:.22em;\n  text-transform:uppercase;color:var(--ink-faint);font-style:normal}\n\n\/* 5 \u2014 Feinschliff *\/\n.mbx{font-size:15.5px;text-rendering:optimizeLegibility;font-kerning:normal;\n  font-optical-sizing:auto;font-variant-ligatures:common-ligatures}\n.mbx h1{letter-spacing:-.01em}\n.mbx h2{letter-spacing:-.006em}\n.mbx ::selection{background:var(--plum);color:#FBF7F6}\n.mbx section{scroll-margin-top:96px}\n@media (max-width:860px){\n  .mbx .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}\n}\n\n\/* 6 \u2014 Abschnitte blenden beim Scrollen sanft ein.\n   Die Klasse .rv setzt erst das Skript \u2013 ohne Skript bleibt alles sichtbar. *\/\n.mbx.rv [data-rv]{opacity:0;transform:translateY(24px);\n  transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}\n.mbx.rv [data-rv].rv-in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){\n  .mbx.rv [data-rv]{opacity:1;transform:none}\n}\n\n\n\/* 7 \u2014 Portr\u00e4t mit weissem Studiohintergrund.\n   Die Datei aus der Mediathek ist nicht freigestellt. \"Multiply\" rechnet\n   Weiss gegen den Untergrund: Weiss mal Beige ergibt Beige \u2013 der Kasten\n   verschwindet, weiche Haarkanten bleiben erhalten. Dafuer darf die Figur\n   keine eigene Ebene mehr aufmachen (isolation), sonst findet die\n   Verrechnung im luftleeren Raum statt. *\/\n.mbx figure.me{isolation:auto}\n.mbx .me-halo{z-index:0}\n.mbx .me-img{position:relative;z-index:1;mix-blend-mode:multiply}\n\n\/* 10 \u2014 Abzeichen der Hochzeitsportale (wie auf der Website: in Farbe, 96 px hoch) *\/\n.mbx .fbadge-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}\n.mbx .fbadge-row a{display:block;line-height:0;transition:transform .4s ease}\n.mbx .fbadge-row a:hover{transform:translateY(-3px)}\n.mbx .fbadge-row img{display:block;height:96px;width:auto}\n\n\/* 11 \u2014 Schlanker Seitenfuss nur fuer die Messe-Seite:\n   eine Zeile mit Logo, Abzeichen und Rechtlichem statt vier Spalten *\/\n.mbx footer.fuss.ms-foot{padding:clamp(40px,4.5vw,64px) 0 26px}\n.mbx .ms-foot-in{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px clamp(40px,6vw,96px)}\n.mbx .ms-foot-in h4{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.26em;\n  text-transform:uppercase;color:var(--rose)!important;margin:0 0 14px}\n.mbx .ms-foot-brand{display:flex;align-items:center;gap:18px;max-width:330px}\n.mbx .ms-foot-brand .mark-f{margin:0;width:64px;height:66px;flex:0 0 auto}\n.mbx .ms-foot-brand p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft);font-weight:200}\n.mbx .ms-foot-legal ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}\n.mbx .ms-foot-legal li{margin:0;padding:0}\n.mbx .ms-foot-legal li::before{content:none!important}\n.mbx .ms-foot-legal a{font-size:14px;color:var(--ink-soft);font-weight:200;transition:color .4s ease}\n.mbx .ms-foot-legal a:hover{color:var(--plum)}\n.mbx footer.ms-foot .fbot{margin-top:34px}\n@media (max-width:760px){\n  .mbx .ms-foot-in{flex-direction:column;gap:26px}\n  .mbx .ms-foot-in h4{font-size:11px}\n  .mbx .ms-foot-legal ul{flex-direction:row;flex-wrap:wrap;gap:0 24px}\n  .mbx .ms-foot-legal a{display:inline-block;padding:7px 0}\n}\n\n\/* ==================================================================\n   Messe-Seite \u00b7 Oktober 2026 \u2014 nur fuer \/messe\/\n   ================================================================== *\/\n.mbx .ms-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}\n.mbx .ms-facts{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:12px;padding-top:18px;\n  border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .ms-facts b{display:block;font-family:var(--serif);font-size:20px;letter-spacing:.01em;\n  text-transform:none;color:var(--ink);font-weight:400}\n\n\/* Angebote *\/\n.mbx .ms-offers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px)}\n.mbx .ms-offer{position:relative;border:1px solid var(--line);background:var(--paper);\n  padding:clamp(28px,3.4vw,46px);display:flex;flex-direction:column;gap:16px}\n.mbx .ms-offer.hot{background:var(--plum);border-color:var(--plum);color:#FBF7F6}\n.mbx .ms-when{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--rose)}\n.mbx .ms-offer.hot .ms-when{color:#E7C3CB}\n.mbx .ms-offer h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.06}\n.mbx .ms-offer.hot h3{color:#FBF8F7!important}\n.mbx .ms-offer.hot h3 em{color:#E7C3CB!important}\n.mbx .ms-offer p{font-size:15.5px;color:var(--ink-soft);font-weight:200;max-width:46ch}\n.mbx .ms-offer.hot p{color:#E9DFDD}\n.mbx .ms-small{display:block;font-size:12.5px;line-height:1.6;color:var(--ink-faint);\n  margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}\n.mbx .ms-offer.hot .ms-small{color:#D3C1C5;border-top-color:rgba(255,255,255,.2)}\n.mbx .ms-code{align-self:flex-start;font-family:var(--serif);font-size:1.55rem;letter-spacing:.2em;\n  border:1px dashed var(--rose);padding:6px 18px 6px 22px;color:var(--plum);background:var(--surface)}\n.mbx .ms-over{display:none;align-self:flex-start;font-size:10px;letter-spacing:.22em;\n  text-transform:uppercase;background:var(--ink);color:#fff;padding:5px 10px}\n.mbx .ms-offer.is-over{opacity:.6}\n.mbx .ms-offer.is-over .ms-over{display:inline-block}\n.mbx .ms-offer.hot.is-over .ms-over{background:#FBF7F6;color:var(--ink)}\n.mbx .ms-nocombo{margin-top:18px;font-size:13px;color:var(--ink-faint)}\n@media (max-width:820px){ .mbx .ms-offers{grid-template-columns:1fr} }\n\n\/* Preise *\/\n.mbx .ms-pp{display:flex;flex-direction:column;gap:8px;padding:14px 0;\n  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\n.mbx .ms-pp .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px}\n.mbx .ms-pp .k{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}\n.mbx .ms-pp .v{font-family:var(--serif);font-size:1.45rem;color:var(--ink-soft);\n  font-variant-numeric:tabular-nums;white-space:nowrap}\n.mbx .ms-pp .r.m .k{color:var(--plum)}\n.mbx .ms-pp .r.m .v{font-size:2.35rem;color:var(--plum);line-height:1}\n.mbx .ms-incl{margin-top:clamp(18px,2.4vw,28px);font-size:14.5px;color:var(--ink-soft);font-weight:200}\n.mbx .ms-incl b{color:var(--ink);font-weight:400}\n.mbx .ms-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);margin-top:clamp(36px,4.6vw,60px)}\n.mbx .ms-lists h3{font-family:var(--sans);font-size:10.5px;letter-spacing:.26em;\n  text-transform:uppercase;color:var(--rose)!important;font-weight:400;margin-bottom:8px}\n.mbx .ms-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;\n  border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-soft);font-weight:200}\n.mbx .ms-row span:last-child{font-family:var(--serif);font-size:1.12rem;color:var(--ink);white-space:nowrap}\n.mbx .ms-fine{margin-top:22px;font-size:12.5px;line-height:1.65;color:var(--ink-faint);max-width:90ch}\n@media (max-width:760px){ .mbx .ms-lists{grid-template-columns:1fr} }\n\n\/* Wieso ich *\/\n.mbx ul.ms-why{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:6px 0 0;padding:0;\n  border-top:1px solid var(--line)}\n.mbx .ms-why li{list-style:none;margin:0;padding:18px 20px 18px 0;border-bottom:1px solid var(--line);\n  font-size:14px;line-height:1.65;color:var(--ink-soft);font-weight:200}\n.mbx .ms-why li::before{content:none!important}\n.mbx .ms-why li:nth-child(even){padding-left:20px;padding-right:0;border-left:1px solid var(--line)}\n.mbx .ms-why .n{display:block;font-size:10px;letter-spacing:.24em;color:var(--rose);margin-bottom:6px}\n.mbx .ms-why b{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--ink);\n  margin-bottom:4px;line-height:1.25}\n.mbx .ms-why a{color:var(--plum);border-bottom:1px solid var(--rose);white-space:nowrap}\n@media (max-width:560px){\n  .mbx ul.ms-why{grid-template-columns:1fr}\n  .mbx .ms-why li,.mbx .ms-why li:nth-child(even){padding-left:0;padding-right:0;border-left:0}\n}\n\n\/* Workbook-Hinweis *\/\n.mbx .ms-wb{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;\n  background:var(--surface);border:1px solid var(--line);padding:clamp(24px,3vw,40px)}\n.mbx .ms-wb h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.6vw,1.95rem);margin-top:10px}\n.mbx .ms-wb p{font-size:14.5px;color:var(--ink-soft);font-weight:200;max-width:56ch;margin-top:8px}\n.mbx a.cnote{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px}\n\n\/* Sprungziele nicht unter dem klebenden Menue verstecken *\/\n.mbx [id]{scroll-margin-top:96px}\nhtml{scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }\n\n@media (max-width:760px){\n  .mbx .ms-when,.mbx .ms-pp .k,.mbx .ms-lists h3,.mbx .ms-facts{font-size:11px}\n  .mbx .ms-cta .btn{flex:1 1 auto;text-align:center}\n}\n\n\/* Formular: Beschriftung immer ueber dem Feld (Fix aus der Workshop-Seite, Fassung 4c) *\/\n.elementor-widget-form .elementor-form .elementor-field-group:not(.elementor-field-type-submit){\n  flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;height:auto!important}\n.elementor-widget-form .elementor-form .elementor-field-group:not(.elementor-field-type-submit) > *{\n  flex:0 0 auto!important;width:100%!important;max-width:100%!important}\n\/* Auswahlkaestchen nebeneinander statt untereinander *\/\n.elementor-widget-form .elementor-field-type-checkbox .elementor-field-subgroup{\n  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px 26px!important}\n.elementor-widget-form .elementor-field-type-checkbox .elementor-field-option{\n  flex:0 0 auto!important;width:auto!important;max-width:none!important}\n\/* Datenschutz-Link in Pflaume statt in der Theme-Farbe *\/\n.elementor-widget-form .elementor-field-type-acceptance a{color:#4E2033!important;\n  text-decoration:none!important;border-bottom:1px solid #BF8592}\n\n\/* Formular ueber die volle Breite, auch wenn sein Container auf \"Boxed\" steht.\n   Sonst sitzt es als schmalere weisse Karte auf grauem Grund und nicht buendig\n   mit der Ueberschrift darueber. *\/\n.e-con:has(.elementor-widget-form) > .e-con-inner{max-width:none!important;width:100%!important;padding:0!important}\n.e-con:has(> .elementor-widget-form),.e-con:has(> .e-con-inner > .elementor-widget-form){\n  --content-width:100%;max-width:none!important;padding:0!important}\n.elementor-widget-form{width:100%!important;max-width:none!important}\n\n\/* ==================================================================\n   Formular als klare, moderne Karte (Messe-Seite, 20.10.2026)\n   Helle Flaeche drumherum, weisse Karte, umrandete Felder mit\n   gut lesbaren Beschriftungen, Auswahl als Pillen.\n   ================================================================== *\/\n.mbx section.anfrage{background:var(--paper)}\nbody .elementor-widget.elementor-widget-form{background:#F6F4F2!important;\n  padding-top:clamp(6px,1vw,14px)!important;padding-bottom:clamp(56px,7vw,100px)!important}\n.elementor-widget-form .elementor-form{max-width:880px!important;background:#FFFFFF;\n  border:1px solid #E4DCD8;border-radius:6px;padding:clamp(22px,4vw,48px)!important;\n  box-shadow:0 34px 70px -48px rgba(36,28,31,.45)}\n.elementor-widget-form .elementor-form .elementor-form-fields-wrapper{--e-form-row-gap:20px}\n\n\/* Beschriftungen: dunkler und groesser, damit man sie lesen kann *\/\n.elementor-widget-form .elementor-form .elementor-field-group > label,\n.elementor-widget-form .elementor-form .elementor-field-group > .elementor-field-label{\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:12px!important;font-weight:500!important;\n  letter-spacing:.12em!important;text-transform:uppercase!important;color:#4A3D42!important;\n  margin:0 0 8px!important;line-height:1.4!important}\n.elementor-widget-form .elementor-mark-required .elementor-field-label:after{color:#BF8592!important;\n  padding-left:3px}\n\n\/* Felder mit Rahmen statt nur Unterstrich *\/\n.elementor-widget-form .elementor-form .elementor-field-textual{\n  background:#FBF9F8!important;border:1px solid #DDD3CF!important;border-radius:4px!important;\n  padding:14px 16px!important;min-height:52px!important;\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:16px!important;font-weight:400!important;\n  line-height:1.4!important;color:#241C1F!important;box-shadow:none!important;\n  transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}\n.elementor-widget-form .elementor-form .elementor-field-textual:hover{border-color:#C9BDB9!important}\n.elementor-widget-form .elementor-form .elementor-field-textual:focus{background:#FFFFFF!important;\n  border-color:#4E2033!important;box-shadow:0 0 0 3px rgba(78,32,51,.12)!important;outline:none!important}\n.elementor-widget-form .elementor-form .elementor-field-textual::placeholder{color:#A0959A!important;opacity:1}\n.elementor-widget-form .elementor-form textarea.elementor-field-textual{min-height:128px!important;resize:vertical}\n\/* Ein Textbereich in einer halben Spalte (z. B. Ort) bleibt einzeilig hoch *\/\n.elementor-widget-form .elementor-form .elementor-col-50 textarea.elementor-field-textual,\n.elementor-widget-form .elementor-form .elementor-field-group-ort textarea{\n  min-height:52px!important;height:52px!important;resize:none!important;overflow:hidden}\n\/* Datum: Kalender-Symbol rechts im Feld *\/\n.elementor-widget-form .elementor-form .elementor-field-type-date .elementor-field-textual{\n  padding-right:46px!important;cursor:pointer;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234E2033' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'\/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'\/%3E%3C\/svg%3E\")!important;\n  background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:20px 20px!important}\n\n\/* Interessen als Pillen zum Antippen *\/\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-subgroup{\n  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option{\n  position:relative;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option input,\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option input{\n  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label{\n  display:inline-flex!important;align-items:center;gap:9px;margin:0!important;padding:10px 16px 10px 13px!important;\n  border:1px solid #DDD3CF;border-radius:999px;background:#FBF9F8;cursor:pointer;\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:14.5px!important;font-weight:400!important;\n  line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;color:#3A2E33!important;\n  transition:background-color .2s ease,border-color .2s ease,color .2s ease}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label::before{\n  content:\"\"!important;display:block!important;position:static!important;flex:0 0 auto;\n  width:16px!important;height:16px!important;border:1px solid #BF8592!important;border-radius:50%!important;\n  background:#FFFFFF no-repeat center\/11px 11px!important;margin:0!important;transform:none!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label::after,\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option label::after{\n  content:none!important;display:none!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label:hover{border-color:#BF8592}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option:has(input:checked) label{\n  background:#4E2033;border-color:#4E2033;color:#FFFFFF!important}\n.elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option:has(input:checked) label::before{\n  border-color:#FFFFFF!important;background-color:#FFFFFF!important;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%234E2033' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\")!important}\n.elementor-widget-form .elementor-form .elementor-field-option input:focus-visible + label{\n  outline:2px solid #BF8592;outline-offset:3px}\n\n\/* Datenschutz-Haekchen: eigenes, gut sichtbares Kaestchen *\/\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance{\n  background:none!important;padding:0 5px!important;margin-top:4px}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-subgroup{\n  display:block!important;width:100%;background:#F7F1F2;border-radius:4px;padding:16px 18px}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option{\n  position:relative;display:block;padding:0!important}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option label{\n  position:relative;display:block!important;padding-left:32px!important;margin:0!important;cursor:pointer;\n  font-family:\"Karla\",system-ui,sans-serif!important;font-size:14px!important;font-weight:400!important;\n  line-height:1.6!important;letter-spacing:0!important;text-transform:none!important;color:#4A3D42!important}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option label::before{\n  content:\"\"!important;display:block!important;position:absolute!important;left:0;top:1px;\n  width:20px!important;height:20px!important;border:1px solid #BF8592!important;border-radius:4px!important;\n  background:#FFFFFF no-repeat center\/14px 14px!important;margin:0!important;transform:none!important}\n.elementor-widget-form .elementor-form .elementor-field-type-acceptance .elementor-field-option:has(input:checked) label::before{\n  background-color:#4E2033!important;border-color:#4E2033!important;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\")!important}\n\n\/* Absende-Knopf *\/\n.elementor-widget-form .elementor-form .elementor-field-type-submit{margin-top:8px}\n.elementor-widget-form .elementor-form .elementor-button[type=\"submit\"]{\n  width:100%!important;min-height:58px;border-radius:4px!important;padding:20px 32px!important;\n  font-size:13px!important;letter-spacing:.2em!important;font-weight:500!important}\n.elementor-widget-form .elementor-form .elementor-button[type=\"submit\"]:focus-visible{\n  outline:2px solid #BF8592;outline-offset:3px}\n\/* Fehlermeldungen lesbar *\/\n.elementor-widget-form .elementor-message{font-family:\"Karla\",system-ui,sans-serif;font-size:14.5px;margin-top:14px}\n.elementor-widget-form .elementor-error .elementor-field-textual{border-color:#B3261E!important}\n\n@media (max-width:767px){\n  .elementor-widget-form .elementor-form{border-radius:4px;box-shadow:none}\n  .elementor-widget-form .elementor-form .elementor-field-type-checkbox .elementor-field-option label{font-size:15px!important;padding:11px 16px 11px 13px!important}\n}\n\n\/* Schritte auf dem beigen Band: Text etwas kraeftiger, sonst zu blass *\/\n.mbx .band .need li{color:var(--ink-soft)}\n<\/style>\n<script>\n\/* sanftes Einblenden der Abschnitte (v2) *\/\n(function(){\n  if(!('IntersectionObserver' in window)) return;\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('rv-in'); io.unobserve(e.target); }\n    });\n  },{rootMargin:'0px 0px -6% 0px',threshold:0.03});\n  Array.prototype.forEach.call(document.querySelectorAll('.mbx'),function(root){\n    var els=root.querySelectorAll('main > section');\n    if(!els.length) return;\n    root.classList.add('rv');\n    Array.prototype.forEach.call(els,function(el){\n      if(el.hasAttribute('data-rv')||el.classList.contains('pagehead')) return;\n      el.setAttribute('data-rv',''); io.observe(el);\n    });\n  });\n})();\n<\/script>\n<script>\n\/* Messe-Angebote nach Ablauf automatisch als \"Abgelaufen\" markieren *\/\n(function(){\n  var now=Date.now();\n  Array.prototype.forEach.call(document.querySelectorAll('.mbx [data-bis]'),function(el){\n    var t=Date.parse(el.getAttribute('data-bis'));\n    if(!isNaN(t)&&now>t){ el.classList.add('is-over'); }\n  });\n  \/* Handy-Menue nach dem Antippen eines Sprunglinks schliessen *\/\n  var tg=document.getElementById('mbxNav');\n  if(tg){ Array.prototype.forEach.call(document.querySelectorAll('.mbx .nav-links a[href^=\"#\"]'),function(a){\n    a.addEventListener('click',function(){ tg.checked=false; });\n  }); }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M.BeautyBraut &amp; Eventstyling Messe-AngebotePreise\u00dcber michFragenZur WebsiteWunschtermin pr\u00fcfen Wunschtermin pr\u00fcfen Hochzeitsmesse MEC Braunschweig \u00b7 7. &amp; 8. November 2026 Dein Messe-Vorteil auf einen Blick Hier findest du alles, wor\u00fcber wir am Stand sprechen: meine Brautpakete, die beiden Messe-Angebote und wie es weitergeht. Trag dich unten ein \u2013 dann pr\u00fcfe ich deinen Wunschtermin und schicke dir deinen&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6872","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/pages\/6872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/comments?post=6872"}],"version-history":[{"count":28,"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/pages\/6872\/revisions"}],"predecessor-version":[{"id":6928,"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/pages\/6872\/revisions\/6928"}],"wp:attachment":[{"href":"https:\/\/mariell-beauty.de\/en\/wp-json\/wp\/v2\/media?parent=6872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}