.elementor-201 .elementor-element.elementor-element-a54f89f{--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-201 .elementor-element.elementor-element-2218a10{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:12px 12px 12px 12px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-201 .elementor-element.elementor-element-6158b70{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:6px;--margin-bottom:6px;--margin-left:6px;--margin-right:6px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-201 .elementor-element.elementor-element-6158b70:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-6158b70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kaffeekollektiv-shop.de/wp-content/uploads/2026/08/lucid-origin_Overhead_flat-lay_coffee_photo_plain_unmarked_kraft_paper_bag_tied_with_jute_twi-0-rotated.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-201 .elementor-element.elementor-element-c81bca4{--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-201 .elementor-element.elementor-element-df72a4d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-274dd01{padding:0px 2px 0px 2px;text-align:center;}.elementor-201 .elementor-element.elementor-element-274dd01 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:600;color:#A8896D;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-201 .elementor-element.elementor-element-71ee31d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-201 .elementor-element.elementor-element-71ee31d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-201 .elementor-element.elementor-element-71ee31d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group > label, .elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-subgroup label{color:#A8896D;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group > label{font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-type-html{padding-bottom:0px;color:#A8896D;font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group .elementor-field{color:#A8896D;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group .elementor-field, .elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-subgroup label{font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFEFDD;border-color:#C99C9C;border-width:2px 2px 2px 2px;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group .elementor-select-wrapper select{background-color:#FFEFDD;border-color:#C99C9C;border-width:2px 2px 2px 2px;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-group .elementor-select-wrapper::before{color:#C99C9C;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-201 .elementor-element.elementor-element-71ee31d .e-form__buttons__wrapper__button-next{background-color:#A8896D;color:#FFEFDD;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-button[type="submit"]{background-color:#A8896D;color:#FFEFDD;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-button[type="submit"] svg *{fill:#FFEFDD;}.elementor-201 .elementor-element.elementor-element-71ee31d .e-form__buttons__wrapper__button-previous{background-color:#A8896D;color:#FFEFDD;}.elementor-201 .elementor-element.elementor-element-71ee31d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-201 .elementor-element.elementor-element-71ee31d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-message{font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-201 .elementor-element.elementor-element-71ee31d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-fef964e{text-align:center;font-family:"DM Sans", Sans-serif;font-weight:400;color:#A8896D;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-201 .elementor-element.elementor-element-2218a10{--width:80%;}}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-2218a10{--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-201 .elementor-element.elementor-element-6158b70{--min-height:30vh;}.elementor-201 .elementor-element.elementor-element-c81bca4{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-201 .elementor-element.elementor-element-274dd01{text-align:center;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-6158b70{--min-height:30vh;}.elementor-201 .elementor-element.elementor-element-c81bca4{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-201 .elementor-element.elementor-element-df72a4d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-201 .elementor-element.elementor-element-274dd01{padding:0px 0px 0px 0px;text-align:start;}}/* Start custom CSS for form, class: .elementor-element-71ee31d */.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field,
.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field-textual,
.elementor-201 .elementor-element.elementor-element-71ee31d input.elementor-field,
.elementor-201 .elementor-element.elementor-element-71ee31d textarea.elementor-field,
.elementor-201 .elementor-element.elementor-element-71ee31d select.elementor-field,
.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field:hover,
.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field:focus,
.elementor-201 .elementor-element.elementor-element-71ee31d .elementor-field:active {
  color: #A8896D !important;
  -webkit-text-fill-color: #A8896D; 
}

.elementor-201 .elementor-element.elementor-element-71ee31d input.elementor-field::placeholder,
.elementor-201 .elementor-element.elementor-element-71ee31d textarea.elementor-field::placeholder {
  color: #A8896D;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2218a10 */.elementor-201 .elementor-element.elementor-element-2218a10{
    margin: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a54f89f *//* ==========================================================================
   SECOND CRACK — KONTAKT (page 201)
   Standalone stylesheet, page-specific.

   Structure:
     .elementor-element-2218a10   = section (outer)
       .elementor-element-6158b70 = left column — image
         .elementor-element-caa7093 = image widget
       .elementor-element-c81bca4 = right column — form + note
         .elementor-element-71ee31d = form widget
           .elementor-element-274dd01 = "Für Kunden" title
         .elementor-element-fef964e = note widget ("Fragen zu Bestellungen...")
   ========================================================================== */

:root {
  --color-primary: #834227;
  --color-primary-strong: #5D2918;
  --color-secondary: #6E6862;
  --color-neutral: #F3EFEA;
  --color-surface: #FCFAF6;
  --color-on-surface: #1D1815;
  --color-border: #E2DDD7;

  --font-serif: Newsreader, "Source Serif 4", Georgia, serif;
  --font-sans: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;

  --radius-md: 8px;
  --radius-lg: 12px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 48px;

  --content-max: 1280px;
  --page-margin: 64px;
}

/* ==========================================================================
   Section — boxed at 1280px like every other page, pinned to a fixed
   width rather than left to whatever percentage Elementor's Layout panel
   carries.
   ========================================================================== */

.elementor-element-2218a10 {
  width: 100% !important;
  max-width: var(--content-max) !important;
  margin: 0 auto !important;
  padding: var(--space-xl) var(--page-margin) !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 64px !important;
}

.elementor-element-6158b70,
.elementor-element-c81bca4 {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

@media (max-width: 1024px) {
  .elementor-element-2218a10 {
    padding: 40px 40px !important;
    gap: 40px !important;
  }

  /* This is a support page, not a marketing one — a decorative photo just
     pushes the form (the actual reason someone is here) further down the
     screen on a narrow viewport. Dropped on tablet and mobile alike. */
  .elementor-element-6158b70 {
    display: none !important;
  }

  /* DESIGN.md's system is flush-left everywhere — this override is a
     deliberate content decision, not a default. */
  .elementor-element-274dd01 .elementor-heading-title {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .elementor-element-2218a10 {
    flex-direction: column !important;
    padding: 32px 20px !important;
    gap: 32px !important;
  }

  /* The image is hidden at this width already (rule above, shared with
     tablet); this just keeps the form column from carrying a stale
     flex-basis meant for a two-column row. */
  .elementor-element-c81bca4 {
    flex: 0 0 auto !important;
  }
}

/* ==========================================================================
   Image column
   ========================================================================== */

.elementor-element-6158b70 {
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;

  /* The section behind the image was showing through as a plain tan block
     wherever the image itself didn't reach — the container's own
     background needs to be the image, not a leftover Elementor fill
     colour underneath it. */
  background-color: var(--color-neutral) !important;
}

.elementor-element-caa7093 img {
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: var(--radius-lg) !important;
}

@media (max-width: 767px) {
  .elementor-element-caa7093 img {
    min-height: 280px !important;
  }
}

/* ==========================================================================
   Form column
   ========================================================================== */

.elementor-element-274dd01 .elementor-heading-title {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: var(--color-on-surface) !important;
  margin: 0 0 var(--space-lg) !important;
  text-align: left !important;
}

/* Field labels: same treatment as the footer's newsletter field-label —
   small, uppercase, secondary. */
.elementor-element-71ee31d .elementor-field-label {
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--color-secondary) !important;
  margin-bottom: var(--space-xs) !important;
}

/* Text/email/select/textarea inputs: same border, radius, focus ring as
   the header search input — one input style for the whole site. */
.elementor-element-71ee31d .elementor-field-textual,
.elementor-element-71ee31d select.elementor-field-textual,
.elementor-element-71ee31d textarea.elementor-field-textual {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 var(--space-sm) !important;
  font-family: var(--font-sans) !important;
  font-size: 16px !important;
  color: var(--color-on-surface) !important;
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}

.elementor-element-71ee31d textarea.elementor-field-textual {
  min-height: 120px !important;
  padding: var(--space-sm) !important;
  resize: vertical !important;
}

.elementor-element-71ee31d .elementor-field-textual:focus {
  border-color: var(--color-primary) !important;
  outline: 2px solid var(--color-primary) !important;
  outline-offset: 2px !important;
}

.elementor-element-71ee31d .elementor-field-textual::placeholder {
  color: var(--color-secondary) !important;
}

/* Two fields per row on desktop (Vorname/Nachname), stacked on mobile —
   Elementor's own column classes handle the grid, this just tightens the
   gutter to match the rest of the spacing scale. */
.elementor-element-71ee31d .elementor-form-fields-wrapper {
  gap: var(--space-md) !important;
}

/* Submit button — same primary treatment as every other button on the
   site, not Elementor's default. */
.elementor-element-71ee31d .elementor-button {
  width: 100% !important;
  min-height: 48px !important;
  background-color: var(--color-primary) !important;
  color: var(--color-surface) !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
  transition: background-color 150ms ease-out !important;
}

.elementor-element-71ee31d .elementor-button:hover {
  background-color: var(--color-primary-strong) !important;
}

/* ==========================================================================
   Marketplace note — this is the sentence that keeps the intermediary
   framing honest: order/shipping/return questions go to the roastery, not
   to Kaffeekollektiv. Styled as metadata, not as body copy, so it doesn't
   compete with the form itself for attention.
   ========================================================================== */

.elementor-element-fef964e .elementor-heading-title {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--color-secondary) !important;
  margin-top: var(--space-lg) !important;
  text-align: left !important;
}

/* ==========================================================================
   Dark mode — separate palette, raised surfaces go lighter.
   ========================================================================== */

@media (prefers-color-scheme: dark) {
  .elementor-element-6158b70 {
    background-color: #221D1A !important; /* neutral-dark */
  }

  .elementor-element-274dd01 .elementor-heading-title {
    color: #E2DDD5 !important;            /* on-surface-dark */
  }

  .elementor-element-71ee31d .elementor-field-label,
  .elementor-element-fef964e .elementor-heading-title {
    color: #97918A !important;            /* secondary-dark */
  }

  .elementor-element-71ee31d .elementor-field-textual,
  .elementor-element-71ee31d select.elementor-field-textual,
  .elementor-element-71ee31d textarea.elementor-field-textual {
    background-color: #13100D !important; /* surface-dark */
    color: #E2DDD5 !important;
    border-color: #352F2B !important;     /* border-dark */
  }

  .elementor-element-71ee31d .elementor-button {
    background-color: #C88762 !important; /* primary-dark */
    color: #13100D !important;            /* surface-dark */
  }

  .elementor-element-71ee31d .elementor-button:hover {
    background-color: #E0AB86 !important; /* primary-strong-dark */
  }
}/* End custom CSS */