@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(schrift-26082c73a7.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(schrift-c008db4e8a.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(schrift-65850a373e.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* Die Blitzbar – Design für die ganze Website. Erzeugt von build.py aus dem Prototyp, bitte dort ändern. */ /* ---- WordPress/Elementor: Grundabstände der Elementor-Bausteine neutralisieren ---- */ body .elementor .e-atomic-element{padding:0;min-width:0;width:auto} body .elementor .e-button-base{padding:0;border-radius:0;background:none;text-align:inherit;color:inherit} :root body button,:root body [type=button],:root body [type=submit]{background:none;border:0;border-radius:0;padding:0;color:inherit;font:inherit} :root body button:hover,:root body button:focus,:root body [type=button]:hover,:root body [type=button]:focus,:root body [type=submit]:hover,:root body [type=submit]:focus{background-color:transparent;border-color:transparent} /* bis das Skript das Gerüst gebaut hat: Bildquellen nicht kurz aufblitzen lassen (im Editor sichtbar lassen) */ body:not(.elementor-editor-active) .hero>.e-image-base,body:not(.elementor-editor-active) .gp__imgs{display:none} /* Fotoplatzhalter: ein eingesetztes Bild füllt die Fläche */ :root body .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} /* eingeloggt: Header unter die WordPress-Leiste schieben */ :root body.admin-bar .header{margin-top:32px} /* Hero-Quellbilder nur als Vorlage fürs Skript: nicht anzeigen, damit das Handy sie nicht zusätzlich lädt */ body:not(.elementor-editor-active) section.hero :is(.hero-src,.hero-src-mobil){display:none} @media (max-width:782px){:root body.admin-bar .header{margin-top:46px}} :root{--bb-logo:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjgwIDIxMCA2NDAgMzk2Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMzAuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjEgQnVpbGQgMTIzKSAgLS0+CiAgPGc+CiAgICA8cGF0aCBkPSJNMzk0Ljc4LDM4NC45YzEtLjYsMy40OCwxLjMxLDMuNzEsMS43LDEuMzgsMi4zLTUuMjcsMTAuNDItNy41MSwxMS43Ni0uNzUuNDQtMS4xMS40LTEuNTkuMTYtLjM2LS4wNC0uNDgtLjIzLS43MS0uNjItLjQ2LS43Ny0uMjctNS41NiwxLjYyLTEwLjMzLjEzLS4zNC4zOC0uNDksMS4xMy0uOTRsMy4zNS0xLjczWiIvPgogICAgPHBhdGggZD0iTTcxMy42NSw0MDYuMjZjLTIuMzMuNTQtNS4wNCw1LjQ5LTcuMjMsNi42Ny0xLjI5LDEuOTYtMy43NCwzLjUzLTYuMzQsNy40Ni03Ljk2LDYuNS0xNS42NiwyMy4yNi0xOS45OCwyNC4yNmwtLjM0LjA4Yy0uMzMuMDgtLjkyLjU1LTEuNTEsMS4wMi00LjQyLDYuNjgtMTcuNTgsMjEuMDUtMTguOTEsMjEuMzUtMSwuMjQtNS4xOSw0Ljg3LTkuMzgsOS41LTMuMzMuNzctNy4xNSw2Ljk4LTExLjE1LDcuOTFsLS40LS4yNGMuMjYtLjQuNzgtMS4xOC4zNC0zLjA4LjczLTEwLjQ5LDQ3LjUzLTY4LjkzLDQ2Ljg3LTcxLjc3LS4yMi0uOTUsMy4xNi02LjA2LDIuNzItNy45Ni0uMjItLjk0LS42My0xLjE4LTEuNjItLjk1LTIuMTUtLjE3LTQuMjItLjAzLTYuNTUuNTEtMS42Ni4zOS0yLjY2LjYyLTMuMjYsMS4wOS0xMC40Nyw0Ljc1LTE1LjkxLDcuMDEtMTYuMTcsNy40bC0yLjcsMS45NmMtMS4zMy4zMS0yLjU5LjkzLTMuNTksMS4xN2wtLjc0LS4xN2MtLjIyLS45NCw4LjY2LTE4LjY1LDcuODYtMjIuMTItLjM3LTEuNTgtNi4yNy01Ljg4LTEwLjYtNC44OC0yLC40Ny0zLjg1LDEuNTYtNS4xNSwzLjUzbC0yLjgyLDIuOThjLS42Ni4xNS0yLjAzLDEuOC00LjExLDQuOTUtNC45OCw4LjgtNC41MSwxMi4zNi0zLjU2LDE2LjQ3LjY2LDIuODQsMS42OSw0LjI3LDMuMDMsMy45Ni4zMy0uMDguNzMuMTYuODguNzkuMTUuNjMuMDMsMS42Ni4wNywzLjMyLS4yMyw0Ljc4LTE3LjM0LDIzLjk4LTE4LjQ2LDI4LjY0LTEuNDEsMS43Ni0yLjI4LDMuMDQtNC45NCw2LjQybC03LjQzLDEwLjA5Yy0uNzIsMS4xNC03Ljk4LDguNDQtNy45OCw4LjQ0LTQuMzYsMi43My05LjIxLDYuMjEtMTIuNyw2Ljc0LTIuNjMuMzktMy45OS0uNzktNC4zNS0zLjE2LDEuNTktMy4zNC0uODgtMS45NCwxMC4zNC0yMi42MSwyNi4wMS00NS4zNCwyOC4yMS01Mi41OCwyNy45Ni01NC4yNy0uMzQtLjMtLjc0LS45My0xLjQyLTEuNTItMy4yOC00LTkuOTEtNi40Ni0xNC41Ny01Ljc3LTQuMDguNjEtOC43NCwzLjM4LTEwLjE4LDUuNjctLjcyLDEuMTQtMS45OS42NC0zLjgzLDIuMy0xLjEyLjUxLTIuMTgsMS4zNi0yLjkxLDIuNS0xLjM1LjktNy41LDUuNjEtNy4zNSw2LjYzLDAsMC0yLjcyLDIuNzQtOC4xNCw5LjU1LTEwLjUyLDkuMDEtMjMuMTksMTQuMy0zMS4xLDE1LjYybC0zLjA5LjE3cS0uNzMtLjIyLS43OC0uNTZzLS4wNi0uMzQuMjgtLjM5YzEuMTItMS41OCwzLjg3LTcuOTMsNi4xNy0xMi44MmwxLjI5LTIuNjRjLjE3LTEuMDYuNjgtMi4xOSwxLjI5LTIuNjQuOTYtMi41OCwyLjMtOS4wNCwyLjA4LTEwLjM5bC0uMTEtLjY3Yy0uMDYtLjM0LjE2LTEuMDcuNDQtMS40Ni4yMy0uNzQuNDUtMS40Ny43My0xLjg2LS4yMi0xLjM1LS4xMS0yLjc1LDAtNC4xNi0uNS0uOTUtLjY3LTEuOTYtMS40Ni0yLjUyLS4yOC0xLjY5LTMuMzItMS4xOC0xMC4wNi0uMDUtNS4yMiwxLjkxLTYuMTcsMi40MS0xMC4wNSw0LjEsMS45MS0zLjA5LDMuMi01LjczLDcuMTMtOS4xNiw4Ljg3LTkuMSwxLjQtMS45NywxNi41Ni0yMS4xMywxOC4yNS0yMS40MSwyNy4xNy00Mi42NSwyNS44Mi01MC43NC0uMjItMS4zNC0uNzMtMi4zLTEuODUtMi44LS43My0uMjMtMS43NC0uMDYtMi43Ni4xMS01LjM5LjktMTAuNDQsMy44Mi0xMS4yOCw3LjA4LS44NSwxLjE4LTEuNzQsMi4wMy0yLjcsMi41My0zLjAzLjUxLTMwLjMxLDU0Ljk1LTMxLjE1LDU2LjEzLS4yMy43NC0uODQsMS4xOC0xLjE4LDEuMjQtMy43Niw4LjYtMTAuMjIsMTcuNjQtMTAuMjIsMTcuNjQtLjYxLjQ1LTEuMTIsMS41OC0xLjk2LDIuNzYtNS4xMSw4LjgyLTkuODgsMTUuNTEtMjMuMTgsNDEuNjMtMTQuNDMsMjMuNTUtMTMuMDMsMjUuNzQtMTUuNTUsMzMuNDMuMzkuMjkuNDUuNjIuNTEuOTYtLjU2Ljc5LTEuMjkuNTYtLjYyLDQuNjEsMi4wMiwzLjgxLDIuMDgsNC4xNSwzLjc3LDMuODcuNjctLjExLDEuNjItLjYyLDIuNTItMS40Ni45Ni0uNTEsMS45Ny0uNjgsMy4zMi0uOWwuNjctLjExYy4xMS42Ny41NiwxLjI5LDEuOTcsMS40LjM5LjI4LDEuMTIuNSwxLjQ2LjQ1bC4zNC0uMDZjLjY3LS4xMSwxLjA2LjE3LDEuNDYuNDUsMi4zNi0uMzksMTEuNzQtNC4zOSwxNC41NC04LjMyLDEwLjc4LTE2LjM1LDE0LjcxLTE5Ljc4LDIyLjM1LTI3Ljk4LjUtMS4xMywxLjM0LTIuMzEsMS43OS0zLjc3LDIuMjUtMy4xNSwzLjQzLTYuNDYsNi4xMi02LjkxcS4zNC0uMDYsMS4wNy4xN2MuMDYuMzMsMS40MS4xMSwzLjA5LS4xN2wzLjAzLS41MWM2LjAyLTEuNTMsMTMuNTgtNC43OSwyMC41OC04LjctMS4xNiwxLjk5LTIuMyw0LjAzLTMuNTIsNi4yLTUuMiw5LjI0LTExLjAyLDE4LjI0LTE0Ljg4LDI4LjE2LTEuNDgsMy43OS0yLjYsNy43MS0zLjIsMTEuNzQtLjYxLDQuMTYtMS45Miw4Ljk3LDIuOTcsMTAuNjksNi40LDIuMjYsMTQuMTEtNi41MSwxOC4zMy0xMC4zMSw0LjYxLTQuMTUsOS4wNi04LjQ4LDEzLjM4LTEyLjkzLjA5LS4wOS4zOS0uNTMuNTMtLjU1LjI5LS4wNC4zNC4zLjM0LjNsLS42MiwxLjgyYy0xLjY5LDIuNjctLjIzLDIuNDUtMS45Miw1LjEyLTEuMDUsMi45Mi0uOTIsOS44MS0uMzcsMTMuNTMuMTYsMS4wMS41LDEuMzEuODQsMS42bC41OC0uMDhjLjI5LS4wNS41OS0uMDkuODMtLjQ3LjI0LS4zOC40OC0uNzcuNzctLjgxbC41OC0uMDljLjg4LS4xMywxLjIyLjE3LDEuMjcuNTFsLjEuNjdjLjE1LDEuMDIsMy4xNywxLjI2LDksLjM5LDUuODMtLjg3LDEwLjQ4LTMuNjQsMjAuMjUtMTQuMDgsMi43MS0xLjc5LDUuMjgtNC41OSw3LjM0LTguNywxMS4xNS0xNy4wNSwyMC44NC0zMC45NSwyNS41My0zNy44N2w1Ljc2LTcuMTFjMy0uNjksMjUuNDctMTEuMjIsMjcuOC0xMS43NS42Ni0uMTYsMS0uMjQsMS4wNy4wOC41MSwyLjIxLTEzLjE0LDE5LjAyLTE0LjY5LDIxLjM4LTEuOTcsMi4xMi05LjYyLDE0LjU0LTEzLjI1LDE3LjA1LTQuNTYsNi4wNS03LjA0LDguOTUtNi45Nyw5LjI3LS4yNi4zOS0uNDUsMS4xLS42MywxLjgxLTYuMjcsNy43OC0xMi4zNywyMy44NC0xMi41NiwyNC41NS0uNDUsMS4xLjAzLDEuNjUsMS4xMiwxMi4zOSwxLjY2LS4zOSwzLjQtLjQ1LDUuMDYtLjg0LDUuMzMtMS4yMywxOS43NC0xMy4yMiwyMC41Mi0xNC40LDEuODUtMS4xLDIuNjMtMi4yOCwzLjQxLTMuNDYsMy40MS0zLjQ1LDQuNzQtMy43NiwxNi40NS0xNi43OSw0LjI3LTQuMzEsMzkuOTUtNTAuMTksMzkuNTgtNTEuNzctLjI5LTEuMjctLjc3LTEuODItMS43Ny0xLjU5Wk01NjEuMTQsMzM2LjI0Yy44NC0xLjE4LDEuNC0xLjk3LDEuODUtMy40MywyLjUzLTMuNTQsNC4xLTguNjYsOS40OS05LjU2cS40LjI4LjUxLjk2cy0uMjMuNzMtLjUxLDEuMTJjLS40NSwxLjQ2LS41NiwyLjg3LS42Nyw0LjI3LS4yOCwyLjQ3LTExLjA2LDIyLjk4LTEzLjg2LDI2LjkyLS42OC4xMS0xLjAxLjE2LTEuMjQuODlxLS4zNC4wNi0uMjguNHQuNDUuNjJjLTEuOTEsMS4wMS0zLjQ4LDEuOTYtMy44NywzLjc2LTEuNDEsMS45Ny0yLjc1LDQuMjctNS4xNyw2LjQxLTEuNjgsMi4zNi0zLjc2LDQuNDQtNS4yOCw1LjczLS4zMy4wNi0uNjcuMTEtLjczLS4yMi0uMDUtLjM0LS4zOS0uMjktLjQ1LS42Mi0uNjctNC4wNSwxNS41NS0zMy40MywxOS43Ni0zNy4yNVpNNTE1LjI0LDQ1OS42MmMtLjI4LjM5LTcuMTgsOC44Mi04LjcsMTAuMTEtLjUsMS4xMi0xLjA3LDEuOTEtMS4zNSwyLjMtMi40NywxLjgtNS42Nyw1LjQ2LTkuNDMsOS45bC0yLjU4LDEuMTIuMzkuMjhjLS4zNC4wNi0uNzktLjU2LTEuNTItLjc4LS4xMS0uNjgtLjU2LTEuMy0uNzMtMi4zMS0uNDUtMi42OSwxLjQtOC4yLDUuODktMTYuNTcsOC42NS0xNi42OSwxMS40Ni0xOC41NCwxOS41NC0xOS45LDMuMDQtLjUsNS40NS0uNTYsNi41OC0uMDZsMS40Ni40NS4xMS42OGMuMTcsMS4wMS0zLjU0LDcuODYtOS42NiwxNC43OFpNNTMxLjY5LDQzMy42NmMtLjY3LjExLTEuMjkuNTYtMS4xOCwxLjIzbC4xMi42OC0xLjU4Ljk1Yy0xLjEyLDEuNTctMS43OSwxLjY5LTIuNDcsMS44LTcuNjktLjQ1LTE1Ljc4LjkxLTE2Ljc5LDEuMDctLjEyLS42Ny0uNTctMS4yOS0uNjgtMS45Ni0uNzktNC43MiwxMS40NS0yMi43LDIwLjY2LTI5Ljc4LDEwLjI4LTYuOTIsMTIuMy03LjI1LDEyLjMtNy4yNS42Ny0uMTIsMS4wNy4xNiwxLjE4Ljg0LjExLjY3LS4xNywxLjA2LS40NSwxLjQ2cS4wNi4zNC0uMjIuNzNsLjMzLS4wNmMuNC4yOC40NS42Mi41MS45Ni4wNi4zMy4xMS42Ny0uMjMuNzMtLjA1LDUuOS0xLDYuNC0uODksNy4wOC0yLjQxLDQuMjEtNy4yNCwyMC45NS0xMC42MSwyMS41MlpNNTgxLjQyLDQ1My4wNGwtMS4wNy44NWMwLC4zOC0xMy40NSwxMy43Ni0xOS4zOSwxOS44Mi02LjI1LDQuMDQtNC40OSw1Ljg1LTguMjgsNi40Mi0xLjc1LjI2LTMuODktLjExLTQuMTktMi4xNC0uMDUtLjM0LS4xLS42OC4xOS0uNzJsLjM0LjI5Yy4wNS4zNC4zNC4zLjM0LjMsMS40Ni0uMjIsMi43Mi05Ljc0LDQuNDEtMTIuNDEsMjQuNjEtNDQuNzgsMzYuNTMtNTIuNzgsMzYuNTMtNTIuNzguNTMtLjQyLjQ4LS43Ni40My0xLjEsNi41OC01LjgyLDExLjQxLTExLjM4LDE4LjEyLTEyLjM4LDIuOTEtLjQzLDMuMzEuMiwzLjYuMTYuMjktLjA1Ljc3LS44MS43Ny0uODFsLjM5LjYzYy4wNS4zNC0uMTkuNzItLjE5LjcyLjA0LDYuMjItMi4yOCw4LjY0LTE0LjI5LDI4LjA1LTYuNDYsMTAuNjMtMTAuNywxOC4xOC0xMi45MywxOS4yLTIuMTgsMS4zNi0zLjAzLDUuNjMtNC43OCw1LjlaTTY0NC45Miw0MTAuODVjLS42Ny4xNS0xLjQxLS4wMS0xLjk2LS44OGwtLjQ4LS41NmMtLjczLTMuMTYsNy40My0xNi4zNyw5LjQzLTE2LjgzLjMzLS4wOC44MS40OCwxLjAzLDEuNDMsMS42OSw3LjI2LTcuMDMsMTYuNjEtOC4wMiwxNi44NFoiLz4KICAgIDxwYXRoIGQ9Ik0yNjcuMTUsNTAzLjY1Yy0xNi4yMSwxMS40Ni01MC43NywyNi40NS02NS41Niw2LjM2LTIwLjI4LTI3LjUzLDE2LjI0LTcwLjc3LDQyLjQ3LTgwLjQsNi41Ni0yLjQxLDIzLjIzLTcuNDIsMjcuMDQuOTYsNC43OSwxMC41MS05LjU1LDMuNjItMTMuNiwzLjY4LTI4LjgxLjM5LTcxLjk5LDM5LjMyLTU0LjM4LDY4LjAyLDE1LjUxLDI1LjI4LDU4LjI2LTYuMTIsNzEuMDUtMjEuNDIsMTkuODYtMjMuNzMsMzkuODItNzQuNi0xMC41MS03Mi42NS0yLjc1LjExLTI5LjM4LDYuODEtMjkuMTksMS44NSw3LjA1LTcuMzksMTcuNzgtNC43LDI3LjMyLTcuNDUsMjIuNTEtNi41LDUyLjU1LTM1LjAyLDYxLjQ5LTU2LjU3LDUuMDctMTIuMjEsOC41OS0zMS40Ny0xMC44Ny0yOC4yNi0zMi4yNyw1LjMxLTgxLjg2LDg1LjI2LTk4LjA2LDExMy4xOS0xNS44LDI3LjIzLTI4LjgyLDU1Ljg2LTQyLjY4LDg0LjA5LTIuNjIuNDktMi4wNC0uOTgtMS42MS0yLjg0Ljg4LTMuNzcsMi44OC03LjUsMy4zNS0xMS41NywyLjU4LTIyLjA2LTEwLjcyLTQ1Ljg1LTM1LjI3LTQzLjk4LTIuNTYtOC41NCw4LjE5LTMuNjcsMTIuMzItMy44MiwyNC4yNy0uODgsNjcuODItODAuMTYsODQuMDItOTkuOTIsOC4yNS0xMC4wNywxNy41OS0xOC45NywyOC41Mi0yNi4xMy0yMS44NS05LjAyLTQ2LjIxLTE2LjI2LTcwLjE3LTE0LjI4LTM3LjI0LDMuMDktODMuNjcsMzYuNzgtOTQuNzQsNzMuMDQtMTUuOTcsNTIuMzcsMzAuNzYsNjMuNTEsNjYuMTEsMzUuMDQsMTYuOTctMTMuNjcsNDAuMzUtNDguNjgsMzIuNjMtNzEuMTEtMS40NS00LjIzLTUuMDYtNi42Ni01Ljg4LTEwLjg4LDE2LjYtMi40OSwxNC4zNSwxNy4yNiwxMS41MSwyOC4yOC01LjI1LDIwLjMyLTE5Ljc5LDQzLjg3LTM1LjcxLDU3LjQ5LTU4LjMzLDQ5LjkzLTExMS4xMi0xNC40NS02NC03MS40NSwyOC45Mi0zNC45OSw3Ny4zLTUxLjYxLDEyMS43Ni00Mi4zLDE0LjE0LDIuOTYsMzUuMjcsMTQuMSw0OC40Niw5Ljk0LDEuNTMtLjQ5LDE3LjE5LTkuNTEsMTMuMDktMS44Mi0xLjY1LDMuMDktMTcuMDksNy42Ny0yMi4yLDExLjM3LTIyLjcyLDE2LjQ2LTM3LjQzLDUzLjIzLTUyLjUxLDc2LjczLTEzLjY5LDIxLjMyLTI4Ljg0LDM4LjkzLTUyLjY5LDQ5LjE5LDguNzMsNC43MywxMy43NCwxMC4wNCwxOC44NSwxOC40MSwxLjI3LDIuMDksMi41NCw4Ljk1LDUuMzQsOC4zMSwxNi44OC0zNi41NywzNS4zNC03Mi40NSw1OC43OC0xMDUuMjksMTUuMDYtMjEuMTEsNTMuNjYtNzAuNyw4MS43Mi02OC43NywxMi4yNC44NSwxOC4yOCwxMi44MSwxNy44OCwyNC4xMi0uOTcsMjcuNi00Mi45Miw1OS45OS02Ny4wMSw2OS4xOC0uMzIsMy4yOC0uMDcsMi4wMSwxLjg1LDIuNDUsMTMuNTMsMy4wOSwyNC4zNyw1LjI0LDI5LjQ5LDIwLjI1LDkuNzYsMjguNjUtMTYuMTYsNjMuMjItMzguNDEsNzguOTZaIi8+CiAgICA8cGF0aCBkPSJNNTQ3LjEyLDU2NC41MWMtMS43Mi01LjctNS40OC0xMi44OC0xMi4yNS0xMi44OC0yLjQzLDAtNi44MiwxLjI4LTYuOTYsNC4zMy0uMTMsMi44OSwyLjkxLDQuMjEsNS4zNiwzLjI0LDEuNTQtLjYyLDEuNzctMS41NSwzLjU1LTEuNTVzMy4wMy43NywzLjg5LDIuMjJjMy4zMiw1LjU4LDMuMDEsMTMuNjcsMi4wOSwxOS44NS0uNzEsNC43My0zLjE1LDguODYtNi41NiwxMi4xNC0yLjc0LDIuNjMtNi4yNywyLjkxLTkuOTMsMi45MS0zLjksMC02Ljc1LDAtOC4zMS0uOTItMTEuOTQtNi44OC03Ljc4LTMuNjctMTEuNjgtNy44LTE5Ljk4LTIyLjAzLTE3LjktMjQuNzgtNDEuNTItNzAuMjEtOS4zNC0xNS42MS0xMS40Mi0xNi41Mi0xNS41Ny0yMC4yLS41Mi0uNDUtLjUyLTEuMzctLjUyLTIuMjksMC01LjA1LDE1LjgzLTMwLjI5LDE1LjgzLTMwLjI5LDE0LjAxLTIzLjQsMjMuODgtNDIuMjIsMjguMDMtNDguNjQsMi44NS00LjEzLDQuMTUtNi40Myw0LjE1LTcuODFzLTEuNTYtMi43NS0zLjExLTIuNzVjLTEuNTYuNDYtMi44Ni40Ni00LjE2LjQ2cy0yLjMzLS40Ni0zLjM3LTEuMzhjLS43OC0xLjM3LTEuMy0zLjIxLTEuMy01LjA1LDAtMS4zNy4yNi0yLjI5Ljc4LTIuNzUuNTIsMCwyLjYtMTAuMDksMi42LTExLjAxLS41Mi00LjEzLDEuMDMtMi43Ni00LjkzLTMuNjdoLS41MmMtLjUyLDAtMS41Ni45MS0yLjA4LDIuNzUtMy44OSw5LjE4LTE1LjA1LDI3LjA4LTE5LjcyLDMyLjU4LTE1LjYzLDIyLjQzLTIwLjE4LDI5LjY3LTIxLjUxLDMyLjc5aC0uMDFjLTIuNDgsMi44OS01LjI1LDYuMDYtOC4zOCw5LjYzLS4yNi44LTkuNDksOS4xMi05LjQxLDEwLjY5LTQuODksNC41Ni0yLjU3LDIuODctOS4yOCw3LjE0LDAsMC0xLjE0LDEuMTMtMi43MywyLjM2LTEuODgsMS40Ny00LjM4LDMuMTEtNi4zNCwzLjItMS41MS4wOC0zLjgtMy4zMi0zLjk0LTYuMDUtLjA1LTEuMTguMi0xLjk3Ljc5LTIuMzkuODItMS42MiwxLjA1LTIuODEsMS4wNC0zLjItLjA5LTEuNzQuNzQtNC43NywyLjAzLTguMzJ0LjAxLS4wMmMzLjkyLTEwLjc5LDEyLjE1LTI2LjQ4LDEyLjE1LTI2LjQ4LDIxLjc0LTI4Ljk2LDM5Ljk4LTU1Ljc3LDQ0Ljg3LTY2LjIxLDMuMDIuMjMsNy44NC0uMDIsMTQuMTYtLjM1LDUuMTItLjI3LDcuODMtLjQxLDguMTEtLjgycTQuNzktLjY0LDExLjExLS45N2MxLjgxLS4xLDIuNzEtLjE0LDIuNjktLjU0bDEuNTEtLjA4cy4zLDAsLjI4LS40bC0uMzYtMS4xNmMtMS4zNy0zLjA2LTUuMTMtNS42LTE1Ljk2LTUuMDQtNi45MS43Ni00LjQ5LjY0LTE3LjEzLDEuMyw5LjI4LTE4LjQ5LDE1LjA2LTI5LjM2LDE1LjA2LTI5Ljc5LDEuMzItMy41OSwxLjc0LTcuMTQsMS41NC0xMS4wNC0uMTItMi4zNS0uNS0zLjktMS40NS00LjYzbC0uOS4wNGMtMS4yLjA2LTIuNjkuNTQtNC40NCwxLjgtMTMuNjYsMjEuODctMTUuNTgsMTkuNjMtMjcuMjksNDQuMTQtMTQuNzUuNzYtMTguOSwyLjE2LTE5LjUsMi4xOS0zLjkxLjItNi4zMi4zMy03LjguOC0zLjkyLjIxLTYuMzIuMzMtNi45MS43NS0uNi4wNC0yLjM3LjkxLTQuMTgsMS4wMS01Ljk5LjctOS4yNiwxLjY2LTkuOCwyLjg2LS42LjAzLS44NSwxLjIyLS43NCwzLjE4LjA2LDEuMTYuMzgsMS41NCwxLjI4LDEuNSw2LjMyLS4zNC0xMS40Ny0uMTksNDMuNTItNC42My0zLjI5LDYuNDMtOC4yLDEwLjYxLTEyLjUzLDIwLjI0LTEuNzEsMi4wNS0yLjUxLDQuMDUtMy4zMyw1LjY2LTEwLjY2LDE4Ljg3LTIwLjI1LDM0Ljc4LTI3LjIyLDQ4Ljk2aDBjLS45NSwxLjkzLTEuODQsMy44My0yLjY5LDUuNjktNC42OCw2LjMtOC45MywxMy4wNS0xNC4xNywxOS00LjQyLDUuMDMtMTEuNDQsMTMuOTctMTguNjksMTEuMzItMS4wNS0uMzktMS40LTEuMjMtMS44Mi0yLjE2LTEuODgtNC4xOCwxLjItMTEuNDgsMi40OS0xNS40MSwyLjQ2LTcuNDcsNS42LTE0LjczLDguODctMjEuODgsMi45MS02LjQyLDYuMDEtMTIuNzYsOS4yMS0xOS4wMywxLjA3LTIuMSw4LjE3LTE1Ljc2LjcxLTEyLjEtMi41NSwxLjI0LTUuOCw2LjY1LTcuOSw5Ljk0LS4yMy4xOS0uNDYuNDQtLjcuNzItMS40NiwxLjczLTIuOTgsNC43My0zLjc1LDUuMzUtMy43OSwyLjQ0LTkuODYsMTIuMTYtMTEuMzksMTUtMS41MSwyLjAzLTMuMDMsNC4wNS00LjI5LDUuMjctLjc2LDEuMjItMy4wMywzLjY1LTQuMyw1LjY4LS41LDEuNjItMS4yNiwzLjI0LTIuNTMsNC40Ni0xLjAxLDEuNjItMi4wMiwyLjg0LTMuMjksMy4yNS0uNS44LTMuNzksNS4yNi02LjA3LDYuNDgtMi43OCwyLjgzLTExLjEyLDEwLjEzLTExLjEyLDEwLjEzLTIuMjgsMS4yMi0yLjc5LDEuMjItMy41NSwxLjIyLTcuMzMsMi44NC02LjgyLDQuNDYtOS4xMSw0LjQ2LTEuNTEtLjQtMi41Mi0uNC0zLjAzLTIuMDItLjI1LS40MS0uMjUtMi4wMy0uMjUtNC40N2wuNzYtNC40NmMuNzYsMCwxLjAxLS40LDEuMDEtMS42Mi41MS02LjA4LDE2LjE5LTQwLjU0LDIzLjAyLTQ2LjIyLDIzLjUyLTIwLjY3LDQwLjIxLTUwLjI3LDQxLjQ3LTUxLjg5LDUuMzItMTIuMTYsMTkuMjItNDIuNTcsMTkuMjItNDcuNDQsMC0xLjYyLTEtMy4yNC0xLjI2LTMuNjUtLjUxLTIuMDItMi4yNy0yLjgzLTUuMDYtMi44My02LjU4LDAtMjUuMDQsMjkuNTktMjUuMDQsMjkuNTktMS4wMSwxLjYyLTEyLjY0LDIyLjMtMjQuNTMsNDEuMzYtMS41MSwyLjQzLTMuMjksNi40OC01LjA2LDkuMzItMi4yNyw2LjA4LTEzLjkxLDI4LjM4LTE0LjQxLDMwLjQxLTIuMjgsMi44NC0xMC42MywyMS40OS0xMC44OCwyMi43LTIuMjgsOS4zMi00LjU1LDE0LjU5LTUuNTcsMTUuNDEtLjI0LDIuMDItLjI0LDUuNjctLjI0LDEwLjk1LDAsOS4zMiw0LjgsMTEuNzUsMTAuMzcsMTEuNzUsNy41OCwwLDIwLjk5LTEwLjU0LDIxLjI0LTEwLjU0LDYuMTgtOC4zOCwxNC41OS0xNy44MywxOC45NC0yNC4zMmwuMDMtLjA1Yy4yNy0uNC41Mi0uNzkuNzYtMS4xNy4wNS0uMDQuMDktLjA4LjEzLS4xM2wtMS43MSwzLjYyYy0yLjM0LDguNTctNy45NywyOS4yNSw0LjYzLDMyLjA1LDE0LjA3LDMuMTEsMjUuMDEtMTQuNzIsMzQuMDUtMjcuNzEuMTEtLjE1LjIxLS4zLjMxLS40NS0uMTEsMS41Ni0uMywyLjk3LS44OCwzLjgtMS40NCwxLjI1LTIuMTgsMTAuMzEtMS45MiwxNS4zOWwuMTEsMS45NGMuNjgsMS41NC4xNywzLjUyLjgyLDQuMjcuMDYsMS4xNy4zOCwxLjU1Ljk4LDEuNTIsMi4xLS4xMSwxLjM0LDIuNjcsOS43NywyLjIzLDIuOTktLjU1LDUuMzgtMS4wNyw2LjU4LTEuMTMsNS43MS0yLjc3LDkuMDEtNS4zMSwxMi45MS05LjY3LDMuNzUtNC4yLDguMDUtMTAuMDgsMTUuNTctMTkuNDYsMS4xOS0xLjgzLDIuMzQtMy42OSwzLjQ5LTUuNTUsMi4yOC0yLjkyLDQuNS01Ljg2LDYuNDUtOS4wMi40MS0uNjQuNzktMS4zLDEuMTktMS45NCwwLS4wMS4wMS0uMDEuMDEtLjAyLDQuNzUtNi4zNCw4LjYyLTExLjU5LDkuNTQtMTMuMjEsMCwwLDcuNzktMTAuMDksMTYuNjEtMjMuODYsMS4zLTIuMywyLjA4LTMuNjcsMi44NS0zLjY3LjUyLDAsLjc4LjkyLjc4LDIuMjksMCw3LjM0LDQuNjcsMy4yMSw0LjY3LDkuMTgsMCwzLjY3LDAsMC0xOS40NiwzNy4xNy0yMy42MiwzOS40Ny0yNC40LDM3LjE4LTI4LjI5LDQwLjM5LTIuODUsMC0xOC45NCwyLjI5LTIwLjUsNi40Mi00LjkzLDYuODktMTEuNDIsMTQuMjMtMTEuNDIsMTUuMTUsMCwxLjM3LTEwLjEyLDE5LjI3LTEwLjEyLDM0Ljg3LDAsNi44OSwxLjA0LDcuODEsMS41Niw3LjgxLDAsMCwuNTIuNDYsMS4wMy40NiwxMS42OC0zLjIyLDM5Ljk3LTUyLjMyLDQ1LjY4LTUyLjMyLDcuMDEsMCwxMS45NCwxMC4wOSwxMi40NiwxMC4wOSwxOS40NiwzMi4xMywyNi45OSw1Mi4zMiwzMy45OSw2MS41LDEuMzUuNjgsMi40NiwyLjgxLDMuMzQsMy45NiwxLjk3LDIuNjEsMy44OSw1LjI0LDUuOTIsNy44LDQuMzIsNS40NSw4LjUxLDguNzcsMTQuNjQsMTEuOTgsMS40Ni43NywyLjg2LDEuNCw0LjI1LDEuODksMi43NC45OCw1LjQ3LDEuNDUsOC43MSwxLjQ1LDEyLjQ1LDAsMTUuNTctNS41MSwxNi4zNS02Ljg5LDIuOTQtMy44MiwzLjg4LTkuNDgsNC43Ni0xNC4wOSwxLjAyLTUuMzgsMS41OC0xMC4zNC0uMDQtMTUuNzFaTTQ2NC41LDM0MS4yOGM2LjEyLTEwLjEyLDkuNzYtMTUuNCwxMS4yNy0xNS40OC45MS0uMDQsMS4yNC43MiwxLjI0LjcyLjA1Ljc4LS4yNCwxLjE5LS40NywyLjM4LTQuMzMsOS42My0xMy4yOCwyMy40MS0xMy41MiwyNC42LjA0Ljc4LTEuMDQsMy4yLTMuNTUsNy4yNGwtNS40Mi4yOWM2LjMyLTEyLjA5LDkuNjEtMTguNTMsMTAuNDUtMTkuNzVaTTQzNS41OSwzOTUuMzNjMS4xOC0yLjMsMi41LTQuNTMsMy44My02Ljc1LDEuNDQtMi40MSwyLjkzLTQuNzksNC40NC03LjE2LDEuNTUtMi40MywyLjQ1LTQuOSwzLjkzLTcuMzkuMy0uNTEsMi40OS01LjM4LDIuNzQtNS4zOGwzLjkzLjE5Yy04LjQzLDEyLjE5LTE3LjQ1LDMwLjI5LTIwLjE2LDMwLjQzbC0uMy4wMmMtLjA2LTEuMjgsMS4wMy0yLjg4LDEuNTktMy45NlpNMzU0LjUzLDM3Ny4xMXMzMS42Mi01Mi43MSwzNS45Mi01Mi43MWguMjVjLjI1LDAsLjI1LjQxLjI1LDEuMjItLjI1LDExLjM1LTYuNTcsMTkuNDYtOS44NiwyNy41Ny0uNTEsNC4wNS0xMi45LDI0LjczLTE5LjIyLDMyLjAzbC01LjgyLDguMWMtMS4yNiwyLjAzLTUuNTcsNS42OC02LjA3LDcuMy01LjU2LDUuNjgtMTAuNjIsMTAuOTUtMTEuMTMsMTAuOTUsMS4yNy02LjA4LDUuMzEtMTUuNDEsMTUuNjgtMzQuNDZaTTQyNC41Nyw1MTAuNzljLTEuMDMuOTItNC42Nyw2LjQyLTEwLjEyLDEzLjMxLS41MiwyLjI5LTYuMjMsNi44OC02LjIzLDkuMTgtLjI2LDEuMzctLjc3LDEuODMtMS41NSwyLjI5LTMuMTIsMi43NS0zLjM4LDMuMjEtMy42NCwzLjIxcy0uMjYtLjQ2LS41Mi0xLjM3YzQuNjgtMTYuMDctMS4yOS0zLjY4LDYuMjMtMTguODIsOS42MS0xNi45OCwxNS41Ny0xOS43MywyMC43Ni0xOS43MywxLjMsMCwxLjgyLjQ2LDEuODIsMS4zNywwLDMuMjItNS43MSw4LjcyLTYuNzUsMTAuNTZaIi8+CiAgPC9nPgogIDxnPgogICAgPHBhdGggZD0iTTUwMS42MSw0MjkiLz4KICAgIDxwYXRoIGQ9Ik01MTIuNDUsNDQ2LjY3Ii8+CiAgPC9nPgogIDxnPgogICAgPHBhdGggZD0iTTQwMy45MiwyNTcuMDdoLTE1LjA3di00Mi4xMWgxNC45OGMyLjgsMCw1LjQuNDUsNy44MSwxLjM2LDIuNC45MSw0LjQ5LDIuMjUsNi4yNCw0LjAzLDEuNzcsMS43OCwzLjE0LDMuOTYsNC4xNCw2LjU3LDEuMDEsMi42MSwxLjUxLDUuNjMsMS41MSw5LjA2LDAsMy4xNC0uNDMsNi0xLjMsOC41OS0uODYsMi41OS0yLjEzLDQuODEtMy43OSw2LjY2LTEuNjYsMS44NS0zLjcxLDMuMjgtNi4xNSw0LjMtMi40MywxLjAyLTUuMjMsMS41My04LjM3LDEuNTNaTTQxNC45NSwyMzYuMTFjMC0xLjk0LS4yMy0zLjY5LS42OC01LjI2LS40Ni0xLjU2LTEuMTYtMi45LTIuMDktNC4wMS0uOTMtMS4xLTIuMS0xLjk2LTMuNTEtMi41NS0xLjQyLS42LTMuMDYtLjktNC45Ni0uOWgtNi4yNnYyNS4yNGg2LjI2YzMuNjQsMCw2LjQzLTEuMDgsOC4zNS0zLjIzczIuODktNS4yNSwyLjg5LTkuMjlaIi8+CiAgICA8cGF0aCBkPSJNNDMzLjI3LDI1Ny4wN3YtNDIuMTFoOC42djQyLjExaC04LjZaIi8+CiAgICA8cGF0aCBkPSJNNDYwLjIzLDIzMS44MWgxNC45djguNDJoLTE0Ljl2OC40MWgxNy42MXY4LjQzaC0yNi4yMXYtNDIuMTFoMjUuOTd2OC40M2gtMTcuMzd2OC40MVoiLz4KICA8L2c+Cjwvc3ZnPg==");color-scheme:light; --paper:#F3EFEA; /* Grund/Papier */ --linen:#E8E0D4; /* Grund/Leinen */ --ink:#2B2321; /* Text/Tinte */ --muted:#6B605C; /* Text/Gedämpft */ --wine:#612D34; /* Marke/Bordeaux */ --rose:#D3B0B2; /* Marke/Rosé */ --taffeta:#AF7B82; --autumn:#6E423E; --gold:#C4A659; --lunar:#DBCEA0; --olive:#999D4F; --valerie:#FDE5E8; --serif:"Instrument Serif","Times New Roman",Georgia,serif; --sans:"Inter","Helvetica Neue",Arial,sans-serif; --ease:cubic-bezier(.76,0,.24,1); --ease-out:cubic-bezier(.22,1,.36,1); --gut:max(16px,5vw);} *{box-sizing:border-box} :root,:root body{margin:0;background:var(--paper);color:var(--ink)} :root body{font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden} :root body h1,:root body h2,:root body h3,:root body p,:root body figure,:root body blockquote,:root body ul{margin:0;padding:0} :root body a{color:inherit;text-decoration:none} :root body button,:root body input,:root body select,:root body textarea{font:inherit;color:inherit} :root body button{background:none;border:0;cursor:pointer} :root body :focus-visible{outline:2px solid var(--wine);outline-offset:4px} :root body .d{font-family:var(--serif);font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;text-wrap:balance} :root body .d em{font-style:italic;text-transform:none;letter-spacing:-.015em} :root body .label{font:16px/1.2 var(--serif);text-transform:uppercase;letter-spacing:.03em} :root body .label em{text-transform:none;font-style:italic} :root body .micro{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase} :root body .lead{font:clamp(20px,1.9vw,28px)/1.25 var(--serif)} :root body .muted{color:var(--muted)} :root body .logo{display:block;background:currentColor;-webkit-mask:var(--bb-logo) center/contain no-repeat;mask:var(--bb-logo) center/contain no-repeat} :root body .ph{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--c,var(--taffeta));color:var(--paper)} :root body .ph::after{content:attr(data-label);font:500 10px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:12px;opacity:.85} :root body .ph i{position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 20%,#ffffff22,transparent 60%),linear-gradient(0deg,#00000022,transparent 50%)} :root body .header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(16px + env(safe-area-inset-top,0px)) var(--gut) 0;pointer-events:none} :root body .header>*{pointer-events:auto} :root body .header__logo{width:clamp(96px,9vw,132px);aspect-ratio:1.616;color:var(--paper);transition:color .4s} :root body .header.on-light .header__logo{color:var(--wine)} :root body .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} :root body .header__right{display:flex;gap:10px;padding-top:6px} :root body .burger{position:absolute;left:50%;top:calc(16px + 6px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:48px;height:46px;display:grid;place-content:center;gap:7px;color:var(--paper);transition:color .4s} :root body .burger span{display:block;width:30px;height:1.5px;background:currentColor;transition:transform .5s var(--ease-out),width .5s var(--ease-out)} :root body .burger span:last-child{width:20px;justify-self:center} :root body .burger:hover span:last-child{width:30px} :root body .header.on-light .burger{color:var(--wine)} :root body .pill{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;background:#F3EFEAeb;backdrop-filter:blur(8px);font:16px var(--serif);text-transform:uppercase;box-shadow:0 2px 14px #2B23210f;transition:background .4s,color .4s} :root body .pill em{text-transform:none;font-style:italic} :root body .pill:hover{background:var(--wine);color:var(--paper)} :root body .glass{position:relative;isolation:isolate;overflow:hidden;border-radius:0;padding:12px 20px;color:var(--paper); background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.08) 100%); -webkit-backdrop-filter:blur(16px) saturate(190%) brightness(1.06);backdrop-filter:blur(16px) saturate(190%) brightness(1.06); border:1px solid rgba(255,255,255,.32); box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 1px rgba(255,255,255,.18),inset 0 0 18px rgba(255,255,255,.14),0 10px 30px -8px rgba(43,35,33,.35); transition:color .4s,background .4s,transform .4s var(--ease-out),box-shadow .4s} :root body .glass::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none; background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),radial-gradient(80% 60% at 90% 110%,rgba(255,255,255,.12),rgba(255,255,255,0) 60%)} :root body .glass:hover{background:linear-gradient(135deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.14) 100%);color:var(--paper);transform:translateY(-1px) scale(1.02)} :root body .header.on-light .glass{color:var(--ink);border-color:rgba(255,255,255,.55); background:linear-gradient(135deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,.18) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 1px rgba(255,255,255,.3),inset 0 0 18px rgba(255,255,255,.25),0 10px 30px -10px rgba(43,35,33,.28)} :root body .header.on-light .glass:hover{color:var(--wine)} :root body .menu{position:fixed;left:0;right:0;top:0;z-index:60;color:var(--rose);display:flex;flex-direction:column;align-items:center;text-align:center; padding:calc(26px + env(safe-area-inset-top,0px)) var(--gut) 24px; background:rgba(97,45,52,.84);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%); box-shadow:0 30px 60px -30px rgba(28,20,18,.55);transform:translateY(-102%);visibility:hidden;transition:transform .9s var(--ease),visibility 0s .9s} :root body .menu.is-open{transform:none;visibility:visible;transition:transform .9s var(--ease)} :root body .header{transition:opacity .4s} :root body .header.menu-open{opacity:0} :root body .header.menu-open>*{pointer-events:none} :root body .menu__logo{width:clamp(110px,10vw,140px);aspect-ratio:1.616;color:var(--rose);transition:color .4s} :root body .menu__logo:hover{color:var(--paper)} :root body .menu__links{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,26px);margin:clamp(34px,6vh,64px) 0 clamp(26px,4vh,44px)} :root body .menu__links a{font-size:clamp(36px,min(5.4vw,6.4vh),72px);line-height:1;transition:color .4s} :root body .menu__links a:hover{color:var(--paper)} :root body .menu__links li{list-style:none;overflow:hidden;padding:.12em .1em .06em} :root body .menu__links a{display:inline-block;transform:translateY(110%);transition:transform .3s var(--ease),color .4s} :root body .menu.is-open .menu__links a{transform:none;transition:transform 1.1s calc(.35s + var(--i) * 70ms) cubic-bezier(.19,1,.22,1),color .4s} :root body .menu__x{position:relative;width:54px;height:54px;flex:none;color:var(--rose);transition:color .4s,transform .5s var(--ease-out)} :root body .menu__x::before,:root body .menu__x::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)} :root body .menu__x::after{transform:translate(-50%,-50%) rotate(-45deg)} :root body .menu__x:hover{color:var(--paper);transform:rotate(90deg)} :root body .hero{position:relative;z-index:2;height:150vh} :root body .hero__sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:520px;overflow:hidden;color:var(--paper);will-change:clip-path} :root body .hero__media,:root body .hero__cut{position:absolute;inset:0;background:var(--autumn)} :root body .hero__media img,:root body .hero__cut img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block} @media (max-aspect-ratio:1/1){:root body .hero__media img,:root body .hero__cut img{object-position:50% 50%}} :root body .hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,#1c141233 0%,transparent 30%,transparent 62%,#1c141266 100%)} :root body .hero__veil{position:absolute;inset:0;background:var(--paper);opacity:0} :root body .hero__cut{background:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:80% auto;mask-size:80% auto} :root body .hero__cut img{transform-origin:50% 0;will-change:transform} :root body .hero__flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(60% 45% at 50% 46%,#fffdf6 0%,rgba(255,253,246,.85) 35%,rgba(255,253,246,0) 75%),rgba(255,253,246,.35);mix-blend-mode:screen} :root body .hero__slot{position:absolute;left:0;top:0;height:2px;border-radius:999px;opacity:0;pointer-events:none; background:rgba(255,255,255,.35);box-shadow:0 .5px 0 rgba(43,35,33,.14)} :root body .hero__slot::after{content:"";position:absolute;left:6px;right:6px;top:.5px;height:1px;border-radius:1px;background:rgba(43,35,33,.22)} :root body .flyprint{position:fixed;left:0;top:0;z-index:3;pointer-events:none;visibility:hidden;transform-origin:50% 50%;will-change:transform,clip-path; box-shadow:0 18px 30px -16px rgba(43,35,33,.45),0 2px 6px rgba(43,35,33,.12)} :root body .flyprint img,:root body .statement__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%} :root body .hero__fade{position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,rgba(243,239,234,0) 0%,rgba(243,239,234,.75) 55%,var(--paper) 100%);opacity:0;pointer-events:none} :root body .hero__label{position:absolute;left:0;right:0;top:40%;text-align:center;opacity:.75} :root body .hero__tag{position:absolute;left:0;right:0;top:54%;text-align:center;font-size:clamp(18px,1.7vw,24px);padding:0 var(--gut)} :root body .hero__foot{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} :root body .hero__after{position:absolute;left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom,0px));text-align:center;color:var(--ink);opacity:0;padding:0 var(--gut)} :root body .hero__after p{font-size:clamp(18px,1.7vw,24px)} :root body .statement{position:relative} :root body .statement__sticky{--cw:min(23vw,320px,33vh);position:relative;display:grid;place-items:center;padding-block:4vh calc(var(--cw) * 210 / 148 + 16vh);overflow:hidden} :root body .statement__card{position:absolute;z-index:1;left:50%;bottom:8vh;width:var(--cw);aspect-ratio:148/210;transform:translateX(-50%);opacity:0; background:linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%,rgba(110,66,62,.06)),var(--rose); box-shadow:0 22px 36px -20px rgba(43,35,33,.45),0 2px 6px rgba(43,35,33,.1),inset 0 0 0 .5px rgba(110,66,62,.18)} :root body .statement__photo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76%;aspect-ratio:2/3;visibility:hidden;box-shadow:0 1px 2px rgba(43,35,33,.25)} :root body .statement__text{position:relative;z-index:4;text-align:center;font-size:clamp(46px,8.6vw,136px);padding:0 var(--gut)} :root body .statement__text .row{display:block;overflow:hidden;padding:.14em 0 .04em;margin-top:-.14em} :root body .statement__text .row>span{display:inline-block} :root body .intro{display:grid;justify-items:center;gap:48px;text-align:center;padding:0 var(--gut) 16vh} :root body .intro__text{max-width:1080px;font:clamp(28px,3.5vw,54px)/1.1 var(--serif);text-wrap:balance} :root body .intro__text .w{opacity:.22} :root body .intro__small{max-width:520px} :root body .link{display:inline-flex;gap:6px;align-items:center;padding-bottom:7px;font:18px var(--serif);text-transform:uppercase;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .6s var(--ease)} :root body .link em{text-transform:none;font-style:italic} :root body .link--arrow{gap:12px;letter-spacing:.04em} :root body .link__arrow{display:inline-block;font-family:var(--sans);font-size:.95em;transition:transform .5s var(--ease-out)} :root body .link--arrow:hover .link__arrow{transform:translateX(6px)} :root body .wipe-panel{position:fixed;inset:0;z-index:45;overflow:hidden;background:var(--paper);transform:translateX(100%);will-change:transform} :root body .wipe-panel .packages{min-height:100%} :root body .link:hover{background-size:0 1px;background-position:100% 100%} :root body .backdrops{position:relative;background:var(--linen);padding:16vh 0 14vh;display:grid;gap:7vh} :root body .backdrops__head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 var(--gut)} :root body .backdrops__head h2{font-size:clamp(48px,6.6vw,108px)} :root body .backdrops__aside{display:grid;gap:22px;justify-items:end;max-width:340px} :root body .backdrops__nav{display:flex;gap:10px} :root body .backdrops__nav button{width:50px;height:50px;border:1px solid #2B232140;font:18px var(--sans);transition:background .4s,color .4s,opacity .4s} :root body .backdrops__nav button:hover{background:var(--wine);color:var(--paper);border-color:var(--wine)} :root body .backdrops__nav button:disabled{opacity:.3;pointer-events:none} :root body .backdrops__more{text-align:center} :root body .backdrops__track{display:flex;gap:3vw;padding:0 var(--gut);overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch} :root body .backdrops__track::-webkit-scrollbar{display:none} :root body .backdrops__track.is-drag{cursor:grabbing;scroll-snap-type:none} :root body .backdrops__track.is-drag *{pointer-events:none} :root body .bd{display:block;flex:none;width:min(34vw,480px);scroll-snap-align:start} :root body .bd .swatch{position:relative;aspect-ratio:1.12} :root body .bd .swatch img{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);transition:transform 1.2s var(--ease-out);user-select:none;-webkit-user-drag:none} @media (hover:hover){:root body .bd:hover .swatch img{transform:translateX(-50%) scale(1.03)}} :root body .bd__meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid #2B232126} :root body .bd__meta h3{font-size:34px} :root body .occasions{padding:14vh var(--gut) 16vh;text-align:center;background:var(--wine);color:var(--rose);border-bottom:1px solid rgba(211,176,178,.18)} :root body .occasions>h2{font-size:clamp(40px,4.6vw,76px);margin-bottom:6vh} :root body .occ-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;max-width:1100px;margin:0 auto} :root body .occ__no{display:block;font:15px var(--serif);margin-bottom:12px} :root body .occ h3{font-size:clamp(26px,2.2vw,36px);margin-bottom:12px} :root body .occ p{max-width:300px;margin:0 auto;font:16px/1.5 var(--serif);color:rgba(211,176,178,.78)} :root body .occ-cta{margin-top:9vh} :root body .g1{grid-column:1/6;aspect-ratio:.8;--c:var(--autumn)} :root body .g2{grid-column:7/10;aspect-ratio:.72;margin-top:20vh;--c:var(--taffeta)} :root body .g3{grid-column:10/13;aspect-ratio:.72;margin-top:6vh;--c:var(--lunar);color:var(--ink)} :root body .g4{grid-column:3/8;aspect-ratio:1.4;margin-top:6vh;--c:var(--olive)} :root body .g5{grid-column:9/12;aspect-ratio:.8;margin-top:-6vh;--c:var(--rose);color:var(--ink)} :root body .btn span{font-family:var(--sans);transition:transform .5s var(--ease-out)} :root body .btn:hover span{transform:translateX(6px)} :root body .btn{display:inline-flex;gap:8px;padding:18px 36px;background:var(--wine);color:var(--paper);font:18px var(--serif);text-transform:uppercase;transition:background .4s} :root body .btn em{text-transform:none;font-style:italic} :root body .btn:hover{background:var(--autumn)} :root body .gp{position:relative;height:220vh;background:var(--paper)} :root body .gp__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden} :root body .gp__cols{position:absolute;inset:-10vh var(--gut);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2vw} :root body .gp__col{display:grid;gap:2vw;align-content:start;will-change:transform} :root body .gp__col:nth-child(even){margin-top:-30vh} :root body .gp__img{display:block;overflow:hidden;aspect-ratio:2/3} :root body .gp__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out),filter .6s} :root body .gp__img:hover img{transform:scale(1.05)} :root body .gp__veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 46% at 50% 50%,rgba(243,239,234,.92),rgba(243,239,234,.55) 55%,rgba(243,239,234,0) 85%),linear-gradient(var(--paper),rgba(243,239,234,0) 14%,rgba(243,239,234,0) 86%,var(--paper))} :root body .gp__head{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:22px;justify-items:center;text-align:center;padding:clamp(28px,4vw,52px) clamp(32px,5vw,72px); background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(243,239,234,.32) 50%,rgba(255,255,255,.42));-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); box-shadow:inset 0 0 30px rgba(255,255,255,.25),0 30px 60px -30px rgba(43,35,33,.35)} :root body .gp__head h2{font-size:clamp(50px,6.4vw,110px);white-space:nowrap} :root body .footer{background:var(--wine);color:var(--rose);padding:10vh var(--gut) calc(28px + env(safe-area-inset-bottom,0px))} :root body .footer__rows{display:grid;gap:14px;justify-items:center;margin-top:4vh} :root body .footer__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px} :root body .footer__row a{transition:color .4s} :root body .footer__row a:hover{color:var(--paper)} :root body .footer__icon{display:inline-flex;transition:color .4s,transform .4s var(--ease-out)} :root body .footer__icon:hover{transform:translateY(-2px)} :root body .footer__row--legal{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.75} @media (max-width:480px){:root body .footer__row--legal{gap:12px 16px;letter-spacing:.08em}} :root body .footer__logo{display:block;position:relative;width:min(22vw,260px);aspect-ratio:1.616;margin:0 auto} @media (max-width:760px){:root body .gp__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;inset:-10vh 12px} :root body .gp__col{gap:12px} :root body .gp__col:nth-child(n+3){display:none} :root body .gp__head{width:calc(100% - 48px);padding:28px 20px} :root body .gp__head h2{white-space:normal} :root body .gp{height:200vh} :root body .footer__logo{width:36vw}} :root body .fl,:root body .fl-full{position:absolute;inset:0;background:currentColor} :root body .fl{-webkit-mask:var(--bb-logo) 0 0/100% 100% no-repeat,var(--band);-webkit-mask-composite:source-in;mask:var(--bb-logo) 0 0/100% 100% no-repeat,var(--band);mask-composite:intersect; opacity:0;transform:translateY(14px);filter:blur(6px); transition:opacity 1s calc(var(--i) * 140ms) ease,transform 1.2s calc(var(--i) * 140ms) cubic-bezier(.19,1,.22,1),filter 1s calc(var(--i) * 140ms) ease} :root body .fl-full{-webkit-mask:var(--bb-logo) 0 0/100% 100% no-repeat;mask:var(--bb-logo) 0 0/100% 100% no-repeat;opacity:0;transition:opacity .6s calc(var(--n) * 140ms + .7s) ease} :root body .footer__logo.is-in .fl{opacity:1;transform:none;filter:none} :root body .footer__logo.is-in .fl-full{opacity:1} :root body .vl{display:block} :root body .vm{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.14em .08em .1em;margin:-.14em -.08em -.1em} :root body .vw{display:inline-block;transform:translateY(calc(100% + .75em));transition:transform 1.4s calc(var(--stagger,0) * .1s + var(--delay,0s)) cubic-bezier(.19,1,.22,1)} :root body .is-in .vw{transform:none} :root body .pl{display:block;overflow:hidden} :root body .pl>span{display:block;transform:translateY(100%);transition:transform 1.2s calc(.2s + var(--stagger,0) * .1s) cubic-bezier(.19,1,.22,1)} :root body .is-in .pl>span{transform:none} :root body .reveal{transform:translateY(36px);opacity:.35;transition:transform 1.2s var(--ease-out),opacity 1.2s var(--ease-out)} :root body .reveal.in{transform:none;opacity:1} :root body .clip{clip-path:inset(10% 10% 10% 10%);transition:clip-path 1.2s calc(var(--index,0) * 80ms) cubic-bezier(.19,1,.22,1)} :root body .clip.in{clip-path:inset(0)} @media (max-width:760px){:root body .pill{padding:10px 14px;font-size:14px} :root body .statement__sticky{--cw:52vw} :root body .backdrops{padding:12vh 0 10vh;gap:5vh} :root body .backdrops__head{flex-direction:column;align-items:start} :root body .backdrops__aside{justify-items:start} :root body .backdrops__nav{display:none} :root body .bd{width:78vw} :root body .occasions{padding:10vh var(--gut)} :root body .occ-list{grid-template-columns:1fr;gap:5vh} :root body .g1,:root body .g2,:root body .g3,:root body .g4,:root body .g5{grid-column:auto;margin-top:0} :root body .g1,:root body .g4{grid-column:1/-1}} @media (prefers-reduced-motion:reduce){} :root body .burger{position:absolute;left:50%;top:calc(16px + 6px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:48px;height:46px;display:grid;place-content:center;gap:7px;color:var(--paper);transition:color .4s} :root body .burger span{display:block;width:30px;height:1.5px;background:currentColor;transition:transform .5s var(--ease-out),width .5s var(--ease-out)} :root body .burger span:last-child{width:20px;justify-self:center} :root body .burger:hover span:last-child{width:30px} :root body .header.on-light .burger{color:var(--wine)} :root body .menu{position:fixed;left:0;right:0;top:0;z-index:60;color:var(--rose);display:flex;flex-direction:column;align-items:center;text-align:center; padding:calc(26px + env(safe-area-inset-top,0px)) var(--gut) 24px; background:rgba(97,45,52,.84);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%); box-shadow:0 30px 60px -30px rgba(28,20,18,.55);transform:translateY(-102%);visibility:hidden;transition:transform .9s var(--ease),visibility 0s .9s} :root body .menu.is-open{transform:none;visibility:visible;transition:transform .9s var(--ease)} :root body .header{transition:opacity .4s} :root body .header.menu-open{opacity:0} :root body .header.menu-open>*{pointer-events:none} :root body .menu__logo{width:clamp(110px,10vw,140px);aspect-ratio:1.616;color:var(--rose);transition:color .4s} :root body .menu__logo:hover{color:var(--paper)} :root body .menu__links{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,26px);margin:clamp(34px,6vh,64px) 0 clamp(26px,4vh,44px)} :root body .menu__links a{font-size:clamp(36px,min(5.4vw,6.4vh),72px);line-height:1;transition:color .4s} :root body .menu__links a:hover{color:var(--paper)} :root body .menu__links li{list-style:none;overflow:hidden;padding:.12em .1em .06em} :root body .menu__links a{display:inline-block;transform:translateY(110%);transition:transform .3s var(--ease),color .4s} :root body .menu.is-open .menu__links a{transform:none;transition:transform 1.1s calc(.35s + var(--i) * 70ms) cubic-bezier(.19,1,.22,1),color .4s} :root body .menu__x{position:relative;width:54px;height:54px;flex:none;color:var(--rose);transition:color .4s,transform .5s var(--ease-out)} :root body .menu__x::before,:root body .menu__x::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)} :root body .menu__x::after{transform:translate(-50%,-50%) rotate(-45deg)} :root body .menu__x:hover{color:var(--paper);transform:rotate(90deg)} :root body .footer{background:var(--wine);color:var(--rose);border-top:1px solid rgba(211,176,178,.18);padding:10vh var(--gut) calc(28px + env(safe-area-inset-bottom,0px))} :root body .footer__rows{display:grid;gap:14px;justify-items:center;margin-top:4vh} :root body .footer__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px} :root body .footer__row a{transition:color .4s} :root body .footer__row a:hover{color:var(--paper)} :root body .footer__icon{display:inline-flex;transition:color .4s,transform .4s var(--ease-out)} :root body .footer__icon:hover{transform:translateY(-2px)} :root body .footer__row--legal{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.75} @media (max-width:480px){:root body .footer__row--legal{gap:12px 16px;letter-spacing:.08em}} :root body .footer__logo{display:block;position:relative;width:min(22vw,260px);aspect-ratio:1.616;margin:0 auto} @media (max-width:760px){:root body .footer__logo{width:36vw}} :root body .fl,:root body .fl-full{position:absolute;inset:0;background:currentColor} :root body .fl{-webkit-mask:var(--bb-logo) 0 0/100% 100% no-repeat,var(--band);-webkit-mask-composite:source-in;mask:var(--bb-logo) 0 0/100% 100% no-repeat,var(--band);mask-composite:intersect; opacity:0;transform:translateY(14px);filter:blur(6px); transition:opacity 1s calc(var(--i) * 140ms) ease,transform 1.2s calc(var(--i) * 140ms) cubic-bezier(.19,1,.22,1),filter 1s calc(var(--i) * 140ms) ease} :root body .fl-full{-webkit-mask:var(--bb-logo) 0 0/100% 100% no-repeat;mask:var(--bb-logo) 0 0/100% 100% no-repeat;opacity:0;transition:opacity .6s calc(var(--n) * 140ms + .7s) ease} :root body .footer__logo.is-in .fl{opacity:1;transform:none;filter:none} :root body .footer__logo.is-in .fl-full{opacity:1} :root body .af-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;visibility:hidden;pointer-events:none} :root body .af-modal.is-open{visibility:visible;pointer-events:auto} :root body .af-modal__bg{position:absolute;inset:0;background:rgba(28,20,18,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)} :root body .af-modal.is-open .af-modal__bg{opacity:1} :root body .af-panel{position:relative;isolation:isolate;width:min(1240px,100%);max-height:calc(100vh - 48px);max-height:calc(100svh - 48px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch; padding:clamp(28px,4.5vw,64px);color:var(--ink,#2B2321); /* Liquid Glass: durchscheinend, stark weichgezeichnet, Lichtschein oben links, ohne helle Randlinien */ background: radial-gradient(90% 55% at 12% 0%,rgba(255,255,255,.55),rgba(255,255,255,0) 60%), radial-gradient(70% 50% at 100% 100%,rgba(255,255,255,.3),rgba(255,255,255,0) 60%), linear-gradient(135deg,rgba(255,255,255,.58),rgba(243,239,234,.42) 45%,rgba(255,255,255,.5)); background-attachment:local; -webkit-backdrop-filter:blur(34px) saturate(200%) brightness(1.06);backdrop-filter:blur(34px) saturate(200%) brightness(1.06); border:0; box-shadow:inset 0 0 40px rgba(255,255,255,.28),0 50px 90px -30px rgba(28,20,18,.6),0 2px 6px rgba(28,20,18,.08); opacity:0;transform:translateY(34px) scale(.98);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.19,1,.22,1)} :root body .af-modal.is-open .af-panel{opacity:1;transform:none} :root body .af-panel:focus{outline:none} :root body .af-x{position:sticky;top:0;display:block;margin:-14px -14px -30px auto;z-index:2;width:44px;height:44px;border:0;background:none;cursor:pointer;color:inherit;transition:transform .5s cubic-bezier(.22,1,.36,1)} :root body .af-x::before,:root body .af-x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)} :root body .af-x::after{transform:translate(-50%,-50%) rotate(-45deg)} :root body .af-x:hover{transform:rotate(90deg)} :root body .af-grid{display:grid;gap:clamp(40px,6vh,64px);max-width:1120px;margin:0 auto;text-align:center;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;column-gap:clamp(40px,6vw,96px)} :root body .af-intro .af-lead{max-width:560px} :root body .af-intro{display:grid;gap:22px;justify-items:center;position:sticky;top:0} :root body .af-label{margin:0;font:16px/1.2 var(--serif,serif);text-transform:uppercase;letter-spacing:.03em} :root body .af-intro em,:root body .af-step h3 em,:root body .af-send em{font-style:italic;text-transform:none} :root body .af-intro h2{margin:0;font:400 clamp(44px,5.6vw,92px)/.9 var(--serif,serif);text-transform:uppercase;letter-spacing:-.01em} :root body .af-lead{margin:0;font:clamp(18px,1.6vw,24px)/1.3 var(--serif,serif)} :root body .af-contact{list-style:none;margin:8px 0 0;padding:0;width:100%;max-width:420px;border-top:1px solid rgba(43,35,33,.3);display:none} :root body .af-contact li{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid rgba(43,35,33,.3);font:14px var(--sans,sans-serif)} :root body .af-contact b{font:500 11px/1.6 var(--sans,sans-serif);letter-spacing:.12em;text-transform:uppercase} :root body .af-contact a{color:inherit;transition:color .3s} :root body .af-contact a:hover{color:var(--wine,#612D34)} :root body .af-contact svg{display:block} :root body .af-form{display:grid;gap:clamp(36px,5vh,52px)} :root body .af-step{border:0;margin:0;padding:0;min-width:0} :root body .af-step h3,:root body .af-step legend{display:flex;justify-content:center;align-items:baseline;gap:12px;width:100%;margin:0 0 18px;padding:0;font:400 clamp(26px,2.4vw,34px)/1 var(--serif,serif);text-transform:uppercase} :root body .af-step legend em{font-style:italic;font-size:.9em} :root body .af-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px} :root body .af-chips label{position:relative;cursor:pointer} :root body .af-chips input{position:absolute;opacity:0;pointer-events:none} :root body .af-chips span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid rgba(43,35,33,.6);border-radius:999px;background:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);font:18px/1 var(--serif,serif);transition:background .3s,color .3s,border-color .3s} :root body .af-chips label:hover span{border-color:var(--wine,#612D34);color:var(--wine,#612D34)} :root body .af-chips input:checked+span{background:var(--wine,#612D34);border-color:var(--wine,#612D34);color:var(--paper,#F3EFEA)} :root body .af-chips input:focus-visible+span{outline:2px solid var(--wine,#612D34);outline-offset:3px} :root body .af-fields{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px} :root body .af-fields .full{grid-column:1/-1} :root body .af-fields label{display:flex;flex-direction:column-reverse;font:500 11px/1.4 var(--sans,sans-serif);letter-spacing:.12em;text-transform:uppercase} :root body .af-fields input,:root body .af-fields textarea{display:block;width:100%;text-align:center;margin:0 0 8px;padding:10px 0;border:0;border-bottom:1px solid rgba(43,35,33,.45);border-radius:0;background:transparent;font:16px var(--sans,sans-serif);color:inherit;letter-spacing:0;text-transform:none;-webkit-appearance:none;appearance:none} :root body .af-fields input:focus,:root body .af-fields textarea:focus{outline:none;border-bottom-color:var(--wine,#612D34)} :root body .af-fields textarea{min-height:110px;resize:vertical} :root body .af-fields .af-msg{flex-direction:column} :root body .af-fields .af-msg textarea{margin:10px 0 0;padding:14px 16px;min-height:130px;border:1px solid rgba(43,35,33,.45);background:rgba(255,255,255,.35);text-align:left;line-height:1.5} :root body .af-fields .af-msg textarea:focus{border-color:var(--wine,#612D34)} :root body .af-consent{display:flex;justify-content:center;text-align:center;max-width:520px;margin:0 auto;gap:12px;align-items:flex-start;font:13px/1.5 var(--sans,sans-serif);color:#4a403d} :root body .af-consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--wine,#612D34)} :root body .af-send{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:18px 34px;border:0;cursor:pointer;background:var(--wine,#612D34);color:var(--paper,#F3EFEA);font:17px var(--serif,serif);text-transform:uppercase;letter-spacing:.04em;transition:background .4s} :root body .af-send:hover{background:var(--autumn,#6E423E)} :root body .af-status{text-align:center;margin:-28px 0 0;color:var(--wine,#612D34);min-height:1em;font:15px var(--serif,serif)} :root.af-lock,:root.af-lock body{overflow:hidden} :root body .af-panel.is-done .af-grid{display:none} :root body .af-done{display:grid;justify-items:center;text-align:center;gap:22px;max-width:640px;margin:0 auto;padding:clamp(28px,7vh,72px) 0 clamp(20px,5vh,48px)} :root body .af-done[hidden]{display:none} :root body .af-done__seal{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--wine,#612D34);box-shadow:0 22px 44px -20px rgba(97,45,52,.65);transform:scale(.55);opacity:0;transition:transform .9s cubic-bezier(.34,1.56,.64,1),opacity .4s} :root body .af-done__seal svg{width:46px;height:46px;overflow:visible} :root body .af-done__seal path{fill:none;stroke:var(--paper,#F3EFEA);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .8s .45s cubic-bezier(.22,1,.36,1)} :root body .af-done.is-in .af-done__seal{transform:none;opacity:1} :root body .af-done.is-in .af-done__seal path{stroke-dashoffset:0} :root body .af-done>:not(.af-done__seal){opacity:0;transform:translateY(16px);transition:opacity .7s,transform 1s cubic-bezier(.19,1,.22,1)} :root body .af-done.is-in>:not(.af-done__seal){opacity:1;transform:none} :root body .af-done.is-in>:nth-child(2){transition-delay:.35s} :root body .af-done.is-in>:nth-child(3){transition-delay:.45s} :root body .af-done.is-in>:nth-child(4){transition-delay:.55s} :root body .af-done.is-in>:nth-child(5){transition-delay:.65s} :root body .af-done.is-in>:nth-child(6){transition-delay:.75s} :root body .af-done__kicker{margin:6px 0 0;font:500 11px/1.4 var(--sans,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#6B605C} :root body .af-done__title{margin:0;font:400 clamp(52px,7.4vw,100px)/.92 var(--serif,serif);text-transform:uppercase;letter-spacing:-.01em} :root body .af-done__title em{font-style:italic;text-transform:none;letter-spacing:-.015em} :root body .af-done__text{margin:0;max-width:470px;font:clamp(18px,1.6vw,21px)/1.45 var(--serif,serif)} :root body .af-done__sum{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:2px 0 0;padding:0;list-style:none} :root body .af-done__sum:empty{display:none} :root body .af-done__sum li{padding:8px 16px;border:1px solid rgba(97,45,52,.28);border-radius:999px;background:rgba(255,255,255,.4);font:15px/1.2 var(--serif,serif)} :root body .af-done__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;margin-top:12px} :root body .af-done__close{display:inline-flex;align-items:center;padding:17px 34px;border:0;cursor:pointer;background:var(--wine,#612D34);color:var(--paper,#F3EFEA);font:17px var(--serif,serif);text-transform:uppercase;letter-spacing:.04em;transition:background .4s} :root body .af-done__close:hover{background:var(--autumn,#6E423E)} :root body .af-done__link{font:17px var(--serif,serif);text-transform:uppercase;letter-spacing:.04em;color:var(--wine,#612D34);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px} @media (min-width:901px){:root body .af-contact{display:block} :root body .af-grid{text-align:left} :root body .af-intro{justify-items:start} :root body .af-step legend{justify-content:flex-start} :root body .af-chips{justify-content:flex-start} :root body .af-fields input,:root body .af-fields textarea{text-align:left} :root body .af-consent{justify-content:flex-start;text-align:left;margin:0} :root body .af-send{justify-self:start} :root body .af-status{text-align:left}} @media (max-width:900px){:root body .af-modal{padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px))} :root body .af-panel{width:100%;height:100%;max-height:none;padding:24px 18px 32px;transform:translateY(40px)} :root body .af-x{margin:-6px -6px -38px auto} :root body .af-grid{gap:40px;grid-template-columns:1fr} :root body .af-intro{position:static} :root body .af-intro{gap:18px;padding-top:8px} :root body .af-intro h2{font-size:clamp(44px,13vw,64px)} :root body .af-fields{grid-template-columns:1fr;gap:18px} :root body .af-fields--when{grid-template-columns:1fr 1fr;gap:18px 14px} :root body .af-chips span{font-size:17px;padding:8px 16px} :root body .af-send{justify-self:stretch;justify-content:center}} :root body .roll{position:relative;display:inline-flex;overflow:hidden;vertical-align:top;padding:.12em 0;margin:-.12em 0} :root body .roll__a,:root body .roll__b{display:inline-block;white-space:nowrap;transition:transform .65s cubic-bezier(.25,1,.5,1)} :root body .roll__b{position:absolute;left:0;top:.12em;transform:translateY(calc(100% + .4em))} @media (hover:hover){:root body :is(.pill,.btn,.link,.pk-cta__btn,.ab-btn,.af-send,.af-done__close,.bdp-btn):hover .roll__a{transform:translateY(calc(-100% - .4em))} :root body :is(.pill,.btn,.link,.pk-cta__btn,.ab-btn,.af-send,.af-done__close,.bdp-btn):hover .roll__b{transform:none} :root body .link:hover{animation:link-line .6s cubic-bezier(.55,0,.1,1) both}} @keyframes link-line{0%{background-size:100% 1px;background-position:100% 100%}49.9%{background-size:0% 1px;background-position:100% 100%}50%{background-size:0% 1px;background-position:0 100%}100%{background-size:100% 1px;background-position:0 100%}} /* ---- pakete.html ---- */ :root body:has(.pk-stack){min-height:100vh} :root body:has(.pk-stack) .pk-bg{position:fixed;inset:-40px;z-index:-1} :root body:has(.pk-stack) .pk-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:blur(30px) saturate(115%);transform:scale(1.08)} :root body:has(.pk-stack) .pk-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,239,234,.78),rgba(243,239,234,.62) 50%,rgba(243,239,234,.85))} :root body:has(.pk-stack) .pk-main{padding:calc(150px + env(safe-area-inset-top,0px)) var(--gut) 14vh;animation:pk-in .9s var(--ease-out) both} @keyframes pk-in{from{transform:translateX(6vw);opacity:0}to{transform:none;opacity:1}} :root body:has(.pk-stack) .pk-back{display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6vh} :root body:has(.pk-stack) .pk-back span{transition:transform .5s var(--ease-out)} :root body:has(.pk-stack) .pk-back:hover span{transform:translateX(-5px)} :root body:has(.pk-stack) .packages__head{display:grid;gap:22px;max-width:760px;margin:0 auto 7vh;text-align:center;justify-items:center} :root body:has(.pk-stack) .packages__head h1{font-size:clamp(52px,7vw,116px)} :root body:has(.pk-stack) .packages__head p:last-child{max-width:520px;color:#4a403d} :root body:has(.pk-stack) .pk-stack{--strip:84px;--top:calc(96px + env(safe-area-inset-top,0px));max-width:1180px;margin:0 auto;padding-bottom:0} :root body:has(.pk-stack) .pk-item{--bg:var(--paper);--fg:var(--ink);position:sticky;top:calc(var(--top) + var(--i) * var(--strip));background:var(--bg);color:var(--fg);border-top:1px solid rgba(43,35,33,.22); min-height:calc(100vh - var(--top) - var(--i) * var(--strip));min-height:calc(100svh - var(--top) - var(--i) * var(--strip))} :root body:has(.pk-stack) .pk-item--rose{--bg:#D3B0B2} :root body:has(.pk-stack) .pk-item--sage{--bg:#999D4F} :root body:has(.pk-stack) .pk-item--wine{--bg:#612D34;--fg:#D3B0B2;border-top-color:rgba(211,176,178,.35)} :root body:has(.pk-stack) .pk-item--rose .pk-tag{background:var(--paper)} :root body:has(.pk-stack) .pk-item--rose .pk-text ul,:root body:has(.pk-stack) .pk-item--rose .pk-text li,:root body:has(.pk-stack) .pk-item--sage .pk-text ul,:root body:has(.pk-stack) .pk-item--sage .pk-text li{border-color:rgba(43,35,33,.22)} :root body:has(.pk-stack) .pk-item--wine .pk-text ul,:root body:has(.pk-stack) .pk-item--wine .pk-text li{border-color:rgba(211,176,178,.28)} :root body:has(.pk-stack) .pk-item{box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)} :root body:has(.pk-stack) .pk-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;height:var(--strip)} :root body:has(.pk-stack) .pk-no{font:italic 26px var(--serif)} :root body:has(.pk-stack) .pk-name{font-size:clamp(40px,4.4vw,64px);display:flex;align-items:center;gap:16px} :root body:has(.pk-stack) .pk-tag{font-style:normal;padding:6px 10px;background:var(--rose);color:var(--ink);letter-spacing:.1em} :root body:has(.pk-stack) .pk-price{font:32px/1 var(--serif);display:flex;align-items:baseline;gap:8px;white-space:nowrap} :root body:has(.pk-stack) .pk-body{padding:6px 0 44px 90px} :root body:has(.pk-stack) .pk-text{display:grid;gap:14px;align-content:start;max-width:760px} :root body:has(.pk-stack) .pk-text ul{columns:2;column-gap:48px} :root body:has(.pk-stack) .pk-text li{break-inside:avoid} :root body:has(.pk-stack) .pk-lead{font:24px/1.2 var(--serif)} :root body:has(.pk-stack) .pk-incl{margin-top:8px} :root body:has(.pk-stack) .pk-text ul{list-style:none;border-top:1px solid rgba(43,35,33,.14)} :root body:has(.pk-stack) .pk-text li{padding:10px 0;border-bottom:1px solid rgba(43,35,33,.14);font-size:14px} :root body:has(.pk-stack) .pk-text .link{justify-self:start;margin-top:10px} :root body:has(.pk-stack) .packages__extras{max-width:760px;margin:6vh auto 0;display:grid;gap:28px;justify-items:center;text-align:center} :root body:has(.pk-stack) .pk-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 30px;background:var(--wine);color:var(--paper);font:17px var(--serif);text-transform:uppercase;letter-spacing:.04em;transition:background .4s} :root body:has(.pk-stack) .pk-btn em{text-transform:none;font-style:italic} :root body:has(.pk-stack) .pk-btn span{font-family:var(--sans);transition:transform .5s var(--ease-out)} :root body:has(.pk-stack) .pk-btn:hover{background:var(--autumn)} :root body:has(.pk-stack) .pk-btn:hover span{transform:translateX(6px)} :root body:has(.pk-stack) .pk-travel{font:11px/1.4 var(--sans);letter-spacing:.06em;color:#6B605C} :root body:has(.pk-stack) .pk-note-wrap{position:relative;margin-top:18px;width:min(330px,86vw);transform:rotate(-2.5deg); filter:drop-shadow(0 16px 18px rgba(43,35,33,.22)) drop-shadow(0 2px 3px rgba(43,35,33,.12))} :root body:has(.pk-stack) .pk-note{position:relative;padding:38px 30px 34px;text-align:left; clip-path:polygon(0 1.5%,3% 0,40% .8%,70% 0,100% 1%,100% calc(100% - 46px),calc(100% - 42px) 100%,62% 99.2%,30% 100%,0 99%); background: linear-gradient(112deg,transparent 46%,rgba(255,255,255,.38) 47.2%,rgba(97,45,52,.13) 47.9%,transparent 50.5%), linear-gradient(181deg,transparent 57%,rgba(97,45,52,.11) 57.8%,rgba(255,255,255,.32) 58.6%,transparent 60.5%), radial-gradient(90% 60% at 25% 15%,rgba(255,255,255,.28),transparent 65%), radial-gradient(120% 90% at 100% 100%,rgba(97,45,52,.14),transparent 55%), radial-gradient(80% 70% at 0% 100%,rgba(97,45,52,.08),transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .18 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), #D3B0B2} :root body:has(.pk-stack) .pk-note::after{content:"";position:absolute;right:0;bottom:0;width:42px;height:46px; background:linear-gradient(225deg,transparent 49%,rgba(97,45,52,.18) 50%,#e3c6c7 56%,#c9a3a6 100%); box-shadow:-3px -3px 6px rgba(43,35,33,.12)} :root body:has(.pk-stack) .pk-note__tape{position:absolute;left:50%;top:-14px;width:104px;height:28px;transform:translateX(-50%) rotate(3deg); background:linear-gradient(180deg,rgba(255,252,246,.72),rgba(240,232,220,.62)); clip-path:polygon(0 8%,4% 0,9% 10%,14% 2%,86% 4%,91% 0,96% 9%,100% 3%,100% 92%,95% 100%,90% 90%,85% 98%,15% 96%,10% 100%,5% 91%,0 98%); box-shadow:0 1px 2px rgba(43,35,33,.1)} :root body:has(.pk-stack) .pk-note__title{font:30px/1 var(--serif);margin-bottom:14px;color:#3a2a28} :root body:has(.pk-stack) .pk-note ul{list-style:none} :root body:has(.pk-stack) .pk-note li{font:19px/1.35 var(--serif);padding:7px 0;border-bottom:1px solid rgba(97,45,52,.16);color:#3a2a28} :root body:has(.pk-stack) .pk-note li:last-child{border-bottom:0} :root body:has(.pk-stack) .pk-cta{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:40;transform:translate(-50%,180%);transition:transform .6s var(--ease-out)} :root body:has(.pk-stack) .pk-cta.is-on{transform:translate(-50%,0)} :root body:has(.pk-stack) .pk-cta__btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:16px 28px;white-space:nowrap; font:16px var(--serif);text-transform:uppercase;letter-spacing:.04em;color:var(--ink); background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.12) 50%,rgba(255,255,255,.22)); -webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%); border:1px solid rgba(255,255,255,.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 18px rgba(255,255,255,.14),0 14px 34px -12px rgba(43,35,33,.35); transition:background .4s,transform .4s var(--ease-out)} :root body:has(.pk-stack) .pk-cta__btn em{text-transform:none;font-style:italic} :root body:has(.pk-stack) .pk-cta__btn::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.3),rgba(255,255,255,0) 55%)} :root body:has(.pk-stack) .pk-cta__btn span[aria-hidden]{font-family:var(--sans);transition:transform .5s var(--ease-out)} :root body:has(.pk-stack) .pk-cta__btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.2) 50%,rgba(255,255,255,.3));transform:translateY(-1px)} :root body:has(.pk-stack) .pk-cta__btn:hover span[aria-hidden]{transform:translateX(6px)} @media (max-width:760px){:root body:has(.pk-stack) .pill{padding:10px 14px;font-size:14px} :root body:has(.pk-stack) .pk-stack{--strip:64px;--top:calc(84px + env(safe-area-inset-top,0px))} :root body:has(.pk-stack) .pk-row{grid-template-columns:34px 1fr auto;gap:10px} :root body:has(.pk-stack) .pk-no{font-size:20px} :root body:has(.pk-stack) .pk-name{font-size:36px} :root body:has(.pk-stack) .pk-tag{display:none} :root body:has(.pk-stack) .pk-price{font-size:24px} :root body:has(.pk-stack) .pk-body{padding:6px 0 32px} :root body:has(.pk-stack) .pk-text ul{columns:1} :root body:has(.pk-stack) .pk-cta__btn{padding:14px 22px;font-size:15px}} /* ---- backdrops.html ---- */ :root body:has(.bdp-stack) .bdp-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.bdp-stack) .bdp-back span{transition:transform .5s var(--ease-out)} :root body:has(.bdp-stack) .bdp-back:hover span{transform:translateX(-5px)} :root body:has(.bdp-stack) .bdp-hero{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 8vh;display:grid;gap:3vh;justify-items:center;text-align:center} :root body:has(.bdp-stack) .bdp-hero h1{font-size:clamp(54px,9vw,170px);line-height:.88} :root body:has(.bdp-stack) .bdp-hero .lead{max-width:560px} :root body:has(.bdp-stack) .bdp-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3vw;padding:4vh var(--gut) 16vh;background:var(--paper)} :root body:has(.bdp-stack) .bdp-thumb{display:grid;gap:14px;justify-items:center;text-align:center} :root body:has(.bdp-stack) .bdp-thumb img{width:100%;height:auto;aspect-ratio:1.12;object-fit:contain;object-position:50% 100%;transition:transform 1s var(--ease-out)} :root body:has(.bdp-stack) .bdp-thumb:hover img{transform:translateY(-6px)} :root body:has(.bdp-stack) .bdp-stack{--strip:60px;--top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.bdp-stack) .bdp-item{--bg:var(--paper);--fg:var(--ink);position:sticky;top:calc(var(--top) + var(--i) * var(--strip));background:var(--bg);color:var(--fg); border-top:1px solid rgba(43,35,33,.22);padding:0 var(--gut);box-shadow:0 -14px 24px -18px rgba(43,35,33,.28); min-height:calc(100vh - var(--top) - var(--i) * var(--strip));min-height:calc(100svh - var(--top) - var(--i) * var(--strip))} :root body:has(.bdp-stack) .bdp-stack__end{height:40vh} :root body:has(.bdp-stack) .bdp-row{cursor:pointer;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;height:var(--strip)} :root body:has(.bdp-stack) .bdp-num{font:italic 26px var(--serif)} :root body:has(.bdp-stack) .bdp-row:hover .bdp-name{color:var(--wine)} :root body:has(.bdp-stack) .bdp-name{transition:color .3s;font-size:clamp(32px,3.2vw,48px)} :root body:has(.bdp-stack) .bdp-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5vw;align-items:center;padding:4px 0 20px 90px} :root body:has(.bdp-stack) .bdp-set__img{height:calc(100vh - var(--top) - 4 * var(--strip) - 28px);height:calc(100svh - var(--top) - 4 * var(--strip) - 28px);min-height:300px;aspect-ratio:2/3;overflow:hidden} :root body:has(.bdp-stack) .bdp-set__img{position:relative} :root body:has(.bdp-stack) .bdp-slider{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain} :root body:has(.bdp-stack) .bdp-slider::-webkit-scrollbar{display:none} :root body:has(.bdp-stack) .bdp-slide{flex:none;width:100%;height:100%;scroll-snap-align:start} :root body:has(.bdp-stack) .bdp-slide img{width:100%;height:100%;object-fit:cover;display:block} :root body:has(.bdp-stack) .bdp-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;pointer-events:none} :root body:has(.bdp-stack) .bdp-dots i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.5;transition:opacity .3s,transform .3s} :root body:has(.bdp-stack) .bdp-dots i.on{opacity:1;transform:scale(1.3)} :root body:has(.bdp-stack) .bdp-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:15px var(--sans);opacity:0;transition:opacity .3s,background .3s} :root body:has(.bdp-stack) .bdp-nav--prev{left:10px} :root body:has(.bdp-stack) .bdp-nav--next{right:10px} :root body:has(.bdp-stack) .bdp-set__img:hover .bdp-nav{opacity:1} :root body:has(.bdp-stack) .bdp-nav:hover{background:#fff} :root body:has(.bdp-stack) .bdp-nav[disabled]{opacity:0!important;pointer-events:none} @media (hover:none){:root body:has(.bdp-stack) .bdp-nav{display:none}} :root body:has(.bdp-stack) .bdp-set__text{display:grid;gap:22px;justify-items:start;max-width:440px} :root body:has(.bdp-stack) .bdp-desc{font:clamp(18px,1.5vw,22px)/1.45 var(--serif)} :root body:has(.bdp-stack) .bdp-own{padding:18vh var(--gut);text-align:center;display:grid;gap:4vh;justify-items:center;background:var(--wine);color:var(--rose)} :root body:has(.bdp-stack) .bdp-own h2{font-size:clamp(46px,6.4vw,110px)} :root body:has(.bdp-stack) .bdp-own p{max-width:520px;font:clamp(18px,1.5vw,22px)/1.45 var(--serif)} :root body:has(.bdp-stack) .clip{clip-path:inset(10% 10% 10% 10%);transition:clip-path 1.2s cubic-bezier(.19,1,.22,1)} :root body:has(.bdp-stack) .clip.is-in{clip-path:inset(0)} :root body:has(.bdp-stack) main{animation:bdp-in .9s var(--ease-out) both} @keyframes bdp-in{from{transform:translateX(6vw);opacity:0}to{transform:none;opacity:1}} @media (max-width:760px){:root body:has(.bdp-stack) .bdp-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.bdp-stack) .bdp-hero{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 6vh} :root body:has(.bdp-stack) .bdp-overview{grid-template-columns:1fr 1fr;gap:28px 16px;padding-bottom:10vh} :root body:has(.bdp-stack) .bdp-stack{--strip:48px;--top:calc(84px + env(safe-area-inset-top,0px))} :root body:has(.bdp-stack) .bdp-row{grid-template-columns:34px 1fr auto;gap:10px} :root body:has(.bdp-stack) .bdp-num{font-size:20px} :root body:has(.bdp-stack) .bdp-name{font-size:28px} :root body:has(.bdp-stack) .bdp-body{grid-template-columns:1fr;gap:16px;padding:2px 0 22px} :root body:has(.bdp-stack) .bdp-set__img{height:calc(100svh - var(--top) - 4 * var(--strip) - 170px);min-height:300px;justify-self:center} :root body:has(.bdp-stack) .bdp-body{justify-items:center} :root body:has(.bdp-stack) .bdp-set__text{justify-items:start;text-align:left} :root body:has(.bdp-stack) .bdp-own{padding:13vh var(--gut)}} /* ---- galerie.html ---- */ :root body:has(.gl-grid) .gl-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.gl-grid) .gl-back span{transition:transform .5s var(--ease-out)} :root body:has(.gl-grid) .gl-back:hover span{transform:translateX(-5px)} :root body:has(.gl-grid) .gl-hero{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 8vh;display:grid;gap:4vh;justify-items:center;text-align:center} :root body:has(.gl-grid) .gl-hero h1{font-size:clamp(54px,9vw,170px);line-height:.88} :root body:has(.gl-grid) .gl-hero .gl-intro{max-width:440px;font:17px/1.5 var(--serif)} :root body:has(.gl-grid) .gl-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 var(--gut) 6vh} :root body:has(.gl-grid) .gl-filter>span{font:500 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-right:14px} :root body:has(.gl-grid) .gl-filter button{padding:12px 20px;font:16px var(--serif);background:rgba(255,255,255,.55);box-shadow:0 2px 14px rgba(43,35,33,.06);transition:background .4s,color .4s} :root body:has(.gl-grid) .gl-filter button:hover{background:#fff} :root body:has(.gl-grid) .gl-filter button.is-on{background:var(--wine);color:var(--paper)} :root body:has(.gl-grid) .gl-grid{list-style:none;margin:0;padding:0 var(--gut) 8vh;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8vh 3vw} :root body:has(.gl-grid) .gl-item{display:grid;gap:12px;justify-items:center;opacity:0;transform:translateY(24px);transition:opacity .8s calc(var(--d) * .1s) cubic-bezier(.22,1,.36,1),transform .8s calc(var(--d) * .1s) cubic-bezier(.22,1,.36,1)} :root body:has(.gl-grid) .gl-item.is-in{opacity:1;transform:none} :root body:has(.gl-grid) .gl-item[hidden]{display:none} :root body:has(.gl-grid) .gl-btn{display:block;width:72%;padding:0;cursor:zoom-in} :root body:has(.gl-grid) .gl-btn img,:root body:has(.gl-grid) .gl-ph{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;transition:transform 1s var(--ease-out),filter .6s} :root body:has(.gl-grid) .gl-ph{width:72%} :root body:has(.gl-grid) .gl-btn:hover img{transform:scale(1.04)} :root body:has(.gl-grid) .gl-cap{color:var(--muted);text-align:center} :root body:has(.gl-grid) .gl-end{padding:4vh var(--gut) 14vh;text-align:center;display:grid;gap:4vh;justify-items:center} :root body:has(.gl-grid) .gl-end h2{font-size:clamp(44px,6vw,100px)} :root body:has(.gl-grid) .lb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;visibility:hidden;pointer-events:none} :root body:has(.gl-grid) .lb.is-open{visibility:visible;pointer-events:auto} :root body:has(.gl-grid) .lb__bg{position:absolute;inset:0;background:rgba(28,20,18,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .5s var(--ease-out)} :root body:has(.gl-grid) .lb.is-open .lb__bg{opacity:1} :root body:has(.gl-grid) .lb__panel{position:relative;display:grid;justify-items:center;grid-template-rows:1fr auto;align-items:center;gap:22px;width:min(320px,100%);aspect-ratio:3/4;padding:40px 28px 30px;color:var(--ink); background:radial-gradient(90% 55% at 12% 0%,rgba(255,255,255,.55),rgba(255,255,255,0) 60%),radial-gradient(70% 50% at 100% 100%,rgba(255,255,255,.3),rgba(255,255,255,0) 60%),linear-gradient(135deg,rgba(255,255,255,.58),rgba(243,239,234,.42) 45%,rgba(255,255,255,.5)); -webkit-backdrop-filter:blur(34px) saturate(200%) brightness(1.06);backdrop-filter:blur(34px) saturate(200%) brightness(1.06); box-shadow:inset 0 0 40px rgba(255,255,255,.28),0 50px 90px -30px rgba(28,20,18,.6),0 2px 6px rgba(28,20,18,.08); opacity:0;transform:translateY(30px) scale(.98);transition:opacity .5s var(--ease-out),transform .8s cubic-bezier(.19,1,.22,1)} :root body:has(.gl-grid) .lb.is-open .lb__panel{opacity:1;transform:none} :root body:has(.gl-grid) .lb__set{display:block;width:100%;height:auto;object-fit:contain} :root body:has(.gl-grid) .lb__title{align-self:end;padding-bottom:4px;font:500 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:center} :root body:has(.gl-grid) .lb__x{position:absolute;top:10px;right:10px;width:44px;height:44px;z-index:2;transition:transform .5s var(--ease-out)} :root body:has(.gl-grid) .lb__x::before,:root body:has(.gl-grid) .lb__x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:1.5px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)} :root body:has(.gl-grid) .lb__x::after{transform:translate(-50%,-50%) rotate(-45deg)} :root body:has(.gl-grid) .lb__x:hover{transform:rotate(90deg)} :root:has(.gl-grid).lb-lock,:root:has(.gl-grid).lb-lock body{overflow:hidden} :root body:has(.gl-grid) main{animation:gl-in .9s var(--ease-out) both} @keyframes gl-in{from{transform:translateX(6vw);opacity:0}to{transform:none;opacity:1}} @media (max-width:900px){:root body:has(.gl-grid) .gl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:760px){:root body:has(.gl-grid) .gl-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.gl-grid) .gl-filter{justify-content:center} :root body:has(.gl-grid) .gl-filter>span{width:100%;text-align:center;margin:0 0 6px} :root body:has(.gl-grid) .gl-grid{grid-template-columns:1fr 1fr;gap:5vh 14px} :root body:has(.gl-grid) .gl-btn,:root body:has(.gl-grid) .gl-ph{width:100%} :root body:has(.gl-grid) .lb{padding:10px} :root body:has(.gl-grid) .lb__panel{width:min(230px,100%);gap:14px;padding:32px 18px 20px} :root body:has(.gl-grid) .lb__x{top:4px;right:4px} :root body:has(.gl-grid) .gl-end{padding:2vh var(--gut) 10vh}} /* ---- ueber-uns.html ---- */ :root body:has(.ab-vision) .ab-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.ab-vision) .ab-back span{transition:transform .5s var(--ease-out)} :root body:has(.ab-vision) .ab-back:hover span{transform:translateX(-5px)} :root body:has(.ab-vision) .ab-hero{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 12vh;display:grid;gap:3vh;justify-items:center;text-align:center} :root body:has(.ab-vision) .ab-hero h1{font-size:clamp(54px,10.4vw,190px);line-height:.88} :root body:has(.ab-vision) .ab-story{padding:0 var(--gut) 18vh;text-align:center} :root body:has(.ab-vision) .ab-story__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:4.5vw;align-items:center;max-width:1320px;margin:0 auto;text-align:left} :root body:has(.ab-vision) .ab-story__img{aspect-ratio:4/3;--c:var(--taffeta)} :root body:has(.ab-vision) .ab-story__text{display:grid;gap:26px;max-width:410px} :root body:has(.ab-vision) .ab-sub{font:600 clamp(22px,1.9vw,30px)/1.15 var(--sans);letter-spacing:-.01em} :root body:has(.ab-vision) .ab-story__text blockquote{font:clamp(17px,1.25vw,20px)/1.5 var(--serif)} :root body:has(.ab-vision) .ab-sign{display:flex;align-items:center;gap:14px;margin-top:2vh} :root body:has(.ab-vision) .ab-sign__img{width:52px;aspect-ratio:1;flex:none;--c:var(--rose)} :root body:has(.ab-vision) .ab-sign .micro{line-height:1.5} :root body:has(.ab-vision) .ab-sign em{font:italic 15px var(--serif);letter-spacing:0;text-transform:none} :root body:has(.ab-vision) .ab-vision{padding:6vh var(--gut) 22vh;display:grid;gap:4vh;justify-items:center;text-align:center} :root body:has(.ab-vision) .ab-vision h2{font-size:clamp(48px,9vw,168px);line-height:.9} :root body:has(.ab-vision) .ab-values{background:var(--linen);padding:18vh var(--gut) 20vh;text-align:center} :root body:has(.ab-vision) .ab-values>h2{font-size:clamp(48px,7.4vw,130px)} :root body:has(.ab-vision) .ab-values__text{max-width:760px;margin:7vh auto 10vh;font:clamp(20px,1.7vw,26px)/1.45 var(--serif)} :root body:has(.ab-vision) .ab-values__imgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6vw} :root body:has(.ab-vision) .ab-values__imgs figure{aspect-ratio:4/5} :root body:has(.ab-vision) .ab-end{padding:22vh var(--gut) 18vh;text-align:center;display:grid;gap:5vh;justify-items:center} :root body:has(.ab-vision) .ab-end .d{font-size:clamp(42px,6.6vw,118px)} :root body:has(.ab-vision) .ab-end cite{font-style:normal;color:var(--muted)} :root body:has(.ab-vision) .ab-end__links{display:flex;flex-wrap:wrap;gap:22px 34px;justify-content:center;align-items:center;margin-top:4vh} :root body:has(.ab-vision) .ab-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 30px;background:var(--wine);color:var(--paper);font:17px var(--serif);text-transform:uppercase;letter-spacing:.04em;transition:background .4s} :root body:has(.ab-vision) .ab-btn em{text-transform:none;font-style:italic} :root body:has(.ab-vision) .ab-btn span{font-family:var(--sans);transition:transform .5s var(--ease-out)} :root body:has(.ab-vision) .ab-btn:hover{background:var(--autumn)} :root body:has(.ab-vision) .ab-btn:hover span{transform:translateX(6px)} :root body:has(.ab-vision) .clip.is-in{clip-path:inset(0)} :root body:has(.ab-vision) main{animation:ab-in .9s var(--ease-out) both} @keyframes ab-in{from{transform:translateX(6vw);opacity:0}to{transform:none;opacity:1}} @media (max-width:760px){:root body:has(.ab-vision) .ab-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.ab-vision) .ab-hero{padding:calc(25vh + env(safe-area-inset-top,0px)) var(--gut) 8vh} :root body:has(.ab-vision) .ab-story{padding:0 var(--gut) 14vh} :root body:has(.ab-vision) .ab-story__grid{grid-template-columns:1fr;gap:34px;margin-top:0} :root body:has(.ab-vision) .ab-vision{padding:2vh var(--gut) 14vh} :root body:has(.ab-vision) .ab-values{padding:13vh var(--gut)} :root body:has(.ab-vision) .ab-values__imgs{grid-template-columns:1fr 1fr} :root body:has(.ab-vision) .ab-values__imgs figure:last-child{display:none} :root body:has(.ab-vision) .ab-end{padding:15vh var(--gut) 14vh}} /* ---- kontakt.html ---- */ :root body:has(.kt-list) .kt-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.kt-list) .kt-back span{transition:transform .5s var(--ease-out)} :root body:has(.kt-list) .kt-back:hover span{transform:translateX(-5px)} :root body:has(.kt-list) .kt{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 16vh;background:var(--paper)} :root body:has(.kt-list) .kt__top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end;margin-bottom:10vh} :root body:has(.kt-list) .kt h1{font-size:clamp(64px,10vw,170px)} :root body:has(.kt-list) .kt__intro{max-width:380px;color:var(--muted);justify-self:end} :root body:has(.kt-list) .kt-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(43,35,33,.3)} :root body:has(.kt-list) .kt-row{border-bottom:1px solid rgba(43,35,33,.3)} :root body:has(.kt-list) .kt-row>a,:root body:has(.kt-list) .kt-row>div{display:grid;grid-template-columns:44px minmax(120px,.6fr) minmax(0,1.4fr) 30px;gap:24px;align-items:center;padding:clamp(22px,3.4vh,34px) 0;transition:color .4s,padding .6s var(--ease-out)} :root body:has(.kt-list) .kt-row svg{width:24px;height:24px} :root body:has(.kt-list) .kt-row__k{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} :root body:has(.kt-list) .kt-row__v{font:clamp(28px,3.6vw,56px)/1.05 var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere} :root body:has(.kt-list) .kt-row__v em{text-transform:none;font-style:italic} :root body:has(.kt-list) .kt-row__go{font-family:var(--sans);font-size:20px;justify-self:end;transition:transform .5s var(--ease-out)} :root body:has(.kt-list) .kt-row>a:hover{color:var(--wine);padding-left:12px} :root body:has(.kt-list) .kt-row>a:hover .kt-row__go{transform:translateX(6px)} :root body:has(.kt-list) .kt-row--soon .kt-row__v{color:var(--muted)} :root body:has(.kt-list) .kt-row--soon mark{text-transform:uppercase;background:#FDE5E8;color:var(--wine);padding:2px 8px;font:500 11px/1.4 var(--sans);letter-spacing:.12em;vertical-align:middle;margin-left:12px} :root body:has(.kt-list) .kt-end{padding:16vh var(--gut);text-align:center;display:grid;gap:4vh;justify-items:center;background:var(--wine);color:var(--rose)} :root body:has(.kt-list) .kt-end h2{font-size:clamp(44px,6vw,100px)} :root body:has(.kt-list) .kt-end p{max-width:420px} @media (max-width:760px){:root body:has(.kt-list) .kt-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.kt-list) .kt__top{grid-template-columns:1fr;gap:20px;margin-bottom:6vh} :root body:has(.kt-list) .kt__intro{justify-self:start} :root body:has(.kt-list) .kt-row>a,:root body:has(.kt-list) .kt-row>div{grid-template-columns:28px 1fr 20px;gap:4px 14px} :root body:has(.kt-list) .kt-row svg{grid-row:span 2;width:22px;height:22px} :root body:has(.kt-list) .kt-row__k{grid-column:2} :root body:has(.kt-list) .kt-row__v{grid-column:2;font-size:26px} :root body:has(.kt-list) .kt-row__go{grid-column:3;grid-row:1 / span 2} :root body:has(.kt-list) .kt-row--soon mark{display:inline-block;margin:8px 0 0} :root body:has(.kt-list) .kt-end{padding:12vh var(--gut)}} :root body:has(.kt-list) main{animation:fq-in .9s var(--ease-out) both} @keyframes fq-in{from{transform:translateX(6vw);opacity:0}to{transform:none;opacity:1}} /* ---- faq.html ---- */ :root body:has(.fq-list) .fq-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.fq-list) .fq-back span{transition:transform .5s var(--ease-out)} :root body:has(.fq-list) .fq-back:hover span{transform:translateX(-5px)} :root body:has(.fq-list) .fq-steps{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 16vh;background:var(--linen)} :root body:has(.fq-list) .fq-steps>h1{font-size:clamp(54px,7.4vw,130px);margin-bottom:9vh} :root body:has(.fq-list) .fq-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px} :root body:has(.fq-list) .fq-step{display:grid;gap:16px;align-content:start;padding-top:28px;border-top:1px solid rgba(43,35,33,.3)} :root body:has(.fq-list) .fq-step__no{font:italic clamp(40px,4vw,60px)/1 var(--serif)} :root body:has(.fq-list) .fq-step h3{font-size:34px} :root body:has(.fq-list) .fq-step p{max-width:340px;color:var(--muted)} :root body:has(.fq-list) .fq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,120px);align-items:start;padding:16vh var(--gut) 18vh;background:var(--paper)} :root body:has(.fq-list) .fq>h2{font-size:clamp(54px,7.4vw,130px);position:sticky;top:20vh} :root body:has(.fq-list) .fq-list{border-top:1px solid rgba(43,35,33,.3)} :root body:has(.fq-list) .fq-item{border-bottom:1px solid rgba(43,35,33,.3)} :root body:has(.fq-list) .fq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;font:clamp(20px,1.8vw,26px)/1.25 var(--serif)} :root body:has(.fq-list) .fq-item summary::-webkit-details-marker{display:none} :root body:has(.fq-list) .fq-item summary:hover{color:var(--wine)} :root body:has(.fq-list) .fq-item i{position:relative;flex:none;width:18px;height:18px} :root body:has(.fq-list) .fq-item i::before,:root body:has(.fq-list) .fq-item i::after{content:"";position:absolute;left:0;top:50%;width:18px;height:1.5px;background:currentColor;transition:transform .5s var(--ease-out)} :root body:has(.fq-list) .fq-item i::after{transform:rotate(90deg)} :root body:has(.fq-list) .fq-item[open] i::after{transform:rotate(0)} :root body:has(.fq-list) .fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-out)} :root body:has(.fq-list) .fq-item[open] .fq-a{grid-template-rows:1fr} :root body:has(.fq-list) .fq-a>p{overflow:hidden;max-width:600px;color:var(--muted);font-size:16px;line-height:1.6;padding-bottom:0;transition:padding .6s var(--ease-out)} :root body:has(.fq-list) .fq-item[open] .fq-a>p{padding-bottom:26px} :root body:has(.fq-list) .fq-end{padding:16vh var(--gut);text-align:center;display:grid;gap:4vh;justify-items:center} :root body:has(.fq-list) .fq-end h2{font-size:clamp(44px,6vw,100px)} :root body:has(.fq-list) main{animation:fq-in .9s var(--ease-out) both} @media (max-width:760px){:root body:has(.fq-list) .fq-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.fq-list) .fq-steps{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 10vh} :root body:has(.fq-list) .fq-steps ol{grid-template-columns:1fr;gap:28px} :root body:has(.fq-list) .fq-step{grid-template-columns:56px 1fr;gap:6px 14px} :root body:has(.fq-list) .fq-step__no{grid-row:span 2;font-size:40px} :root body:has(.fq-list) .fq-step h3{font-size:28px} :root body:has(.fq-list) .fq{grid-template-columns:1fr;gap:6vh;padding:12vh var(--gut)} :root body:has(.fq-list) .fq>h2{position:static} :root body:has(.fq-list) .fq-end{padding:12vh var(--gut)}} /* ---- impressum.html ---- */ :root body:has(.lg-text) .lg-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.lg-text) .lg-back span{transition:transform .5s var(--ease-out)} :root body:has(.lg-text) .lg-back:hover span{transform:translateX(-5px)} :root body:has(.lg-text) .lg-hero{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 8vh;display:grid;gap:3vh;justify-items:center;text-align:center} :root body:has(.lg-text) .lg-hero h1{font-size:clamp(54px,8vw,140px)} :root body:has(.lg-text) .lg-hero .lead{max-width:620px} :root body:has(.lg-text) .lg-note{max-width:760px;margin:0 auto;padding:14px 18px;background:#FDE5E8;font:13px/1.55 var(--sans);color:#4a403d;text-align:left} :root body:has(.lg-text) .lg{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;gap:clamp(40px,7vw,110px);padding:4vh var(--gut) 16vh} :root body:has(.lg-text) .lg-toc{position:sticky;top:120px;align-self:start;list-style:none;margin:0;padding:0;border-top:1px solid rgba(43,35,33,.25)} :root body:has(.lg-text) .lg-toc li{border-bottom:1px solid rgba(43,35,33,.25)} :root body:has(.lg-text) .lg-toc a{display:block;padding:10px 0;font:500 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:color .3s} :root body:has(.lg-text) .lg-toc a:hover{color:var(--wine)} :root body:has(.lg-text) .lg-text{display:grid;gap:56px} :root body:has(.lg-text) .lg-sec{scroll-margin-top:110px} :root body:has(.lg-text) .lg-sec h2{font:400 clamp(28px,2.6vw,38px)/1.05 var(--serif);text-transform:uppercase;margin-bottom:18px} :root body:has(.lg-text) .lg-sec h2 span{font-style:italic;text-transform:none;margin-right:6px} :root body:has(.lg-text) .lg-sec h3{font:500 11px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:22px 0 8px;color:var(--muted)} :root body:has(.lg-text) .lg-sec p,:root body:has(.lg-text) .lg-sec li{font-size:15.5px;line-height:1.7} :root body:has(.lg-text) .lg-sec p+p{margin-top:12px} :root body:has(.lg-text) .lg-sec ul{margin:10px 0 0;padding-left:20px} :root body:has(.lg-text) .lg-sec li+li{margin-top:6px} :root body:has(.lg-text) .lg-sec a{text-decoration:underline;text-underline-offset:3px} :root body:has(.lg-text) .lg-sec mark{background:#FDE5E8;color:inherit;padding:0 3px} :root body:has(.lg-text) .lg-dl{display:grid;grid-template-columns:minmax(0,220px) 1fr;border-top:1px solid rgba(43,35,33,.2)} :root body:has(.lg-text) .lg-dl dt,:root body:has(.lg-text) .lg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid rgba(43,35,33,.2);font-size:15.5px;line-height:1.6} :root body:has(.lg-text) .lg-dl dt{font:500 11px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:15px} :root body:has(.lg-text) .lg-stand{font:500 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} :root body:has(.lg-text) main{animation:lg-in .9s var(--ease-out) both} @keyframes lg-in{from{transform:translateX(6vw);opacity:0}to{transform:none;opacity:1}} @media (max-width:860px){:root body:has(.lg-text) .lg-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.lg-text) .lg{grid-template-columns:1fr;gap:40px} :root body:has(.lg-text) .lg-toc{position:static} :root body:has(.lg-text) .lg-dl{grid-template-columns:1fr} :root body:has(.lg-text) .lg-dl dt{border-bottom:0;padding-bottom:0}} /* ---- datenschutz.html ---- */ /* ---- agb.html ---- */ /* ---- fotobox-hochzeit-wien.html ---- */ :root body:has(.lp-hero) .lp-back{position:absolute;left:var(--gut);top:calc(120px + env(safe-area-inset-top,0px));display:inline-flex;gap:10px;align-items:center;font:15px var(--serif);text-transform:uppercase;letter-spacing:.04em} :root body:has(.lp-hero) .lp-back span{transition:transform .5s var(--ease-out)} :root body:has(.lp-hero) .lp-back:hover span{transform:translateX(-5px)} :root body:has(.lp-hero) .lp-hero{padding:calc(24vh + env(safe-area-inset-top,0px)) var(--gut) 11vh;display:grid;gap:3.4vh;justify-items:center;text-align:center} :root body:has(.lp-hero) .lp-hero h1{font-size:clamp(50px,8.4vw,156px);line-height:.9} :root body:has(.lp-hero) .lp-hero .lead{max-width:700px} :root body:has(.lp-hero) .lp-cta{display:flex;flex-wrap:wrap;gap:22px 34px;justify-content:center;align-items:center;margin-top:2vh} :root body:has(.lp-hero) .lp-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 30px;background:var(--wine);color:var(--paper);font:17px var(--serif);text-transform:uppercase;letter-spacing:.04em;transition:background .4s} :root body:has(.lp-hero) .lp-btn em{text-transform:none;font-style:italic} :root body:has(.lp-hero) .lp-btn:hover{background:var(--autumn)} :root body:has(.lp-hero) .lp-imgs{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.6vw;padding:0 var(--gut) 18vh;align-items:end} :root body:has(.lp-hero) .lp-img{overflow:hidden;aspect-ratio:3/4} :root body:has(.lp-hero) .lp-img:first-child{aspect-ratio:4/5} :root body:has(.lp-hero) .lp-img img{display:block;width:100%;height:100%;object-fit:cover} :root body:has(.lp-hero) .lp-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:5vw;max-width:1320px;margin:0 auto;padding:0 var(--gut) 18vh;align-items:start} :root body:has(.lp-hero) .lp-text h2{font-size:clamp(40px,5.2vw,92px)} :root body:has(.lp-hero) .lp-text__body{display:grid;gap:24px;font:clamp(18px,1.45vw,22px)/1.5 var(--serif)} :root body:has(.lp-hero) .lp-steps{background:var(--linen);padding:18vh var(--gut) 19vh;text-align:center} :root body:has(.lp-hero) .lp-steps>h2{font-size:clamp(44px,6.4vw,114px)} :root body:has(.lp-hero) .lp-steps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;max-width:1240px;margin:9vh auto 0;text-align:left} :root body:has(.lp-hero) .lp-step{display:grid;gap:14px;align-content:start;border-top:1px solid #2B232133;padding-top:24px} :root body:has(.lp-hero) .lp-step .label{color:var(--wine)} :root body:has(.lp-hero) .lp-step h3{font:clamp(26px,2.1vw,34px)/1.05 var(--serif);text-transform:uppercase} :root body:has(.lp-hero) .lp-step p{color:var(--muted)} :root body:has(.lp-hero) .lp-pk{padding:18vh var(--gut);text-align:center} :root body:has(.lp-hero) .lp-pk>h2{font-size:clamp(44px,6.4vw,114px)} :root body:has(.lp-hero) .lp-pk__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6vw;max-width:1240px;margin:8vh auto 7vh;text-align:left} :root body:has(.lp-hero) .lp-pk__item{display:grid;gap:12px;align-content:start;padding:34px 30px 38px;border:1px solid #2B232124} :root body:has(.lp-hero) .lp-pk__item h3{font:clamp(26px,2.1vw,34px)/1 var(--serif);text-transform:uppercase} :root body:has(.lp-hero) .lp-pk__price{font:clamp(34px,3vw,48px)/1 var(--serif);color:var(--wine)} :root body:has(.lp-hero) .lp-pk__item p:last-child{color:var(--muted)} :root body:has(.lp-hero) .lp-faq{max-width:980px;margin:0 auto;padding:0 var(--gut) 18vh} :root body:has(.lp-hero) .lp-faq>h2{font-size:clamp(40px,5.2vw,92px);text-align:center;margin-bottom:7vh} :root body:has(.lp-hero) .lp-qa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:3vw;padding:28px 0;border-top:1px solid #2B232124} :root body:has(.lp-hero) .lp-qa h3{font:clamp(20px,1.6vw,26px)/1.2 var(--serif)} :root body:has(.lp-hero) .lp-qa p{color:var(--muted)} :root body:has(.lp-hero) .lp-end{padding:20vh var(--gut) 18vh;background:var(--linen);text-align:center;display:grid;gap:5vh;justify-items:center} :root body:has(.lp-hero) .lp-end .d{font-size:clamp(42px,6.6vw,118px)} :root body:has(.lp-hero) .lp-more{display:flex;flex-wrap:wrap;gap:16px 34px;justify-content:center;margin-top:3vh} :root body:has(.lp-hero) .clip.is-in{clip-path:inset(0)} :root body:has(.lp-hero) main{animation:ab-in .9s var(--ease-out) both} @media (max-width:760px){:root body:has(.lp-hero) .lp-back{top:calc(96px + env(safe-area-inset-top,0px))} :root body:has(.lp-hero) .lp-hero{padding:calc(25vh + env(safe-area-inset-top,0px)) var(--gut) 8vh} :root body:has(.lp-hero) .lp-imgs{grid-template-columns:1fr 1fr;padding-bottom:13vh} :root body:has(.lp-hero) .lp-img:first-child{grid-column:1/-1} :root body:has(.lp-hero) .lp-text{grid-template-columns:1fr;gap:5vh;padding-bottom:13vh} :root body:has(.lp-hero) .lp-steps,:root body:has(.lp-hero) .lp-pk{padding:13vh var(--gut)} :root body:has(.lp-hero) .lp-steps__list,:root body:has(.lp-hero) .lp-pk__list{grid-template-columns:1fr;gap:5vh} :root body:has(.lp-hero) .lp-pk__list{gap:14px} :root body:has(.lp-hero) .lp-qa{grid-template-columns:1fr;gap:10px} :root body:has(.lp-hero) .lp-faq{padding-bottom:13vh} :root body:has(.lp-hero) .lp-end{padding:15vh var(--gut) 14vh}} /* ---- Animationen auch bei „Bewegung reduzieren“ (wie im Prototyp) ---- */ @media (prefers-reduced-motion:reduce){:root body .header__logo{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .burger{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .burger span{transition:transform .5s var(--ease-out),width .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .pill{transition:background .4s,color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .glass{transition:color .4s,background .4s,transform .4s var(--ease-out),box-shadow .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu{transition:transform .9s var(--ease),visibility 0s .9s!important}} @media (prefers-reduced-motion:reduce){:root body .menu.is-open{transition:transform .9s var(--ease)!important}} @media (prefers-reduced-motion:reduce){:root body .header{transition:opacity .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__logo{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__links a{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__links a{transition:transform .3s var(--ease),color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu.is-open .menu__links a{transition:transform 1.1s calc(.35s + var(--i) * 70ms) cubic-bezier(.19,1,.22,1),color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__x{transition:color .4s,transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .link{transition:background-size .6s var(--ease)!important}} @media (prefers-reduced-motion:reduce){:root body .link__arrow{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .backdrops__nav button{transition:background .4s,color .4s,opacity .4s!important}} @media (prefers-reduced-motion:reduce){:root body .bd .swatch img{transition:transform 1.2s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .btn span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .btn{transition:background .4s!important}} @media (prefers-reduced-motion:reduce){:root body .gp__img img{transition:transform 1.2s var(--ease-out),filter .6s!important}} @media (prefers-reduced-motion:reduce){:root body .footer__row a{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .footer__icon{transition:color .4s,transform .4s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .fl{transition:opacity 1s calc(var(--i) * 140ms) ease,transform 1.2s calc(var(--i) * 140ms) cubic-bezier(.19,1,.22,1),filter 1s calc(var(--i) * 140ms) ease!important}} @media (prefers-reduced-motion:reduce){:root body .fl-full{transition:opacity .6s calc(var(--n) * 140ms + .7s) ease!important}} @media (prefers-reduced-motion:reduce){:root body .vw{transition:transform 1.4s calc(var(--stagger,0) * .1s + var(--delay,0s)) cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body .pl>span{transition:transform 1.2s calc(.2s + var(--stagger,0) * .1s) cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body .reveal{transition:transform 1.2s var(--ease-out),opacity 1.2s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .clip{transition:clip-path 1.2s calc(var(--index,0) * 80ms) cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body .burger{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .burger span{transition:transform .5s var(--ease-out),width .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .menu{transition:transform .9s var(--ease),visibility 0s .9s!important}} @media (prefers-reduced-motion:reduce){:root body .menu.is-open{transition:transform .9s var(--ease)!important}} @media (prefers-reduced-motion:reduce){:root body .header{transition:opacity .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__logo{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__links a{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__links a{transition:transform .3s var(--ease),color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu.is-open .menu__links a{transition:transform 1.1s calc(.35s + var(--i) * 70ms) cubic-bezier(.19,1,.22,1),color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .menu__x{transition:color .4s,transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .footer__row a{transition:color .4s!important}} @media (prefers-reduced-motion:reduce){:root body .footer__icon{transition:color .4s,transform .4s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body .fl{transition:opacity 1s calc(var(--i) * 140ms) ease,transform 1.2s calc(var(--i) * 140ms) cubic-bezier(.19,1,.22,1),filter 1s calc(var(--i) * 140ms) ease!important}} @media (prefers-reduced-motion:reduce){:root body .fl-full{transition:opacity .6s calc(var(--n) * 140ms + .7s) ease!important}} @media (prefers-reduced-motion:reduce){:root body .af-modal__bg{transition:opacity .5s cubic-bezier(.22,1,.36,1)!important}} @media (prefers-reduced-motion:reduce){:root body .af-panel{transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body .af-x{transition:transform .5s cubic-bezier(.22,1,.36,1)!important}} @media (prefers-reduced-motion:reduce){:root body .af-contact a{transition:color .3s!important}} @media (prefers-reduced-motion:reduce){:root body .af-chips span{transition:background .3s,color .3s,border-color .3s!important}} @media (prefers-reduced-motion:reduce){:root body .af-send{transition:background .4s!important}} @media (prefers-reduced-motion:reduce){:root body .af-done__seal{transition:transform .9s cubic-bezier(.34,1.56,.64,1),opacity .4s!important}} @media (prefers-reduced-motion:reduce){:root body .af-done__seal path{transition:stroke-dashoffset .8s .45s cubic-bezier(.22,1,.36,1)!important}} @media (prefers-reduced-motion:reduce){:root body .af-done>:not(.af-done__seal){transition:opacity .7s,transform 1s cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body .af-done__close{transition:background .4s!important}} @media (prefers-reduced-motion:reduce){:root body .roll__a,:root body .roll__b{transition:transform .65s cubic-bezier(.25,1,.5,1)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.pk-stack) .pk-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.pk-stack) .pk-btn{transition:background .4s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.pk-stack) .pk-btn span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.pk-stack) .pk-cta{transition:transform .6s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.pk-stack) .pk-cta__btn{transition:background .4s,transform .4s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.pk-stack) .pk-cta__btn span[aria-hidden]{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.bdp-stack) .bdp-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.bdp-stack) .bdp-thumb img{transition:transform 1s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.bdp-stack) .bdp-name{transition:color .3s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.bdp-stack) .bdp-dots i{transition:opacity .3s,transform .3s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.bdp-stack) .bdp-nav{transition:opacity .3s,background .3s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.bdp-stack) .clip{transition:clip-path 1.2s cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .gl-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .gl-filter button{transition:background .4s,color .4s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .gl-item{transition:opacity .8s calc(var(--d) * .1s) cubic-bezier(.22,1,.36,1),transform .8s calc(var(--d) * .1s) cubic-bezier(.22,1,.36,1)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .gl-btn img,:root body:has(.gl-grid) .gl-ph{transition:transform 1s var(--ease-out),filter .6s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .lb__bg{transition:opacity .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .lb__panel{transition:opacity .5s var(--ease-out),transform .8s cubic-bezier(.19,1,.22,1)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.gl-grid) .lb__x{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.ab-vision) .ab-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.ab-vision) .ab-btn{transition:background .4s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.ab-vision) .ab-btn span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.kt-list) .kt-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.kt-list) .kt-row>a,:root body:has(.kt-list) .kt-row>div{transition:color .4s,padding .6s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.kt-list) .kt-row__go{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.fq-list) .fq-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.fq-list) .fq-item i::before,:root body:has(.fq-list) .fq-item i::after{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.fq-list) .fq-a{transition:grid-template-rows .6s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.fq-list) .fq-a>p{transition:padding .6s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.lg-text) .lg-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.lg-text) .lg-toc a{transition:color .3s!important}} @media (prefers-reduced-motion:reduce){:root body:has(.lp-hero) .lp-back span{transition:transform .5s var(--ease-out)!important}} @media (prefers-reduced-motion:reduce){:root body:has(.lp-hero) .lp-btn{transition:background .4s!important}}