<!-- LayerCraft Studio | Kontaktseite (WordPress-Seite 140) --><!-- Diesen gesamten Code in EINEN Gutenberg-Block „Individuelles HTML“ oberhalb des bestehenden Fluent-Forms-Blocks #3 einsetzen. --><style>body.page-id-140{--lc-contact-mint:#61ffb5;--lc-contact-cyan:#7df7ff;--lc-contact-lilac:#cbb6ff}body.page-id-140 .entry-content{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body.page-id-140 .entry-content>.kb-row-layout-wrap,body.page-id-140 .entry-content>.kb-row-layout-wrap>.kt-row-column-wrap{background-image:none!important;background-color:transparent!important;box-shadow:none!important}body.page-id-140 .entry-content>.kb-row-layout-wrap:before,body.page-id-140 .entry-content>.kb-row-layout-wrap:after{background-image:none!important}.lc-contact-head,.lc-contact-head *{box-sizing:border-box}.lc-contact-head{position:relative;isolation:isolate;overflow:hidden;width:100%;border-radius:15px;padding:clamp(30px,5vw,64px) clamp(20px,4.5vw,60px);margin:0 0 22px;color:#fff;background:radial-gradient(circle at 9% 8%,rgba(162,81,255,.33),transparent 35%),radial-gradient(circle at 88% 83%,rgba(97,255,181,.14),transparent 33%),radial-gradient(circle at 74% 10%,rgba(80,120,255,.2),transparent 33%),linear-gradient(135deg,#070010,#1b003d 50%,#05000b);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}.lc-contact-head:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:46px 46px;opacity:.5}.lc-contact-head__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(235px,.7fr);gap:clamp(24px,4vw,60px);align-items:center;max-width:1130px;margin:0 auto}.lc-contact-head__badge{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.15);font-size:12px;font-weight:800;letter-spacing:.035em;color:rgba(255,255,255,.86)}.lc-contact-head__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#61ffb5;box-shadow:0 0 15px rgba(97,255,181,.8)}.lc-contact-head h1{margin:21px 0 0!important;padding:0!important;color:#fff!important;font-size:clamp(37px,4.7vw,66px)!important;font-weight:950!important;line-height:1.04!important;letter-spacing:-.055em!important;text-wrap:balance}.lc-contact-head h1 span{color:transparent;background:linear-gradient(90deg,#a0faff,#cbb6ff 53%,#f3a6ff);-webkit-background-clip:text;background-clip:text}.lc-contact-head p{margin:18px 0 0!important;color:rgba(255,255,255,.76)!important;font-size:clamp(15px,1.4vw,18px)!important;line-height:1.7!important;max-width:680px}.lc-contact-head__info{display:grid;gap:12px;padding:19px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);backdrop-filter:blur(16px)}.lc-contact-head__item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.085);font-size:13px;font-weight:700;color:#eee8f7}.lc-contact-head__item i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(97,255,181,.11);border:1px solid rgba(97,255,181,.28);color:#61ffb5;font-style:normal;font-weight:900}body.page-id-140 .entry-content .fluentform_wrapper_3{width:100%;max-width:1160px;margin:0 auto 24px!important;padding:clamp(20px,3.2vw,40px)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:15px!important;background:radial-gradient(circle at 100% 0%,rgba(160,80,255,.18),transparent 37%),linear-gradient(145deg,#140825,#0d081b 65%,#081521)!important;box-shadow:0 20px 55px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)!important}body.page-id-140 .fluentform_wrapper_3 .ff-el-group{margin-bottom:19px!important}body.page-id-140 .fluentform_wrapper_3 .ff-t-container{gap:16px}body.page-id-140 .fluentform_wrapper_3 .ff-el-input--label label{display:inline-block;color:#f2ecfb!important;font:750 14px/1.45 Inter,system-ui,sans-serif!important;margin-bottom:8px!important}body.page-id-140 .fluentform_wrapper_3 .ff-el-input--label .ff-el-is-required,body.page-id-140 .fluentform_wrapper_3 .ff-el-input--label .ff-el-is-required label:after{color:#61ffb5!important}body.page-id-140 .fluentform_wrapper_3 input.ff-el-form-control,body.page-id-140 .fluentform_wrapper_3 textarea.ff-el-form-control,body.page-id-140 .fluentform_wrapper_3 select.ff-el-form-control{width:100%;min-height:49px;border-radius:11px!important;padding:12px 14px!important;border:1px solid rgba(203,182,255,.24)!important;background:#0c1020!important;color:#fff!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.22)!important;font:500 15px/1.5 Inter,system-ui,sans-serif!important;transition:border-color .2s,box-shadow .2s}body.page-id-140 .fluentform_wrapper_3 textarea.ff-el-form-control{min-height:146px;resize:vertical}body.page-id-140 .fluentform_wrapper_3 .ff-el-form-control::placeholder{color:#9690ae!important;opacity:1}body.page-id-140 .fluentform_wrapper_3 .ff-el-form-control:focus{outline:none!important;border-color:#7df7ff!important;box-shadow:0 0 0 3px rgba(125,247,255,.12)!important}body.page-id-140 .fluentform_wrapper_3 .ff-el-tc,body.page-id-140 .fluentform_wrapper_3 .ff-el-form-check-label,body.page-id-140 .fluentform_wrapper_3 .ff_t_c{color:rgba(255,255,255,.77)!important;font:500 13px/1.65 Inter,system-ui,sans-serif!important}body.page-id-140 .fluentform_wrapper_3 a{color:#8ff9e1!important;text-decoration:underline;text-underline-offset:3px}body.page-id-140 .fluentform_wrapper_3 input[type=checkbox]{accent-color:#61ffb5;cursor:pointer}body.page-id-140 .fluentform_wrapper_3 .ff-btn-submit,body.page-id-140 .fluentform_wrapper_3 button.ff-btn-submit.wpf_has_custom_css{display:inline-flex!important;justify-content:center;align-items:center;min-height:51px;padding:13px 29px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.3)!important;background:linear-gradient(115deg,#61ffb5,#7df7ff 55%,#cbb6ff)!important;color:#07101a!important;font:850 15px/1.25 Inter,system-ui,sans-serif!important;box-shadow:0 12px 30px rgba(97,255,181,.14)!important;transition:transform .2s,box-shadow .2s}body.page-id-140 .fluentform_wrapper_3 .ff-btn-submit:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(97,255,181,.23)!important}body.page-id-140 .fluentform_wrapper_3 .ff-btn-submit:focus-visible{outline:2px solid #7df7ff;outline-offset:3px}body.page-id-140 .fluentform_wrapper_3 .ff-el-is-error .ff-el-form-control{border-color:#ff9ba9!important}body.page-id-140 .fluentform_wrapper_3 .error,.page-id-140 .fluentform_wrapper_3 .ff-el-help-message{color:#ffc4d0!important}@media(max-width:800px){.lc-contact-head__inner{grid-template-columns:1fr}.lc-contact-head__info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.lc-contact-head{padding:28px 18px}.lc-contact-head__info{grid-template-columns:1fr}.lc-contact-head h1{font-size:clamp(36px,10vw,48px)!important}body.page-id-140 .fluentform_wrapper_3 .ff-t-container{display:block}body.page-id-140 .fluentform_wrapper_3 .ff-t-cell{width:100%;margin-bottom:14px}}@media(prefers-reduced-motion:reduce){body.page-id-140 .fluentform_wrapper_3 .ff-btn-submit{transition:none}body.page-id-140 .fluentform_wrapper_3 .ff-btn-submit:hover{transform:none}}</style><section class="lc-contact-head" aria-labelledby="lc-contact-head-title"><div class="lc-contact-head__inner"><div class="lc-contact-head__copy"><div class="lc-contact-head__badge"><span class="lc-contact-head__dot" aria-hidden="true"></span>LAYERCRAFT STUDIO · KONTAKT</div><h1 id="lc-contact-head-title">Lass uns <span>ins Gespräch kommen.</span></h1><p>Du hast eine Frage,eine Idee oder möchtest ein Projekt besprechen? Schreib uns über das Kontaktformular. Wir freuen uns auf deine Nachricht.</p></div><div class="lc-contact-head__info" aria-label="Kontaktmöglichkeiten"><div class="lc-contact-head__item"><i aria-hidden="true">01</i>Fragen und Beratung</div><div class="lc-contact-head__item"><i aria-hidden="true">02</i>Projektanfragen</div><div class="lc-contact-head__item"><i aria-hidden="true">03</i>Software &amp;Support</div><div class="lc-contact-head__item"><i aria-hidden="true">04</i>Direkter Kontakt</div></div></div></section><!-- Danach im Gutenberg-Editor den ORIGINALEN Fluent-Forms-Block #3 beibehalten. Nicht das aus dem Frontend kopierte Formular-HTML einfügen. -->