.elementor-6436 .elementor-element.elementor-element-84e499d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6436 .elementor-element.elementor-element-84e499d:not(.elementor-motion-effects-element-type-background), .elementor-6436 .elementor-element.elementor-element-84e499d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFA500;}.elementor-6436 .elementor-element.elementor-element-df0f5c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-84e499d */.elementor-6436 .elementor-element.elementor-element-84e499d {
  background-color: #F2F2EF !important; /* warmes, technisches Grau */
}/* End custom CSS */
/* Start custom CSS *//* =========================================================================
   ELEMENTOR PRO FORM – VERAUT LOOK (BESTEHEND)
   ========================================================================= */
.elementor-widget-form .elementor-form,
.contact-form { 
  max-width: 800px;
  margin: 0 auto;
  padding: 32px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Labels */
.elementor-widget-form .elementor-field-label {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #172983;
  margin-bottom: 6px;
}

/* Inputs / Textareas */
.elementor-widget-form .elementor-field,
.contact-form input,
.contact-form textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #172983;
  background: #fff;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

/* Focus-State */
.elementor-widget-form .elementor-field:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #172983 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(23,41,131,0.12) !important;
}

/* Submit-Button */
.elementor-widget-form .elementor-button,
.contact-form button {
  background: #FFA500 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 22px !important;
  font-weight: 600 !important;
  transition: background .15s ease, transform .05s ease;
}
.elementor-widget-form .elementor-button:hover,
.contact-form button:hover {
  background: #E28F00 !important;
}
.elementor-widget-form .elementor-button:active,
.contact-form button:active {
  transform: translateY(1px);
}

/* Erfolgsmeldung */
.elementor-message.elementor-message-success {
  border-radius: 10px;
  background: #F2F8EF;
  color: #1B5E20;
  border: 1px solid #CDE7C3;
}

/* =========================================================================
   ARCHITEKTUR – SPLIT „PLATINEN“-STIL (NB2 + LOGGER) – NEU
   ========================================================================= */
.board-split {
  background: #FAFAFA;
  padding: 60px 20px;
  font-family: 'Roboto', sans-serif;
  color: #172983;
}
.board-split__inner { max-width: 1200px; margin: 0 auto; }
.board-split__title {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #172983;
}
.board-split__intro {
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
  max-width: 820px;
  margin: 0 auto 30px;
  color: #172983;
}

/* NEU: Hinweistext */
.board-split__hint {
  font-size: 15px;
  color: #555;
  text-align: center;
  margin: -10px 0 20px;
  font-family: 'Roboto', sans-serif;
}

/* Board-Wrapper */
.board {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  isolation: isolate;
  min-height: 360px;
  background: #fff;
}
.board__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* Panels */
.board__panel {
  position: relative;
  display: block;
  width: 50%;
  min-height: 360px;
  padding: 24px 28px;
  text-decoration: none !important;
  color: #172983 !important;
  transition: background .2s ease, transform .05s ease;
  overflow: hidden; /* Für Overlay */
}
.board__panel:hover .board__subtitle { text-decoration: underline; }
.board__panel--left  { float: left; }
.board__panel--right { float: right; }

/* NEU: Hover Overlay */
.board__overlay {
  position: absolute;
  inset: 0;
  background: rgba(23, 41, 131, 0.08);
  color: #172983;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
  z-index: 2;
}
.board__panel:hover .board__overlay {
  opacity: 1;
}

/* Kopf mit Icon + Untertitel */
.board__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.board__icon {
  width: 72px;
  height: 72px;
  object-fit: contain;
  flex: 0 0 72px;
}
.board__subtitle {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  color: #172983;
}

/* NEU: CTA im Titel */
.board__subtitle .cta {
  font-size: 14px;
  font-weight: 400;
  color: #172983;
  opacity: 0.7;
  margin-left: 8px;
  transition: opacity 0.2s ease;
}
.board__panel:hover .board__subtitle .cta {
  opacity: 1;
}

/* Liste */
.board__list {
  margin: 0;
  padding-left: 18px;
  font-size: 18px;
  line-height: 1.7;
  color: #172983;
}
.board__list li { margin: 2px 0; }

/* Hover-Feedback */
.board__panel--left:hover  { background: rgba(23, 41, 131, 0.06); }
.board__panel--right:hover { background: rgba(255, 165, 0, 0.08); }

/* Smooth Scroll */
html { scroll-behavior: smooth; }

/* Responsive */
@media (max-width: 1024px) {
  .board__panel { width: 100%; float: none; min-height: auto; }
  .board { min-height: auto; }
  .board__icon { width: 64px; height: 64px; }
  .board-split__title { font-size: 28px; }
}/* End custom CSS */