@charset "UTF-8";
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3.ttf") format("truetype");font-style:normal;font-weight:200 900;font-display:swap}
:root{--navy:#203761;--blue:#174762;--red:#bc2634;--paper:#faf7f0;--ink:#283342;--muted:#58616a;--line:#d9d9d2;--white:#fff;--font-sans:'Source Sans 3','Segoe UI',Calibri,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #007da8;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.site-header{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:218px}.brand img,footer img{height:auto}.site-header nav{display:flex;align-items:center;gap:38px;font-size:.9rem;font-weight:600}.site-header nav a{text-decoration:none}.nav-cta{padding:12px 0;border-bottom:1px solid var(--navy)}.nav-cta span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;gap:40px;padding-bottom:60px;align-items:center}.hero-copy{padding:28px 0}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:700;color:var(--blue);display:flex;gap:12px;align-items:center;margin-bottom:24px}.tricolor{height:12px;width:27px;background:linear-gradient(90deg,#203761 33%,#fff 33%,#fff 66%,#bc2634 66%)}h1{font-family:var(--font-sans);font-size:clamp(5rem,7.8vw,7.9rem);font-weight:400;line-height:.9;letter-spacing:-.065em;margin:0 0 28px}h1 em{color:var(--red);font-weight:400}.hero-subtitle{font-size:clamp(1.4rem,2.15vw,1.85rem);line-height:1.35;color:var(--navy);font-weight:600;margin-bottom:20px}.hero-description{color:var(--muted);margin-bottom:27px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:16px 23px;border:1px solid var(--navy);background:var(--navy);color:#fff;text-decoration:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#314d7b;transform:translateY(-2px)}.button:disabled{opacity:.6;cursor:wait;transform:none}.hero-date{margin:20px 0 0;font-size:.875rem;color:var(--muted)}.hero-date span{padding:0 7px}.hero-art{position:relative;align-self:stretch;margin-top:15px;min-height:570px;overflow:hidden;border-radius:46% 46% 3px 3px}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 47%}.hero-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(24,40,43,.73))}.art-note{position:absolute;z-index:1;bottom:35px;left:36px;color:#fff;font-size:1.2rem;line-height:1.5}.art-note em{font-family:var(--font-sans);font-size:1.9rem}.date-stamp{position:absolute;z-index:1;top:41%;right:22px;width:104px;height:104px;background:var(--red);border:1px solid #fff9;border-radius:50%;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(9deg);box-shadow:0 0 0 5px var(--red)}.date-stamp strong{font-family:var(--font-sans);font-size:2.5rem;line-height:1}.date-stamp strong span{font-family:var(--font-sans);font-size:.875rem;margin-left:5px}.date-stamp>span{font-size:.75rem;letter-spacing:.2em;margin-top:6px}.facts{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr;padding:27px 0;gap:24px}.facts>div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:18px}.facts>div:last-child{border:0}.label{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.facts strong{font-size:1.03rem;color:var(--navy)}.facts div>span:last-child{font-size:.875rem;margin-top:4px;color:var(--muted)}.section{padding-block:86px}.evening{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-intro>p:last-child{max-width:420px;color:var(--muted)}h2{font-family:var(--font-sans);font-size:clamp(2rem,3.5vw,3rem);font-weight:400;letter-spacing:-.03em;line-height:1.16;margin-bottom:24px}.program article{padding:20px 0 25px;border-bottom:1px solid var(--line)}.program article:first-child{padding-top:0}.program article:last-child{border-bottom:0;padding-bottom:0}.program-number{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:var(--red)}h3{font-size:1.5rem;font-family:var(--font-sans);font-weight:400;line-height:1.25;margin:10px 0 12px}.program p{color:var(--muted);margin-bottom:0}.program p strong{font-weight:600;color:var(--ink)}.reservation-section{background:var(--navy);padding:78px 0}.reservation-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px}.reservation-copy{color:#e4e9f1}.reservation-copy .eyebrow{color:#e8c8aa}.reservation-copy h2{color:#fff;font-size:clamp(2.25rem,3.8vw,3.4rem)}.reservation-copy h2 em{color:#e5bd8e}.reservation-copy>p{max-width:360px}.steps{list-style:none;padding:0;margin:36px 0;display:grid;gap:24px}.steps li{display:flex;gap:18px}.steps li>span{flex:0 0 30px;height:30px;border:1px solid #ffffff50;border-radius:50%;text-align:center;line-height:28px;font-size:.875rem}.steps strong{color:#fff;font-size:.95rem}.steps p{margin:4px 0 0;font-size:.9rem;max-width:310px;color:#d0d8e4}.contact-note{font-size:.875rem}.contact-note a{overflow-wrap:anywhere}.form-card{background:#fff;padding:36px;border-radius:3px;align-self:start}.form-card h3{font-size:1.8rem;margin-top:0}.form-hint{font-size:.875rem;color:var(--muted);margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:.875rem;font-weight:600;color:var(--navy)}.full{grid-column:1/-1}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;min-height:47px;padding:10px;margin-top:6px;background:#fff;border:1px solid #b9c0c8;border-radius:2px;color:var(--ink)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy);flex-shrink:0;margin:3px 0 0}.price-note{margin:24px 0;padding:15px 0;border-block:1px solid var(--line);display:flex;flex-direction:column;font-size:.875rem}.price-note strong{color:var(--navy)}.price-note span{color:var(--muted)}.consent{display:flex;gap:10px;font-size:.875rem;line-height:1.5}.payment-note{font-size:.875rem;line-height:1.5;color:var(--muted);margin:18px 0}.form-card .button{width:100%}#form-status:empty{display:none}#form-status{font-size:.9rem;margin:18px 0 0;padding:12px;background:#fff1ef;color:#8a1d29;overflow-wrap:anywhere}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success-mark{display:block;font-size:2rem;color:var(--blue);margin-bottom:20px}#success p{overflow-wrap:anywhere}.payment{display:grid;grid-template-columns:1fr 1fr;gap:100px}.payment p{color:var(--muted);max-width:460px}.bank-details{border-left:1px solid var(--line);padding:14px 0 0 36px;display:flex;flex-direction:column;align-self:center}.iban{font-size:clamp(1rem,1.6vw,1.3rem);letter-spacing:.025em;color:var(--navy)}.bank-details>span:not(.label){font-size:.9rem}.qr-row{display:flex;gap:22px;margin-top:20px;align-items:center}.qr-row img{flex-shrink:0}.qr-row p{font-size:.875rem;margin:0}footer{background:#eeeee8;padding:32px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-grid>a{max-width:180px}.footer-grid p{font-size:.875rem;color:var(--muted);margin:0}.footer-grid nav{display:flex;gap:22px;font-size:.875rem}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:10px}[hidden]{display:none!important}.cancel-page{min-height:75vh;max-width:650px;padding-block:70px}.cancel-page .form-card{border:1px solid var(--line)}.cancel-page h1{font-size:3rem;letter-spacing:-.035em;line-height:1.1}.cancel-page .button{margin-top:20px}
@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:24px}.hero-art{min-height:545px}.hero-date{max-width:240px}.evening,.reservation-grid,.payment{gap:45px}.facts{grid-template-columns:1fr 1fr;gap:22px}.facts>div:nth-child(2){border:0}.form-card{padding:26px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-grid{flex-wrap:wrap}.footer-grid p{margin-right:auto}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{min-height:91px;gap:14px}.brand{width:153px;flex-shrink:0}.site-header nav{font-size:.78rem;gap:0}.site-header nav>a:first-child{display:none}.nav-cta span{margin-left:5px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-bottom:35px}.hero-copy{padding:25px 0 10px}.eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:24px}h1{font-size:5.8rem;margin-bottom:24px}.hero-subtitle{font-size:1.55rem}.hero-description{font-size:.95rem}.hero-date{max-width:none;font-size:.75rem}.hero-art{min-height:380px;margin-top:6px;border-radius:44% 44% 3px 3px}.hero-art>img{object-position:center 54%}.date-stamp{width:85px;height:85px;right:19px;top:38%}.date-stamp strong{font-size:2rem}.art-note{bottom:24px;left:24px;font-size:1rem}.art-note em{font-size:1.65rem}.facts{gap:22px 14px;padding:24px 0}.facts strong{font-size:.92rem}.facts div>span:last-child{font-size:.78rem}.facts>div{padding-right:8px}.label{font-size:.75rem}.section{padding-block:52px}.evening,.reservation-grid,.payment{grid-template-columns:1fr;gap:28px}h2{font-size:2.25rem}.program article{padding-block:22px}.reservation-section{padding:48px 0}.reservation-copy h2{font-size:2.6rem}.reservation-copy>p{max-width:none}.steps{margin:28px 0}.contact-note{margin-bottom:0}.form-card{padding:24px 20px}.form-grid{grid-template-columns:1fr 1fr;gap:15px 12px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:.875rem}.form-grid input,.form-grid select{font-size:1rem}.bank-details{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.iban{font-size:1.12rem}.qr-row{gap:16px}.footer-grid{align-items:flex-start;gap:24px}.footer-grid p{width:100%;order:2}.footer-grid nav{flex-direction:column;gap:8px}.footer-grid>a{max-width:150px}.cancel-page h1{font-size:2.5rem}}@media(max-width:360px){h1{font-size:5rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.brand{width:135px}.nav-cta{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Gestaltung der Savoir-vivre-Anzeige: Weiß, Marineblau, Cyan und Rot. */
:root{--navy:#203667;--blue:#0083b9;--red:#d91f2b;--paper:#fff;--ink:#252525;--muted:#535861;--line:#d7e3ed;--font-sans:'Source Sans 3','Segoe UI',Calibri,Arial,sans-serif}
body{border:8px solid var(--blue)}
.site-header{border-bottom:1px solid var(--line)}
.hero{grid-template-columns:minmax(0,1fr) minmax(200px,.38fr);min-height:620px;gap:40px;padding-block:48px}
.hero-copy{padding:20px 0}
h1{font-family:var(--font-sans);font-size:clamp(3.5rem,6.7vw,6.7rem);font-weight:800;line-height:1.06;letter-spacing:-.055em;margin-bottom:25px}
.hero-subtitle{color:var(--red);font-size:clamp(1.6rem,2.85vw,2.6rem);font-weight:700;line-height:1.25}
.hero-description{color:var(--ink)}
.hero-art{align-self:center;min-height:0;overflow:visible;border-radius:0;margin:0;padding:0 10px}
.hero-art>img{position:static;width:100%;height:auto;max-height:475px;object-fit:contain}
.hero-art:after{display:none}
.eyebrow{color:var(--blue)}
.hero-date{font-size:1rem;color:var(--navy);font-weight:600}
.facts{border-top:3px solid var(--blue);border-bottom:1px solid var(--line)}
.facts .label{color:var(--blue);font-size:.875rem;letter-spacing:0;text-transform:none}
h2{font-weight:700;letter-spacing:-.035em}h3{font-weight:700}
.program-number{color:var(--blue);font-size:.875rem;letter-spacing:.06em}
.reservation-section{background:#fff;border-block:5px solid var(--blue)}
.reservation-copy{color:var(--ink)}
.reservation-copy .eyebrow{color:var(--blue)}
.reservation-copy h2{color:var(--navy)}
.reservation-copy h2 em{color:var(--red);font-style:normal}
.steps li>span{border-color:var(--blue);color:var(--blue);font-weight:700}
.steps strong{color:var(--navy)}.steps p{color:var(--muted)}
.form-card{border:2px solid var(--blue);border-radius:0}
.form-card h3{color:var(--blue)}
footer{background:#fff;border-top:1px solid var(--line)}
@media(min-width:1500px){.hero{min-height:650px}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(150px,.35fr);gap:20px;min-height:530px}.hero-art{min-height:0;padding:0}.hero-art>img{max-height:380px}.hero-date{max-width:none}}
@media(max-width:650px){body{border-width:5px}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:30px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.5rem,10.9vw,4.4rem);letter-spacing:-.055em}.hero-subtitle{font-size:clamp(1.3rem,5.8vw,2rem)}.hero-date{font-size:.875rem}.hero-art{width:150px;justify-self:center;min-height:0;margin:0}.hero-art>img{max-height:255px}.reservation-copy h2{font-size:2.2rem}.reservation-section{border-width:3px}.section h2{font-size:2rem}}
@media(max-width:360px){.hero h1{font-size:2.45rem}.hero-subtitle{font-size:1.2rem}.site-header{gap:8px}.brand{width:125px}}

/* Originales Partnerbanner aus Flyer savoir vivre_V02.pdf. */
.sponsor-banner{margin-bottom:36px}
.sponsor-banner a{display:block;max-width:860px;margin-inline:auto}
.sponsor-banner img{width:100%;height:auto}
.sponsor-banner a:hover{outline:2px solid var(--navy);outline-offset:5px}
@media(max-width:650px){.sponsor-banner{width:calc(100% - 24px);margin-bottom:28px}}