/* Dr. Kraft content overrides. The original Template CSS remains untouched. */
[hidden], [data-kraft-feature="reviews"][hidden] { display: none !important; }
.kraft-whatsapp-fields { display: flex; flex-wrap: wrap; gap: 18px; }
.kraft-whatsapp-fields .form-in-two { width: calc(50% - 9px); }
.kraft-whatsapp-fields .form-in-full { width: 100%; }
.kraft-whatsapp-fields input,
.kraft-whatsapp-fields select,
.kraft-whatsapp-fields textarea { width: 100%; }
.kraft-consent label { display: flex; align-items: flex-start; gap: 8px; color: inherit; }
.kraft-consent input { width: auto; margin-top: .3em; }
.kraft-whatsapp-note { width: 100%; font-size: 13px; opacity: .76; }
.kraft-location-header img[alt="Ordination Dr. Martin Kraft"],
.kraft-location-footer img[alt="Ordination Dr. Martin Kraft"] { width: auto; max-height: 104px; object-fit: contain; }
@media (max-width: 767px) {
  .kraft-whatsapp-fields .form-in-two { width: 100%; }
}

/* kraft-hero-cta-about-form-fix */
/* Compact WhatsApp CTA below the hero */
.kraft-treatment-page .kraft-element-kraftcta1 .kraft-button {
  background: #090909 !important;
  border: 1px solid #090909 !important;
  color: #fff !important;
  fill: #fff !important;
}
.kraft-treatment-page .kraft-element-kraftcta1 .kraft-button-text {
  color: #fff !important;
}
.kraft-treatment-page .kraft-element-kraftcta1 .kraft-button:hover,
.kraft-treatment-page .kraft-element-kraftcta1 .kraft-button:focus {
  background: #cfb68d !important;
  border-color: #cfb68d !important;
  color: #090909 !important;
  fill: #090909 !important;
}
.kraft-treatment-page .kraft-element-kraftcta1 .kraft-button:hover .kraft-button-text,
.kraft-treatment-page .kraft-element-kraftcta1 .kraft-button:focus .kraft-button-text {
  color: #090909 !important;
}

/* About hero: dark navigation over its light first viewport; sticky state keeps template styling */
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-nav-menu--main .kraft-item,
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-search-form__toggle,
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-menu-toggle,
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-button {
  color: #090909 !important;
}
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-search-form__toggle svg,
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-menu-toggle svg {
  fill: #090909 !important;
}
.kraft-about-page .kraft-location-header .header_pop:not(.kraft-sticky--effects) .kraft-button {
  border-color: #090909 !important;
}



/* ===================================================
   KRAFT OVERRIDES: Dr. Kraft Golden Diamond & Rhombus
   =================================================== */

/* 1. Dr. Martin Kraft Diamond Feature Portrait */
.shape-image-line .kraft-widget-container,
.shape-image-line .kraft-widget-container img,
.kraft-widget-image.shape-image-line img,
.kraft-element-c428195 img {
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: cover !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* 2. Rhombus 4 Images in 'Sanfte Ästhetische Medizin' */
.rhombus-b {
    position: relative !important;
    min-height: 520px !important;
}

.rhombus-box {
    background: #cfb68d !important;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    padding: 3px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.rhombus-box-img,
.rhombus-box-img .kraft-widget-container {
    padding: 6px !important;
    background: #111111 !important;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    overflow: hidden !important;
    display: block !important;
}

.rhombus-box .rhombus-box-img img,
.rhombus-box-img .kraft-widget-container img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}