:root {
            --medeed-primary: #286fb7;
            --medeed-light: #f8fafc;
            --medeed-dark: #2c3e50;
            --medeed-border: #e9ecef;
        }

        .section-main {
            padding: 20px 0;
        }

        .section-alt {
            background: var(--medeed-light);
            padding: 20px 0;
        }

        .principle-card {
            background: white;
            border: 1px solid var(--medeed-border);
            padding: 1rem 1rem;
            /*margin-bottom: 3rem;*/
            transition: all 0.3s ease;
            position: relative;
            text-align: justify;
        }

            .principle-card:hover {
                border-color: var(--medeed-primary);
                transform: translateY(-5px);
                box-shadow: 0 20px 40px rgba(40, 111, 183, 0.1);
            }

        .principle-number {
            position: absolute;
            top: 2rem;
            right: 2rem;
            font-size: 4rem;
            font-weight: 800;
            color: var(--medeed-primary);
            opacity: 0.1;
            line-height: 1;
        }

        .principle-icon {
            width: 60px;
            height: 60px;
            background: var(--medeed-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            color: white;
            font-size: 1.6rem;
        }

        .principle-title {
            font-size: 1.05rem;
            font-weight: 700;
            color: var(--medeed-primary);
            margin-bottom: 1rem;
            line-height: 1.3;
        }

        .principle-subtitle {
            font-size: 0.9rem;
            font-weight: 500;
            color: #6c757d;
            margin-bottom: 1.5rem;
            line-height: 1.4;
        }

        .principle-content {
            color: #495057;
            line-height: 1.7;
            font-size: 14px
        }

        .image-container {
            position: relative;
            overflow: hidden;
            margin: 0px;
            padding: 0px
        }

            .image-container img {
                width: 100%;
                height: 270px;
                object-fit: cover;
                transition: transform 0.5s ease;
                border: 1px solid var(--medeed-border);
            }

            .image-container:hover img {
                transform: scale(1.03);
            }

        .main-title {
            font-size: 1.0.5rem;
            font-weight: 800;
            color: var(--medeed-primary);
            margin-bottom: 2rem;
            line-height: 1.2;
        }

        .main-subtitle {
            font-size: 0.9rem;
            color: #6c757d;
            margin-bottom: 3rem;
            line-height: 1.6;
        }

        .highlight-box {
            background: white;
            
            padding: 1rem;
            margin: 0;
            border: 1px solid var(--medeed-border);
        }

        .divider {
            height: 1px;
            background: var(--medeed-border);
            margin: 1rem 0;
        }

        @media (max-width: 768px) {
            .section-main, .section-alt {
                padding: 350px 0;
            }

            .principle-card {
                padding: 2rem 1.5rem;
            }

            .main-title {
                font-size: 1.2rem;
            }

            .image-container img {
                height: 280px;
                margin-bottom: 2rem;
            }
        }
    


        .medeed-vision-section {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            padding: 40px 0;
        }



        .vision-content {
            text-align: center;
            margin: 0 auto;
        }

        .vision-subtitle {
            color: #6c757d;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 2px;
            margin-bottom: 20px;
            display: block;
        }

        .vision-title {
            color: #2c3e50;
            font-size: 1.2rem;
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: 30px;
        }

        .vision-divider {
            width: 60px;
            height: 3px;
            background: #95a5a6;
            margin: 0 auto 30px auto;
        }

        .vision-description {
            color: #5C5F71;
            font-size: 18px;
            line-height: 1.6;
            margin-bottom: 40px;
        }

        .vision-cta {
            background: #34495e;
            color: white;
            border: none;
            padding: 15px 40px;
            font-size: 1.1rem;
            border-radius: 0;
            cursor: pointer;
            transition: all 0.3s ease;
        }

            .vision-cta:hover {
                background: #2c3e50;
                transform: translateY(-2px);
                box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            }

        /* Responsive Design */
        @media (max-width: 768px) {
            .medeed-vision-section {
                padding: 40px 0;
            }

            .vision-title {
                font-size: 2.2rem;
            }

            .vision-description {
                font-size: 1.1rem;
            }
        }

/* medeed-unsere-grundsaetze-2026-09-23:start */
.ug-page { --ug-blue:#286fb7; --ug-dark:#173652; --ug-ink:#253b4e; --ug-muted:#53697a; --ug-soft:#f7f9fb; --ug-line:#dce5ec; color:var(--ug-ink); }
.ug-page,.ug-page *,.ug-page *::before,.ug-page *::after { box-sizing:border-box; border-radius:0 !important; }
.ug-page :is(h1,h2,h3,h4,h5,h6) { color:var(--ug-dark); text-transform:none; }
.ug-page p { color:var(--ug-muted); text-align:left; }
.ug-hero,.ug-principles,.ug-collaboration,.ug-contact { padding-block:64px;  }
.ug-hero,.ug-collaboration { background:#fff; }
.ug-principles,.ug-contact { background:var(--ug-soft); }
.ug-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,480px); gap:20px; align-items:center; }
.ug-hero__copy { display:flex; min-width:0; padding-left:0;  flex-direction:column; justify-content:center; }
.ug-hero__copy h1 { margin-bottom:20px; }
.ug-hero__media { position:relative; width:100%; max-width:480px; height:280px; min-height:0; justify-self:end; overflow:hidden; isolation:isolate; }
.ug-hero__main { position:absolute; top:10px; left:0; display:block; width:calc(100% - 110px); height:260px; border:1px solid var(--ug-line); background:#fff; object-fit:cover; box-shadow:0 12px 28px rgba(23,54,82,.09); }
.ug-hero__detail { position:absolute; top:50px; right:0; z-index:2; display:block; width:170px; height:180px; border:6px solid #fff; outline:1px solid var(--ug-line); background:#fff; object-fit:cover; box-shadow:0 14px 28px rgba(23,54,82,.16); }
.ug-principle { min-width:0; }
.ug-principle--featured { display:grid; grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr); min-height:0; margin-bottom:26px; border:1px solid var(--ug-line); background:#fff; box-shadow:0 10px 26px rgba(25,67,100,.05); }
.ug-principle--featured.ug-principle--reverse { grid-template-columns:minmax(0,.62fr) minmax(300px,.38fr); }
.ug-principle--featured.ug-principle--reverse .ug-principle__media { order:2; }
.ug-principle__media { width:100%; height:320px; align-self:center; overflow:hidden; }
.ug-principle__media img { display:block; width:100%; height:320px; min-height:0; object-fit:cover; }
.ug-principle__copy { display:flex; min-width:0; padding:30px; flex-direction:column; justify-content:center; }
.ug-principle__head { display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; align-items:center; margin-bottom:18px; }
.ug-principle__head h2 { margin:0; }
.ug-principle__head>i,.ug-summary-card>i,.ug-service-card>i,.ug-contact__facts i { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border:1px solid var(--ug-blue); color:var(--ug-blue); background:#fff; font-weight:700; }
.ug-principles__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:30px; }
.ug-principle--card { display:flex; min-height:0; padding:27px; border:1px solid var(--ug-line);  flex-direction:column; background:#fff; box-shadow:0 10px 26px rgba(25,67,100,.045); }
.ug-principle--card .ug-actions { margin-top:auto; padding-top:12px; }
.ug-section-head { max-width:880px; margin:0 auto 34px; text-align:center; }
.ug-section-head p { text-align:center; }
.ug-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ug-summary-card { display:flex; height:100%; min-height:0; padding:26px; border:1px solid var(--ug-line);  flex-direction:column; background:#fff; }
.ug-summary-card>i,.ug-service-card>i { margin-bottom:18px; }
.ug-replacement { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); gap:0; align-items:stretch; margin-top:34px; border:1px solid var(--ug-line); background:var(--ug-soft); }
.ug-replacement__copy { display:flex; padding:32px; flex-direction:column; justify-content:center; }
.ug-replacement__media { min-height:340px; }
.ug-replacement__media img { display:block; width:100%; height:100%; object-fit:cover; }
.ug-contact__lead { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:30px; align-items:stretch; padding:34px; border:1px solid var(--ug-line); background:#fff; }
.ug-contact__copy { display:flex; flex-direction:column; justify-content:center; }
.ug-contact__facts { display:grid; grid-template-columns:1fr;  }
.ug-contact__facts>div { display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px 14px; align-items:center; padding:18px 0 18px 26px;  }
.ug-contact__facts>div:last-child {  }
.ug-contact__facts h3,.ug-contact__facts p { margin:0; }
.ug-contact__facts p { grid-column:2; }
.ug-service { margin-top:52px; }
.ug-service__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.ug-service-card { display:flex; height:100%; min-height:0; padding:26px; border:1px solid var(--ug-line);  flex-direction:column; background:#fff; }
.ug-service-card .ug-actions { margin-top:auto; padding-top:14px; }
.ug-actions { display:flex; flex-flow:row wrap; gap:12px; align-items:center; justify-content:flex-start; margin-top:22px; }
.ug-page .medeed-uniform-btn.th-btn { display:inline-flex !important; width:310px !important; min-width:310px; max-width:100%; height:54px !important; min-height:54px !important; align-items:center; justify-content:center; margin:0 !important; padding:0 18px !important; border:1px solid var(--ug-blue) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:var(--ug-blue) !important; box-shadow:none !important; text-align:center; text-decoration:none !important; text-transform:none; white-space:nowrap; transition:background-color .18s ease,color .18s ease,border-color .18s ease; }
.ug-page .medeed-uniform-btn.th-btn::before,.ug-page .medeed-uniform-btn.th-btn::after { display:none !important; }
.ug-page .medeed-uniform-btn.th-btn span { color:inherit !important; -webkit-text-fill-color:inherit !important; line-height:1; white-space:nowrap; }
.ug-page .medeed-uniform-btn.th-btn:is(:hover,:focus-visible) { border-color:var(--ug-blue) !important; color:var(--ug-blue) !important; -webkit-text-fill-color:var(--ug-blue) !important; background:#fff !important; }
.ug-page .medeed-uniform-btn.th-btn:focus-visible { outline:2px solid var(--ug-blue); outline-offset:3px; }
@media (max-width:991.98px) {
  .ug-hero__grid,.ug-principle--featured,.ug-principle--featured.ug-principle--reverse,.ug-replacement,.ug-contact__lead { grid-template-columns:1fr; }
  .ug-principle--featured.ug-principle--reverse .ug-principle__media { order:0; }
  .ug-hero__media { width:100%; max-width:500px; height:280px; min-height:0; justify-self:center; }
  .ug-principle__media,.ug-principle__media img { height:280px; min-height:0; }
  .ug-contact__facts {   }
  .ug-contact__facts>div { padding-left:0; }
  .ug-service__grid { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
  .ug-hero,.ug-principles,.ug-collaboration,.ug-contact { padding-block:46px; }
  .ug-principles__grid,.ug-summary-grid { grid-template-columns:1fr; }
  .ug-hero__copy { padding-left:0; }
  .ug-principle__copy,.ug-principle--card,.ug-summary-card,.ug-service-card { padding:22px; }
  .ug-principle__head { grid-template-columns:40px minmax(0,1fr); gap:11px; }
  .ug-principle__head>i { width:40px; height:40px; }
  .ug-contact__lead { padding:22px; }
  .ug-replacement__copy { padding:24px; }
  .ug-replacement__media { min-height:260px; }
}
@media (max-width:575.98px) {
  .ug-hero__media { height:230px; min-height:0; }
  .ug-hero__main { top:8px; width:calc(100% - 86px); height:214px; }
  .ug-hero__detail { top:45px; width:140px; height:140px; border-width:5px; }
  .ug-actions { flex-direction:column; align-items:stretch; }
  .ug-page .medeed-uniform-btn.th-btn { width:100% !important; min-width:0; padding-inline:12px !important; }
}
/* medeed-unsere-grundsaetze-2026-09-23:end */

/* medeed-fair-ui-2026-09-28:start */
#medeed-fair-hero-2026,
#medeed-fair-hero-2026 * { border-radius:0 !important; }
#medeed-fair-hero-2026 {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  background:#f3f8fb;
  color:#073462;
}
#medeed-fair-hero-2026 .mfr-hero-media { position:absolute; inset:0; z-index:-1; }
#medeed-fair-hero-2026 .mfr-hero-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right top;
}
#medeed-fair-hero-2026 .mfr-hero-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#f3f8fb 0%,#f3f8fb 18%,rgba(243,248,251,.98) 30%,rgba(243,248,251,.88) 44%,rgba(243,248,251,.58) 56%,rgba(243,248,251,.2) 68%,rgba(243,248,251,0) 78%);
}
#medeed-fair-hero-2026 .mfr-hero-inner {
  position:relative;
  display:flex;
  align-items:center;
  min-height:510px;
  padding:48px clamp(24px,4.5vw,80px);
}
#medeed-fair-hero-2026 .mfr-hero-copy { width:53%; max-width:740px; }
#medeed-fair-hero-2026 .sec-title { margin-bottom:20px; }
#medeed-fair-hero-2026 .sub-title { margin-bottom:14px; }
#medeed-fair-hero-2026 .sec-title__title { margin:0; color:#073462; line-height:1.12; text-transform:none; }
#medeed-fair-hero-2026 p { margin-bottom:14px; color:#234c6f; font-size:14px; line-height:1.65; }
.ug-service-card .ug-actions { width:100%; }
.ug-service-card .ug-actions .medeed-uniform-btn.th-btn {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
.ug-contact__lead--pro {
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid #dce6ee;
  background:#fff;
  box-shadow:0 18px 44px rgba(7,52,98,.075);
}
.ug-contact__lead--pro .ug-contact__copy {
  padding:clamp(34px,4vw,58px);
  background:linear-gradient(140deg,#fff 0%,#f7fafc 100%);
}
.ug-contact__lead--pro .ug-contact__copy h2 { margin-bottom:18px; }
.ug-contact__lead--pro .ug-contact__facts {
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding:24px;
  background:#eef4f8;
}
.ug-contact__lead--pro .ug-contact__facts > div {
  grid-template-columns:44px minmax(0,1fr);
  gap:10px 14px;
  padding:18px 20px;
  border:1px solid #dce6ee;
  background:#fff;
  box-shadow:0 8px 20px rgba(7,52,98,.045);
}
.ug-contact__lead--pro .ug-contact__facts > div:last-child { border:1px solid #dce6ee; }
.ug-contact__lead--pro .ug-contact__facts p { grid-column:2; }
@media (min-width:1200px) {
  #medeed-fair-hero-2026 .mfr-hero-media img {
    position:absolute;
    top:0;
    right:0;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    -webkit-mask-image:linear-gradient(180deg,#000 85%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 85%,transparent 100%);
  }
}
@media (max-width:1199px) {
  #medeed-fair-hero-2026 { display:flex; flex-direction:column; }
  #medeed-fair-hero-2026 .mfr-hero-inner { order:1; min-height:0; padding-top:32px; padding-bottom:24px; }
  #medeed-fair-hero-2026 .mfr-hero-copy { width:100%; max-width:none; }
  #medeed-fair-hero-2026 .mfr-hero-media { position:relative; inset:auto; order:2; z-index:0; aspect-ratio:2068 / 760; }
  #medeed-fair-hero-2026 .mfr-hero-media::after { background:linear-gradient(180deg,#f3f8fb 0%,rgba(243,248,251,.65) 8%,transparent 30%); }
}
@media (max-width:991px) {
  .ug-contact__lead--pro { grid-template-columns:1fr; }
  .ug-contact__lead--pro .ug-contact__facts { padding:22px; }
}
@media (max-width:575px) {
  .ug-contact__lead--pro .ug-contact__copy { padding:30px 22px; }
  .ug-contact__lead--pro .ug-contact__facts { padding:18px; }
  .ug-contact__lead--pro .ug-contact__facts > div { padding:17px 16px; }
  .ug-contact__lead--pro .ug-contact__copy .th-btn { width:100% !important; }
}
/* medeed-fair-ui-2026-09-28:end */
