/* --- Grundlegendes Styling --- */
body {
    font-family: "Crimson Pro", serif;
    margin:0;
    padding:0;
    color:#3a3a3a;
    background:white;
    line-height:1.6;
}
img { display:block; max-width:100%; height:auto; }
header { text-align:center; margin-top:70px; margin-bottom:40px; }
.bouquet { display:block; margin:0 auto 14px auto; width:40px; height:auto; opacity:0.85; }
h1 { font-family: 'Petit Formal Script', cursive; font-size:56px; margin:0; }
.date { font-size:20px; margin-top:10px; color:#666; }
section { max-width:520px; margin:50px auto; padding:0 20px; text-align:center; }
h2 { font-family:"Crimson Pro", serif; font-weight:500; font-size:26px; margin-bottom:20px; }
p { font-size:18px; }
.rsvp { margin-top:70px; }
form { margin-top:30px; text-align:left; }
label { display:block; margin-top:18px; margin-bottom:6px; font-size:16px; }
input, select, textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:4px; font-family:"Crimson Pro"; font-size:16px; background:white; }
textarea { min-height:80px; }
button { margin-top:25px; width:100%; padding:12px; border:none; border-radius:4px; background:#c9a46c; color:white; font-size:16px; cursor:pointer; font-family:"Crimson Pro"; }
button:hover { background:#b8935c; }
footer { text-align:center; margin:80px 0 40px 0; font-size:15px; color:#777; }

/* Blütenblatt-Animation */
.petal {
    position: fixed;
    width: 20px;
    height: 20px;
    pointer-events: none;
    z-index: 1000;
    top: -30px;
    animation-name: fall, sway;
    animation-timing-function: linear;
}

/* Fall nach unten mit Drift */
@keyframes fall {
    0% { transform: translate(0, 0) rotate(0deg); opacity:1; }
    100% { transform: translate(var(--drift-x, 0px), 100vh) rotate(360deg); opacity:0.8; }
}

/* Sanftes seitliches Schaukeln */
@keyframes sway {
    0% { transform: translateX(0); }
    50% { transform: translateX(var(--sway-x, 10px)); }
    100% { transform: translateX(0); }
}

/* Mobile */
@media (max-width:600px){
    h1 { font-size:46px; }
    .date { font-size:18px; }
    p { font-size:17px; }
    section { margin:40px auto; }
    .bouquet { width:30px; max-width:30px; }
}