.contact-page{background:linear-gradient(180deg,#fff,#eaf3f2)}.contact-page .page-title{position:relative;min-height:430px;display:flex;align-items:flex-end;text-align:left;background:center/cover no-repeat;isolation:isolate;overflow:hidden}.contact-page .page-title:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,22,30,.91),rgba(3,75,78,.53),rgba(0,167,168,.18));z-index:-1}.contact-page .page-title h1{max-width:850px;padding-bottom:58px}.contact-form{background:#fff;padding:34px;box-shadow:0 18px 48px rgba(8,32,42,.13);transition:transform .35s ease,box-shadow .35s ease}.contact-form:focus-within{transform:translateY(-5px);box-shadow:0 26px 58px rgba(8,32,42,.18)}.contact-form label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b9d0d0;padding:13px;font:inherit;background:#fbfdfd;transition:border-color .22s,box-shadow .22s}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:#00a7a8;box-shadow:0 0 0 4px rgba(0,167,168,.13)}.contact-form textarea{min-height:135px;resize:vertical}.map-frame{width:100%;min-height:430px;border:0;display:block;box-shadow:18px 18px 0 rgba(0,167,168,.13);transition:transform .4s ease}.map-frame:hover{transform:translate(-4px,-4px)}@media(max-width:760px){.contact-page .page-title{min-height:350px}.contact-page .page-title h1{padding-bottom:38px}}
 .contact-page{background:linear-gradient(180deg,#fbf9f6,#e6ddd2)}.contact-page .page-title:before{background:linear-gradient(105deg,rgba(20,25,28,.92),rgba(74,48,38,.58),rgba(183,104,61,.17))}.contact-box{background:linear-gradient(135deg,#eee5dc,#ded0c3);box-shadow:15px 15px 0 rgba(183,104,61,.12)}.contact-form input:focus,.contact-form textarea:focus{border-color:#b7683d;box-shadow:0 0 0 4px rgba(183,104,61,.14)}.map-frame{box-shadow:18px 18px 0 rgba(183,104,61,.13)}

.contact-page .page-title{min-height:520px}.contact-page .page-title:before{background:linear-gradient(103deg,rgba(17,27,30,.95),rgba(41,41,38,.69),rgba(184,102,61,.22))}.contact-page .page-title h1{font-size:clamp(47px,6.4vw,88px);letter-spacing:-.05em;max-width:900px}.contact-page .content{padding:108px 0;background:linear-gradient(145deg,#faf7f1,#ede2d6)}.contact-form{padding:44px;background:rgba(255,253,249,.96);border:1px solid rgba(24,35,38,.08)}.contact-form label{color:#5e3021}.contact-form input,.contact-form textarea{border-color:rgba(24,35,38,.2);background:#fffdf9}.contact-box{padding:48px 43px;background:linear-gradient(135deg,#f2e9df,#decbbb);box-shadow:19px 20px 0 rgba(184,102,61,.16)}.contact-box h2{letter-spacing:-.04em}.map-frame{margin-top:34px;box-shadow:20px 22px 0 rgba(17,27,30,.14)}@media(max-width:760px){.contact-page .page-title{min-height:390px}.contact-page .content{padding:70px 0}.contact-form,.contact-box{padding:30px 25px}}

.contact-page .page-title{min-height:570px}.contact-page .page-title:after{content:'';position:absolute;inset:24px;border:1px solid rgba(233,192,151,.42);pointer-events:none}.contact-page .page-title .wrap{position:relative;z-index:1}.contact-page .page-title h1{font-family:Outfit,Arial,sans-serif;font-weight:700;text-shadow:0 8px 28px rgba(0,0,0,.28)}.contact-page .content{background:linear-gradient(135deg,#fbf9f5,#eee4d7)}.contact-form{box-shadow:0 28px 64px rgba(17,27,30,.14);border-top:4px solid #bb7046}.contact-form input,.contact-form textarea{padding:15px;border-radius:0}.contact-box{position:relative;overflow:hidden;border-top:4px solid #bb7046;box-shadow:0 25px 58px rgba(17,27,30,.15)}.contact-box:after{content:'';position:absolute;right:-42px;top:-42px;width:140px;height:140px;border:1px solid rgba(169,92,53,.22);border-radius:50%;box-shadow:0 0 0 25px rgba(169,92,53,.06)}.map-frame{border:7px solid #fffdf9;box-shadow:0 23px 0 rgba(169,92,53,.18),0 27px 60px rgba(17,27,30,.13)}@media(max-width:760px){.contact-page .page-title{min-height:420px}.contact-page .page-title:after{inset:14px}}

.contact-page .page-title{min-height:470px}.contact-page .content{padding:76px 0}.contact-form{padding:35px}.contact-box{padding:38px 35px}.map-frame{min-height:360px}@media(max-width:760px){.contact-page .page-title{min-height:360px}.contact-page .content{padding:54px 0}.contact-form,.contact-box{padding:27px 23px}}

@media(max-width:600px){.contact-page .page-title{min-height:255px;align-items:flex-end;background-position:center 42%}.contact-page .page-title:after{display:none}.contact-page .page-title h1{padding-bottom:25px;font-size:clamp(31px,9vw,43px);line-height:1.02}.contact-page .content{padding-top:42px}}

.contact-person{position:relative;z-index:1;display:grid;grid-template-columns:78px 1fr;gap:15px;align-items:center;margin-top:26px;padding-top:24px;border-top:1px solid rgba(39,52,55,.18)}.contact-person img{width:78px;height:78px;display:block;object-fit:cover;object-position:center 22%;border-radius:50%;border:3px solid #fff9f1;box-shadow:0 8px 18px rgba(17,27,30,.16)}.contact-person span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a4a2e}.contact-person strong{display:block;margin-top:3px;font-family:Outfit,Arial,sans-serif;font-size:22px;line-height:1.05;color:#283437}.contact-person p{margin:4px 0 0;font-size:14px}@media(max-width:600px){.contact-person{grid-template-columns:64px 1fr}.contact-person img{width:64px;height:64px}}

.form-status{min-height:1.5em;margin:18px 0 0;color:#8a2e24;font-weight:700;line-height:1.5}.form-status.is-success{color:#1d6a4e}.contact-form button:disabled{opacity:.72;cursor:wait}

/* Kontaktseite im selben warmen Atelier-Stil. */
.contact-page .page-title{min-height:510px;display:flex;align-items:center}.contact-page .page-title:before{background:linear-gradient(92deg,rgba(22,18,15,.93),rgba(42,31,25,.72) 49%,rgba(99,61,40,.28))}.contact-page .page-title .wrap{padding-top:72px;padding-bottom:62px}.contact-page .page-title h1{max-width:760px;font-family:Outfit,Arial,sans-serif;font-size:clamp(48px,5.6vw,78px);line-height:.94;letter-spacing:-.065em}.contact-page .content{background:#f6f0e8}.contact-box{background:#fcf9f5;box-shadow:18px 18px 0 rgba(173,98,60,.12)}@media(max-width:760px){.contact-page .page-title{min-height:440px;align-items:flex-end}.contact-page .page-title .wrap{padding-top:54px;padding-bottom:40px}.contact-page .page-title h1{font-size:clamp(38px,11vw,55px)}}