@charset "utf-8";

/* ==========================================================
   MARKUSKAPELLER.AT – STYLE V5 / V59 LUXURY POLISH
   Master-Datei: Header, Hero, Seitenbasis, Über mich, Footer
========================================================== */

*, *::before, *::after { box-sizing: border-box; }
html { margin: 0; padding: 0; scroll-behavior: smooth; }
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #f7f4ee;
    color: #3f3b36;
    font-family: 'Open Sans', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; cursor: pointer; }
button, input, select, textarea { font: inherit; }

:root {
    --mk-bg: #f7f4ee;
    --mk-paper: #ffffff;
    --mk-soft: #fbfaf6;
    --mk-text: #3f3b36;
    --mk-muted: #746d64;
    --mk-heading: #201d1a;
    --mk-gold: #c8a45d;
    --mk-gold-dark: #8b6b2d;
    --mk-gold-soft: rgba(200,164,93,.14);
    --mk-dark: #12100e;
    --mk-black: #000000;
    --mk-border: #e5ded2;
    --mk-border-gold: rgba(200,164,93,.22);
    --mk-shadow-soft: 0 18px 45px rgba(0,0,0,.06);
    --mk-shadow: 0 24px 64px rgba(0,0,0,.16);
    --mk-shadow-heavy: 0 34px 90px rgba(0,0,0,.24);
    --mk-container: 1180px;
    --mk-radius: 24px;
    --mk-radius-large: 34px;
    --mk-ease: cubic-bezier(.22,.61,.36,1);
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    color: var(--mk-heading);
    font-family: 'PT Serif', serif;
    font-weight: 400;
    line-height: 1.12;
}
p { margin: 0; color: var(--mk-text); font-family: 'Open Sans', Arial, sans-serif; line-height: 1.8; }
strong { color: var(--mk-heading); font-weight: 700; }
main { position: relative; background: var(--mk-bg); }
section { position: relative; }
.mk-container, .container, .ft-container { width: min(var(--mk-container), calc(100% - 48px)); margin: 0 auto; }
.border { width: 100%; background: var(--mk-paper); }

/* ==========================================================
   BUTTONS / BASIS
========================================================== */

.btn, .mk-lux-link {
    display: inline-block;
    padding: 13px 28px;
    border: 1px solid var(--mk-gold);
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    color: var(--mk-gold-dark);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    transition: background .32s var(--mk-ease), color .32s var(--mk-ease), transform .32s var(--mk-ease), box-shadow .32s var(--mk-ease);
}
.btn:hover, .mk-lux-link:hover {
    background: var(--mk-gold);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,.14);
}

@keyframes mkHeroZoom { from { transform: scale(1.07); } to { transform: scale(1.02); } }
@keyframes mkScrollLine { from { left: -22px; } to { left: 54px; } }
@keyframes mkFadeUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }

/* ==========================================================
   PREMIUM HEADER / HERO
========================================================== */

.mk-header {
    position: relative;
    width: 100%;
    height: 58vh;
    min-height: 500px;
    max-height: 620px;
    overflow: hidden;
    background: var(--mk-black);
    isolation: isolate;
}
.mk-hero { position: relative; width: 100%; height: 100%; overflow: hidden; }

.mk-header-top {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 100;
    width: 100%;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.mk-header-inner {
    width: 92%;
    max-width: 1320px;
    min-height: 58px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 26px;
    border: 1px solid rgba(200,164,93,.24);
    border-radius: 24px;
    background: rgba(12,12,12,.18);
    box-shadow: 0 22px 65px rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    pointer-events: auto;
}

.mk-logo { display: block; flex: 0 0 auto; }
.mk-logo img {
    width: 98px;
    height: auto;
    display: block;
    filter: drop-shadow(0 10px 24px rgba(0,0,0,.34));
}

.mk-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 26px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-left: auto !important;
}
.mk-nav a {
    position: relative;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: 1.9px !important;
    text-transform: uppercase;
    white-space: nowrap !important;
    transition: color .35s var(--mk-ease), transform .35s var(--mk-ease);
}
.mk-nav a:hover { color: var(--mk-gold) !important; transform: translateY(-2px); }

.mk-hero-img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 48%;
    transform: scale(1.06);
    animation: mkHeroZoom 14s ease-out forwards;
}
.mk-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg,
            rgba(0,0,0,.42) 0%,
            rgba(0,0,0,.18) 45%,
            rgba(0,0,0,.05) 100%),
        linear-gradient(180deg,
            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,0) 40%,
            rgba(0,0,0,.28) 100%);
}
.mk-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 150px;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.52));
    pointer-events: none;
}
.mk-hero-content {
    position: absolute;
    z-index: 10;
    left: 8vw;
    bottom: 120px;
    max-width: 760px;
    color: #fff;
    animation: mkFadeUp .8s var(--mk-ease) both;
}
.mk-hero-kicker {
    margin: 0 0 22px 0;
    color: var(--mk-gold);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 4.5px;
    text-transform: uppercase;
}
.mk-hero-content h1 {
    max-width: 850px;
    margin: 0;
    color: #fff;
    font-family: 'PT Serif', serif;
    font-size: clamp(52px, 6vw, 92px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: .1px;
    text-shadow: 0 18px 55px rgba(0,0,0,.55);
}
.mk-gold-line {
    width: 118px;
    height: 2px;
    margin: 36px 0 32px 0;
    background: linear-gradient(90deg, var(--mk-gold), rgba(200,164,93,0));
    box-shadow: 0 0 18px rgba(200,164,93,.22);
}
.mk-hero-subline {
    max-width: 610px;
    color: rgba(255,255,255,.84);
    font-size: 18px;
    font-weight: 300;
    line-height: 1.78;
}
.mk-scroll-hint {
    position: absolute;
    z-index: 12;
    right: 58px;
    bottom: 46px;
    display: flex;
    align-items: center;
    gap: 16px;
    transform: rotate(90deg);
    transform-origin: right bottom;
    color: rgba(255,255,255,.72);
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.mk-scroll-hint div { position: relative; width: 54px; height: 1px; overflow: hidden; background: rgba(255,255,255,.45); }
.mk-scroll-hint div::after { content: ""; position: absolute; top: 0; left: -22px; width: 22px; height: 1px; background: var(--mk-gold); animation: mkScrollLine 1.8s ease-in-out infinite; }

/* ==========================================================
   SEITENBASIS / CONTENT
========================================================== */

.content-1 { width: 100%; padding: 90px 42px; background: var(--mk-paper); }
.left-box { max-width: 820px; }
.left-box h1, .content-1 h1 { margin-bottom: 24px; color: var(--mk-heading); font-size: clamp(42px, 5vw, 68px); }
.left-box h2, .content-1 h2 { margin-bottom: 42px; color: var(--mk-gold-dark); font-family: 'Open Sans', Arial, sans-serif; font-size: clamp(24px, 3vw, 34px); font-weight: 300; line-height: 1.45; }
.left-box p, .content-1 p { max-width: 820px; margin-bottom: 28px; color: #4d4740; font-size: 19px; line-height: 1.85; }
.left-box ul, .content-1 ul { max-width: 820px; padding-left: 22px; }
.left-box li, .content-1 li { margin-bottom: 14px; color: #4d4740; font-size: 18px; line-height: 1.7; }
.right-box { float: right; width: 380px; margin: 20px 0 40px 48px; }
.right-box img, .content-1 img, .left-box img { border-radius: 22px; box-shadow: var(--mk-shadow); }

.mk-lux-title { text-align: center; margin-bottom: 34px; }
.mk-lux-title span { display: block; width: 92px; height: 2px; margin: 0 auto 22px auto; background: linear-gradient(90deg, rgba(200,164,93,0), var(--mk-gold), rgba(200,164,93,0)); }
.mk-lux-title p { margin: 0 0 14px 0; color: var(--mk-gold-dark); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.mk-lux-title h2 { color: var(--mk-heading); font-size: clamp(34px, 3.6vw, 52px); letter-spacing: -.3px; }

/* ==========================================================
   STARTSEITE MODULE
========================================================== */

.mk-lux-welcome {
    padding: 82px 0 76px 0;
    background: radial-gradient(circle at 50% -20%, rgba(200,164,93,.10), rgba(255,255,255,0) 42%), #ffffff;
}
.mk-lux-welcome-text { max-width: 820px; margin: 0 auto; text-align: center; }
.mk-lux-welcome-text p { max-width: 720px; margin: 0 auto; color: #4b453e; font-size: 20px; font-weight: 300; line-height: 1.8; }

.mk-lux-about { padding: 92px 0; background: radial-gradient(circle at 85% 15%, rgba(200,164,93,.10), rgba(255,255,255,0) 34%), var(--mk-bg); }
.mk-lux-about-grid { display: grid; grid-template-columns: 1fr .95fr; gap: 68px; align-items: center; }
.mk-lux-overline { margin: 0 0 18px 0; color: var(--mk-gold-dark); font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.mk-lux-about-text { padding-left: 12px; }
.mk-lux-about-text h2 { max-width: 640px; margin-bottom: 34px; color: var(--mk-heading); font-size: clamp(38px, 4.5vw, 62px); }
.mk-lux-about-text p { max-width: 620px; margin-bottom: 24px; color: #4d4740; font-size: 19px; line-height: 1.85; }
.mk-lux-about-image { position: relative; }
.mk-lux-about-image::before { content: ""; position: absolute; inset: -18px; z-index: -1; border: 1px solid rgba(200,164,93,.18); border-radius: 36px; }
.mk-lux-about-image img { width: 100%; border-radius: 30px; box-shadow: 0 32px 90px rgba(0,0,0,.20), 0 0 0 1px rgba(200,164,93,.12); }
.mk-lux-link { margin-top: 30px; }

.mk-lux-world { position: relative; padding: 88px 0 118px 0; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f7f4ee 100%); }
.mk-lux-world::before { content: ""; position: absolute; top: -180px; left: 50%; width: 720px; height: 720px; transform: translateX(-50%); background: radial-gradient(circle, rgba(200,164,93,.10), rgba(200,164,93,0) 64%); pointer-events: none; }
.mk-lux-world .mk-container { position: relative; z-index: 2; }
.mk-lux-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; align-items: stretch; }
.mk-lux-card { position: relative; display: block; width: 100%; min-width: 0; min-height: 410px; height: 410px; overflow: hidden; border-radius: 26px; background: #000; box-shadow: 0 26px 70px rgba(0,0,0,.16), 0 0 0 1px rgba(200,164,93,.12); transition: transform .42s var(--mk-ease), box-shadow .42s var(--mk-ease); }
.mk-lux-card:hover { transform: translateY(-10px); box-shadow: 0 42px 90px rgba(0,0,0,.24), 0 0 0 1px rgba(200,164,93,.30); }
.mk-lux-card:nth-child(2) { transform: translateY(34px); }
.mk-lux-card:nth-child(2):hover { transform: translateY(22px); }
.mk-lux-card:nth-child(3) { transform: translateY(68px); }
.mk-lux-card:nth-child(3):hover { transform: translateY(56px); }
.mk-lux-card img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); filter: brightness(.72) contrast(1.08) saturate(.96); transition: transform .9s var(--mk-ease), filter .45s var(--mk-ease); }
.mk-lux-card:hover img { transform: scale(1.12); filter: brightness(.55) contrast(1.12) saturate(1.02); }
.mk-lux-card::before { content: ""; position: absolute; inset: 0; z-index: 2; opacity: .88; background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 35%, rgba(0,0,0,.84) 100%), radial-gradient(circle at 18% 16%, rgba(200,164,93,.18), rgba(0,0,0,0) 38%); transition: opacity .4s ease; }
.mk-lux-card:hover::before { opacity: 1; }
.mk-lux-card::after { content: ""; position: absolute; left: 32px; right: 32px; bottom: 30px; z-index: 4; height: 2px; background: linear-gradient(90deg, var(--mk-gold), rgba(200,164,93,0)); transform: scaleX(.34); transform-origin: left; transition: transform .42s var(--mk-ease); }
.mk-lux-card:hover::after { transform: scaleX(1); }
.mk-lux-card > div { position: absolute; z-index: 3; left: 32px; right: 32px; bottom: 54px; color: #fff; }
.mk-lux-card p { margin: 0 0 14px 0; color: var(--mk-gold); font-size: 12px; font-weight: 700; letter-spacing: 2.6px; opacity: .95; }
.mk-lux-card h3 { margin: 0 0 13px 0; color: #fff; font-family: 'PT Serif', serif; font-size: 34px; font-weight: 400; line-height: 1.12; text-shadow: 0 10px 30px rgba(0,0,0,.45); transition: transform .35s ease, color .35s ease; }
.mk-lux-card:hover h3 { transform: translateY(-4px); color: var(--mk-gold); }
.mk-lux-card span { display: block; max-width: 280px; color: rgba(255,255,255,.84); font-size: 15px; line-height: 1.65; text-shadow: 0 8px 24px rgba(0,0,0,.42); transition: opacity .35s ease; }
.mk-lux-card:hover span { opacity: .95; }

/* ==========================================================
   ÜBER MICH SEITE
========================================================== */

.mk-about-page { padding: 82px 0 62px; background: #fff; }
.mk-about-intro { max-width: 980px; margin: 0 auto; text-align: center; }
.mk-about-intro h1 { font-family: 'PT Serif', serif; font-size: clamp(46px, 6vw, 78px); line-height: 1.12; color: var(--mk-heading); margin: 24px 0 30px; }
.mk-about-intro p:last-child { max-width: 720px; margin: 0 auto; font-size: 21px; line-height: 1.8; color: var(--mk-muted); }

.mk-about-story { padding: 82px 0 88px; background: var(--mk-bg); }
.mk-about-story .mk-lux-about-grid { align-items: center; gap: 90px; }
.mk-about-story .mk-lux-about-text h2 { font-family: 'PT Serif', serif; font-size: clamp(38px, 4vw, 58px); line-height: 1.18; margin-bottom: 35px; }
.mk-about-story .mk-lux-about-text p { font-size: 19px; line-height: 1.85; color: #555; margin-bottom: 26px; }
.mk-about-story img { border-radius: 28px; overflow: hidden; box-shadow: 0 34px 70px rgba(0,0,0,.16); }

.mk-about-values { padding: 82px 0; background: #fff; }
.mk-about-values .mk-lux-card-grid { grid-template-columns: repeat(3, 1fr); }
.mk-about-value-card { padding: 42px; border-radius: 26px; background: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.06); transition: transform .35s var(--mk-ease), box-shadow .35s var(--mk-ease); }
.mk-about-value-card:hover { transform: translateY(-6px); box-shadow: 0 24px 58px rgba(0,0,0,.09); }
.mk-about-value-card p { color: var(--mk-gold); font-size: 14px; letter-spacing: 3px; font-weight: 700; }
.mk-about-value-card h3 { margin: 20px 0; font-size: 34px; font-family: 'PT Serif', serif; font-weight: 400; }
.mk-about-value-card span { display: block; font-size: 17px; line-height: 1.8; color: var(--mk-muted); }

.mk-lux-quote { padding: 84px 0 64px; background: var(--mk-bg); text-align: center; }
.mk-lux-quote blockquote { max-width: 900px; margin: 0 auto; font-family: 'PT Serif', serif; font-size: clamp(32px, 4vw, 56px); line-height: 1.35; color: var(--mk-heading); }
.mk-lux-quote footer { margin-top: 34px; color: var(--mk-gold-dark); font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; }

.mk-about-quote {
    max-width: 980px;
    margin: 120px auto 90px;
    padding: 0 24px;
    text-align: center;
    position: relative;
}
.mk-about-quote-mark { display: none; }
.mk-about-quote blockquote {
    margin: 0;
    font-size: clamp(38px, 4.4vw, 62px);
    line-height: 1.38;
    color: #222;
    font-family: 'PT Serif', serif;
    font-style: italic;
    font-weight: 400;
}
.mk-about-quote-author {
    margin-top: 46px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #b78d39;
    font-size: 14px;
    font-weight: 700;
}

.mk-about-next {
    position: relative;
    width: min(1180px, calc(100% - 48px));
    margin: 76px auto 92px;
    overflow: hidden;
    border-radius: 34px;
    background: #000;
    box-shadow: 0 34px 90px rgba(0,0,0,.22);
}
.mk-about-next img { width: 100%; height: 460px; object-fit: cover; display: block; }
.mk-about-next-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0,0,0,.76), rgba(0,0,0,.28)), linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.55));
}
.mk-about-next-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 70px;
    color: #fff;
    text-align: center;
}
.mk-about-next-content p, .mk-about-next p {
    margin: 0 0 18px 0;
    color: var(--mk-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.mk-about-next-content h2, .mk-about-next h2 {
    max-width: 820px;
    margin: 0 0 38px 0;
    color: #fff;
    font-size: clamp(40px, 5vw, 70px);
    line-height: 1.18;
}
.mk-about-next-content a, .mk-about-next a {
    width: fit-content;
    padding: 20px 48px;
    border: 1px solid rgba(255,255,255,.50);
    border-radius: 999px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    transition: background .3s ease, border-color .3s ease, transform .3s ease;
}
.mk-about-next-content a:hover, .mk-about-next a:hover { background: var(--mk-gold); border-color: var(--mk-gold); transform: translateY(-2px); }

/* ==========================================================
   FOOTER – CLEAN LUXURY
========================================================== */

.footer {
    width: 100%;
    padding: 90px 0 46px 0;
    background: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.94)), url(../img/ft-bg.jpg);
    background-color: #171513;
    background-size: cover;
    background-position: center;
    border-top: 4px solid var(--mk-gold);
}
.ft-container {
    width: min(var(--mk-container), calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 390px;
    gap: 76px;
    align-items: start;
}
.ft-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 26px;
}
.ft-left img {
    max-width: 190px;
    margin: 0 0 38px 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.ft-left a {
    color: rgba(255,255,255,.86);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin: 0 0 16px 0;
    transition: color .3s var(--mk-ease), transform .3s var(--mk-ease);
}
.ft-left a:hover { color: var(--mk-gold); transform: translateX(6px); }
.ft-right {
    padding: 32px 34px;
    border: 1px solid rgba(200,164,93,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}
.ft-right p { margin: 0 0 20px 0; color: rgba(255,255,255,.84); font-size: 16px; line-height: 1.75; }
.ft-right strong { color: #fff; }
.ft-right a { color: #fff; }
.ft-right a:hover { color: var(--mk-gold); }
.ft-right img { display: inline-block; width: 34px; height: 34px; margin-right: 15px; margin-top: 12px; opacity: .9; transition: transform .3s var(--mk-ease), opacity .3s var(--mk-ease); box-shadow: none !important; border-radius: 0 !important; }
.ft-right img:hover { transform: scale(1.12); opacity: 1; }
.ft-copyright { grid-column: 1 / -1; text-align: center; margin-top: 35px; }
.ft-copyright p { color: rgba(255,255,255,.45); font-size: 13px; }

/* Altes rotes Besteck-Logo im Footer ausblenden, falls noch im HTML vorhanden */
.footer img[src*="logo"], .footer img[src*="footer"] {
    max-height: 110px;
    object-fit: contain;
}

/* ==========================================================
   MODX / ALTE MODULE / GRIDS
========================================================== */

.mk-highlight { max-width: 860px; margin: 42px 0; padding: 28px 34px; border-left: 4px solid var(--mk-gold); border-radius: 0 18px 18px 0; background: #faf7ef; }
.mk-highlight p { margin: 0; }
.content-dreiboxen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; padding: 45px 42px 90px 42px; background: #fff; }
.drittel-box { position: relative; height: 360px; overflow: hidden; border-radius: 24px; background: #000; box-shadow: 0 22px 55px rgba(0,0,0,.15), 0 0 0 1px rgba(200,164,93,.10); }
.drittel-box img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.74); transition: transform .65s var(--mk-ease), filter .4s var(--mk-ease); }
.drittel-box:hover img { transform: scale(1.08); filter: brightness(.56); }
.drittel-box .text-container { position: absolute; z-index: 3; left: 28px; right: 28px; bottom: 38px; color: #fff; }
.drittel-box .box-title { margin-bottom: 12px; color: #fff; font-family: 'PT Serif', serif; font-size: 30px; line-height: 1.12; }
.drittel-box .box-text { color: rgba(255,255,255,.84); font-size: 15px; line-height: 1.6; }

form { max-width: 620px; margin-top: 34px; font-family: 'Open Sans', Arial, sans-serif; }
label { display: block; margin-bottom: 7px; color: var(--mk-heading); font-size: 14px; font-weight: 700; letter-spacing: .6px; }
input, select, textarea { width: 100%; min-height: 46px; margin: 0 0 18px 0; padding: 12px 14px; border: 1px solid var(--mk-border); border-radius: 12px; background: #fff; color: var(--mk-text); font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; outline: none; transition: border-color .3s var(--mk-ease), box-shadow .3s var(--mk-ease); }
textarea { min-height: 160px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--mk-gold); box-shadow: 0 0 0 4px rgba(200,164,93,.13); }
input[type="checkbox"] { width: auto; min-height: 0; margin-right: 8px; }
input[type="submit"], button, button[type="submit"] { display: inline-block; width: auto; min-height: auto; padding: 13px 28px; border: 1px solid var(--mk-gold); border-radius: 999px; background: var(--mk-gold); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; cursor: pointer; transition: background .3s var(--mk-ease), transform .3s var(--mk-ease), box-shadow .3s var(--mk-ease); }
input[type="submit"]:hover, button:hover, button[type="submit"]:hover { background: var(--mk-gold-dark); transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.14); }
.error, .error p { color: #b12323; font-weight: 700; }

.partner-grid, .mk-partner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; margin-top: 44px; }
.partner-card, .mk-partner-card { padding: 34px; border: 1px solid var(--mk-border); border-radius: 22px; background: #fff; box-shadow: var(--mk-shadow-soft); transition: transform .3s var(--mk-ease), box-shadow .3s var(--mk-ease); }
.partner-card:hover, .mk-partner-card:hover { transform: translateY(-6px); box-shadow: 0 26px 60px rgba(0,0,0,.12); }
.partner-card img, .mk-partner-card img { max-width: 220px; max-height: 120px; margin: 0 auto 24px auto; object-fit: contain; border-radius: 0; box-shadow: none; }
.mk-image-grid, .natur-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 44px; }
.mk-image-grid img, .natur-grid img { width: 100%; height: 330px; object-fit: cover; border-radius: 22px; box-shadow: var(--mk-shadow); }

/* ==========================================================
   REZEPTSEITE BASIS
========================================================== */

#rezept { position: relative; width: 100%; min-height: 100vh; overflow: hidden; background: #000; color: #fff; }
.left-pt { position: fixed; left: 0; top: 0; width: 50%; height: 100vh; overflow: hidden; background: #000; }
.left-pt img { width: 100%; height: 100%; object-fit: cover; }
.right-pt { position: relative; float: right; width: 50%; min-height: 100vh; background: #0c0b0a; color: #fff; }
.right-wrapper { padding: 58px 54px 80px 54px; }
.right-pt h1 { margin: 0 0 18px 0; color: #fff; font-size: clamp(38px, 4vw, 64px); }
.right-pt h2 { margin: 0 0 34px 0; color: var(--mk-gold); font-family: 'Open Sans', Arial, sans-serif; font-size: 22px; font-weight: 300; line-height: 1.45; }
.einleitung { margin-bottom: 42px; }
.einleitung p, .right-pt p { color: rgba(255,255,255,.84); font-size: 17px; line-height: 1.75; }
.zutaten { float: left; width: 30%; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.28); }
.zubereitung { float: right; width: 62%; padding-top: 22px; padding-right: 12px; border-top: 1px solid rgba(255,255,255,.28); }
.zutaten p, .zubereitung p { margin-bottom: 16px; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.75; }
.zubereitung-head, .zubereitung-head p { color: #fff; font-weight: 700; }
.back-btn { position: fixed; z-index: 50; top: 34px; right: 34px; width: 38px; height: 38px; border-radius: 50%; background: rgba(0,0,0,.42) url(../img/cls.png) center center / 14px 14px no-repeat; border: 1px solid rgba(255,255,255,.20); }
.zuruck-btn { position: fixed; z-index: 50; left: 34px; bottom: 34px; padding: 10px 18px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(0,0,0,.48); color: #fff; font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; }
.galerie { position: fixed; z-index: 40; left: 34px; bottom: 86px; display: flex; gap: 10px; }
.galerie img { width: 72px; height: 72px; object-fit: cover; border: 2px solid rgba(255,255,255,.35); border-radius: 12px; opacity: .78; cursor: pointer; transition: opacity .3s var(--mk-ease), transform .3s var(--mk-ease); }
.galerie img:hover { opacity: 1; transform: translateY(-3px); }
.rezepte-nav { clear: both; margin-top: 56px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.78); }
.link-prev, .link-next { display: inline-block; width: 48%; color: rgba(255,255,255,.82); font-size: 14px; }
.link-next { text-align: right; }
.link-prev a, .link-next a { color: rgba(255,255,255,.82); }
.link-prev a:hover, .link-next a:hover { color: var(--mk-gold); }
.rezepte-sortierung { padding: 34px 42px 20px 42px; background: #fff; }
.rezepte-sortierung a { display: inline-block; margin: 0 10px 12px 0; padding: 10px 18px; border: 1px solid var(--mk-border); border-radius: 999px; color: var(--mk-gold-dark); font-size: 13px; font-weight: 700; cursor: pointer; transition: all .3s var(--mk-ease); }
.rezepte-sortierung a:hover, .active-rezept { background: var(--mk-gold) !important; border-color: var(--mk-gold) !important; color: #fff !important; }

/* ==========================================================
   UTILITIES / CLEANUP
========================================================== */

#gefluegel, #schwein, #schnelle-kueche, #was-man-wissen-sollte, #fisch, #suessess, #eingemachtes { display: none; }
.stain, .help-portrait-mobil, #ying-yang-mobile, #ying-yang-mobile2, #banner-fade, #slides, .bjqs, .bjqs-caption, .bjqs-controls, .bjqs-markers, .slicknav_menu, #burger-icon, #mobil-nav { display: none !important; }
.justifyleft { text-align: left; }
.center, .text-center { text-align: center; }
.clearfix::after { content: ""; display: table; clear: both; }
.trenner-wrap { padding: 0 42px; background: #fff; }
.trenner { width: 100%; height: 1px; margin: 60px 0; background: linear-gradient(90deg, rgba(200,164,93,0), rgba(200,164,93,.75), rgba(200,164,93,0)); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #1b1815; }
::-webkit-scrollbar-thumb { background: #5c5145; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--mk-gold); }

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1180px) {
    .mk-header { min-height: 820px; }
    .mk-header-inner { width: 94%; padding: 14px 28px; }
    .mk-logo img { width: 140px; }
    .mk-nav { gap: 22px !important; }
    .mk-nav a { font-size: 10px !important; letter-spacing: 1.4px !important; }
    .mk-hero-content { left: 6vw; bottom: 130px; }
    .mk-lux-about-grid { gap: 56px; }
}

@media (max-width: 760px) {
    .mk-header { min-height: 720px; }
    .mk-header-top { top: 24px; }
    .mk-header-inner { width: calc(100% - 34px); min-height: auto; padding: 16px 20px; border-radius: 18px; }
    .mk-logo img { width: 125px; }
    .mk-nav { display: none !important; }
    .mk-hero-content { left: 26px; right: 26px; bottom: 105px; max-width: none; }
    .mk-hero-content h1 { font-size: 46px; }
    .mk-hero-subline { font-size: 16px; line-height: 1.65; }
    .mk-scroll-hint { right: 32px; bottom: 32px; }
    .mk-lux-welcome, .mk-lux-about, .mk-lux-world, .mk-about-page, .mk-about-story, .mk-about-values, .mk-lux-quote { padding: 72px 0; }
    .mk-lux-about-grid, .mk-lux-card-grid, .content-dreiboxen, .partner-grid, .mk-partner-grid, .mk-image-grid, .natur-grid { grid-template-columns: 1fr; }
    .mk-lux-card:nth-child(2), .mk-lux-card:nth-child(3), .mk-lux-card:nth-child(2):hover, .mk-lux-card:nth-child(3):hover { transform: none; }
    .mk-lux-card { max-width: 560px; height: 360px; min-height: 360px; margin: 0 auto; }
    .mk-about-values .mk-lux-card-grid { grid-template-columns: 1fr; }
    .right-box { float: none; width: 100%; max-width: 430px; margin: 30px auto; }
    .content-1 { padding: 70px 24px; }
    .mk-about-next { margin: 70px auto 80px; }
    .mk-about-next img { height: 420px; }
    .mk-about-next-content { padding: 34px; }
    .ft-container { grid-template-columns: 1fr; gap: 34px; }
    .ft-right { max-width: 430px; }
    #rezept { overflow: visible; }
    .left-pt { position: relative; width: 100%; height: 420px; }
    .right-pt { float: none; width: 100%; min-height: auto; }
    .right-wrapper { padding: 46px 26px 70px 26px; }
    .zutaten, .zubereitung { float: none; width: 100%; margin-bottom: 34px; }
    .galerie { position: absolute; left: 22px; bottom: auto; top: 326px; }
    .zuruck-btn { left: 22px; bottom: auto; top: 22px; }
    .back-btn { top: 22px; right: 22px; }
}

@media (max-width: 560px) {
    .mk-container, .container, .ft-container { width: calc(100% - 34px); }
    .mk-header { min-height: 680px; }
    .mk-header-inner { padding: 14px 16px; }
    .mk-logo img { width: 112px; }
    .mk-hero-content h1 { font-size: 38px; }
    .mk-hero-kicker { font-size: 11px; letter-spacing: 3px; }
    .mk-gold-line { margin: 28px 0 24px 0; }
    .mk-lux-title { margin-bottom: 42px; }
    .mk-lux-welcome-text p, .mk-lux-about-text p, .left-box p, .content-1 p { font-size: 17px; line-height: 1.75; }
    .mk-lux-card { height: 330px; min-height: 330px; border-radius: 20px; }
    .mk-lux-card h3 { font-size: 28px; }
    .content-1 { padding: 56px 18px; }
    .content-dreiboxen { padding: 40px 18px 70px 18px; }
    .partner-card, .mk-partner-card { padding: 26px; }
    .mk-image-grid img, .natur-grid img { height: 240px; }
    .mk-about-quote { margin: 80px auto 60px; }
    .mk-about-quote blockquote { font-size: 34px; }
    .mk-about-next { width: calc(100% - 34px); border-radius: 24px; }
    .mk-about-next-content h2, .mk-about-next h2 { font-size: 34px; }
    .mk-about-next-content a, .mk-about-next a { padding: 16px 32px; font-size: 13px; }
    .left-pt { height: 340px; }
    .right-wrapper { padding: 38px 20px 58px 20px; }
    .galerie { top: 262px; }
    .galerie img { width: 56px; height: 56px; }
}

@media print {
    .mk-header, .mk-scroll-hint, .footer { display: none !important; }
    body { background: #fff; color: #000; }
    a { color: #000; text-decoration: underline; }
}/* ==========================================================
   FIX – ALTE SYSTEM-SYMBOLE AUSBLENDEN
========================================================== */

.stain,
.help-portrait,
.help-portrait-mobil,
#ying-yang,
#ying-yang-mobile,
#ying-yang-mobile2,
img[src*="fork"],
img[src*="gabel"],
img[src*="messer"],
img[src*="knife"],
img[src*="cleaver"],
img[src*="ying"],
img[src*="yang"] {
    display: none !important;
}

/* ==========================================================
   V69 – FINAL STABILITY FIXES
========================================================== */

.mk-header-top {
    z-index: 200;
}

.mk-header-inner,
.mk-logo,
.mk-logo img,
.mk-nav,
.mk-nav a {
    pointer-events: auto;
}

@media (min-width: 761px) {
    .mk-nav {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .mk-nav a {
        display: inline-block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Alte Trenner-Bilder / System-Symbole endgültig ausblenden */
.trenner img,
img[src*="trenner-1"],
img[src*="trenner-2"],
.stain,
.help-portrait,
.help-portrait-mobil,
#ying-yang,
#ying-yang-mobile,
#ying-yang-mobile2,
img[src*="fork"],
img[src*="gabel"],
img[src*="messer"],
img[src*="knife"],
img[src*="cleaver"],
img[src*="ying"],
img[src*="yang"] {
    display: none !important;
}

.trenner {
    width: 100%;
    height: 1px;
    margin: 54px 0;
    background: linear-gradient(90deg, rgba(200,164,93,0), rgba(200,164,93,.75), rgba(200,164,93,0));
}

@media (max-width: 760px) {
    .mk-header {
        height: 76vh;
        min-height: 600px;
        max-height: none;
    }

    .mk-header-top {
        top: 22px;
    }

    .mk-header-inner {
        width: calc(100% - 28px);
        min-height: 68px;
        padding: 10px 16px;
    }

    .mk-logo img {
        width: 102px;
    }

    .mk-nav {
        display: none !important;
    }

    .mk-hero-content {
        left: 24px;
        right: 24px;
        bottom: 70px;
        max-width: none;
    }

    .mk-hero-content h1 {
        font-size: 38px;
    }

    .mk-hero-subline {
        font-size: 15px;
    }
}/* V70 – HEADER DESKTOP FEINSCHLIFF */
@media (min-width: 1024px) {

    .mk-header-top {
        top: 18px !important;
    }

    .mk-header-inner {
        min-height: 50px !important;
        padding: 6px 24px !important;
        border-radius: 20px !important;
    }

    .mk-logo img {
        width: 88px !important;
    }

    .mk-nav {
        gap: 22px !important;
    }

    .mk-nav a {
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
    }
}/* V71 – HEADER FINAL PROPORTION */
@media (min-width: 1024px) {

    .mk-header-inner {
        min-height: 44px !important;
        padding: 4px 24px !important;
        border-radius: 18px !important;
    }

    .mk-logo img {
        width: 108px !important;
    }

    .mk-header-top {
        top: 16px !important;
    }
}/* ==========================================================
   V72 – CLARA PREMIUM FINISH / STARTSEITE DESKTOP
========================================================== */

@media (min-width: 1024px) {

    .mk-header {
        height: 62vh;
        min-height: 640px;
        max-height: 760px;
    }

    .mk-header-top {
        top: 18px !important;
    }

    .mk-header-inner {
        min-height: 78px !important;
        padding: 10px 30px !important;
        border-radius: 26px !important;
        background: rgba(22,24,25,.28) !important;
        border: 1px solid rgba(200,164,93,.26) !important;
        box-shadow: 0 22px 70px rgba(0,0,0,.20) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    .mk-logo img {
        width: 128px !important;
    }

    .mk-nav {
        gap: 24px !important;
    }

    .mk-nav a {
        font-size: 10px !important;
        letter-spacing: 1.6px !important;
    }

    .mk-hero-content {
        bottom: 82px !important;
        left: 8vw !important;
    }

    .mk-hero-content h1 {
        font-size: clamp(54px, 5.4vw, 82px) !important;
        line-height: 1.04 !important;
    }

    .mk-lux-welcome {
        padding: 74px 0 66px 0 !important;
    }

    .mk-lux-about {
        padding: 86px 0 96px 0 !important;
    }

    .mk-lux-link {
        margin-top: 18px !important;
    }

    .mk-lux-about-image img {
        border-radius: 22px !important;
    }

    .mk-lux-world {
        padding: 78px 0 124px 0 !important;
    }

    .mk-lux-card {
        border-radius: 22px !important;
        min-height: 390px !important;
        height: 390px !important;
    }

    .mk-lux-card img {
        filter: brightness(.88) contrast(1.05) saturate(1.02) !important;
    }

    .mk-lux-card::before {
        opacity: .66 !important;
        background:
            linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.16) 38%, rgba(0,0,0,.68) 100%),
            radial-gradient(circle at 18% 16%, rgba(200,164,93,.16), rgba(0,0,0,0) 40%) !important;
    }

    .mk-lux-card:hover img {
        filter: brightness(.62) contrast(1.10) saturate(1.04) !important;
    }

    .mk-lux-card:hover::before {
        opacity: .90 !important;
    }

    .footer {
        padding: 86px 0 44px 0 !important;
    }

    .ft-container {
        grid-template-columns: 1fr 520px !important;
        gap: 90px !important;
    }

    .ft-right {
        min-height: 360px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
}/* ==========================================================
   V73 – KLEINER HEADER FÜR UNTERSEITEN
========================================================== */

.mk-sub-header {
    width: 100%;
    padding: 22px 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.78)),
        url("../img/ft-bg.jpg");
    background-size: cover;
    background-position: center;
}

.mk-sub-header-inner {
    width: 92%;
    max-width: 1320px;
    min-height: 78px;
    margin: 0 auto;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(200,164,93,.26);
    border-radius: 26px;
    background: rgba(22,24,25,.36);
    box-shadow: 0 22px 70px rgba(0,0,0,.22);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.mk-sub-header .mk-logo img {
    width: 128px;
}

.mk-sub-header .mk-nav {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}

.mk-sub-header .mk-nav a {
    color: rgba(255,255,255,.92) !important;
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 1.6px !important;
    text-transform: uppercase;
}

.mk-sub-header .mk-nav a:hover {
    color: var(--mk-gold) !important;
}

@media (max-width: 760px) {
    .mk-sub-header {
        padding: 18px 0;
    }

    .mk-sub-header-inner {
        width: calc(100% - 28px);
        min-height: 68px;
        padding: 10px 16px;
        border-radius: 18px;
    }

    .mk-sub-header .mk-logo img {
        width: 102px;
    }

    .mk-sub-header .mk-nav {
        display: none !important;
    }
}/* ==========================================================
   V74 – LUXURY SUBHEADER / ÜBER MICH FEINSCHLIFF
========================================================== */

.mk-sub-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    width: 100% !important;
    padding: 18px 0 !important;
    background: rgba(12,12,12,.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(200,164,93,.15) !important;
}

.mk-sub-header-inner {
    width: min(1380px, 92%) !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.mk-sub-header .mk-logo img {
    width: 108px !important;
    height: auto !important;
    transition: .35s ease !important;
}

.mk-sub-header .mk-nav {
    display: flex !important;
    align-items: center !important;
    gap: 34px !important;
}

.mk-sub-header .mk-nav a {
    color: rgba(255,255,255,.90) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: .30s ease !important;
}

.mk-sub-header .mk-nav a:hover {
    color: var(--mk-gold) !important;
}

.mk-about-page {
    padding: 46px 0 62px !important;
}

@media (max-width: 760px) {
    .mk-sub-header {
        padding: 14px 0 !important;
    }

    .mk-sub-header .mk-logo img {
        width: 88px !important;
    }

    .mk-sub-header .mk-nav {
        display: none !important;
    }

    .mk-about-page {
        padding: 38px 0 56px !important;
    }
}/* ==========================================================
   V75 – UNTERSEITEN-NAVIGATION SICHTBAR + INTRO FEINSCHLIFF
========================================================== */

@media (min-width: 761px) {

    .mk-sub-header .mk-sub-header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .mk-sub-header .mk-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 28px !important;
        margin-left: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mk-sub-header .mk-nav a {
        display: inline-block !important;
        color: rgba(255,255,255,.88) !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 1.7px !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mk-sub-header .mk-nav a:hover {
        color: var(--mk-gold) !important;
    }

    .mk-about-intro h1 {
        max-width: 980px !important;
        margin: 18px auto 26px !important;
        font-size: clamp(52px, 5vw, 68px) !important;
        line-height: 1.08 !important;
    }

    .mk-about-intro > p:last-child {
        max-width: 900px !important;
        font-size: 19px !important;
        line-height: 1.75 !important;
    }
}

@media (max-width: 760px) {

    .mk-sub-header .mk-nav {
        display: none !important;
    }

    .mk-about-intro h1 {
        font-size: 42px !important;
        line-height: 1.1 !important;
        margin: 16px auto 24px !important;
    }
}/* ==========================================================
   V76 – UNTERSEITEN-HEADER OHNE ALTE NAV-KONFLIKTE
========================================================== */

.mk-sub-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    padding: 16px 0;
    background: rgba(18,18,18,.96);
    border-bottom: 1px solid rgba(200,164,93,.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.mk-sub-header-inner {
    width: min(1180px, calc(100% - 48px));
    min-height: 82px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mk-sub-logo {
    display: block;
    flex: 0 0 auto;
}

.mk-sub-logo img {
    display: block;
    width: 125px;
    height: auto;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.28));
}

.mk-sub-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    margin-left: auto;
    opacity: 1;
    visibility: visible;
}

.mk-sub-nav a {
    display: inline-block;
    color: rgba(255,255,255,.88);
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    transition: color .3s ease, transform .3s ease;
}

.mk-sub-nav a:hover {
    color: var(--mk-gold);
    transform: translateY(-2px);
}

@media (max-width: 900px) {
    .mk-sub-header-inner {
        width: calc(100% - 34px);
        min-height: 70px;
    }

    .mk-sub-logo img {
        width: 105px;
    }

    .mk-sub-nav {
        gap: 15px;
    }

    .mk-sub-nav a {
        font-size: 9px;
        letter-spacing: 1.1px;
    }
}

@media (max-width: 760px) {
    .mk-sub-header {
        padding: 12px 0;
    }

    .mk-sub-header-inner {
        min-height: 62px;
    }

    .mk-sub-logo img {
        width: 92px;
    }

    .mk-sub-nav {
        display: none;
    }
}/* ==========================================================
   V77 – UNTERSEITEN-HEADER FINAL FEINSCHLIFF
========================================================== */

@media (min-width: 901px) {

    .mk-sub-header {
        padding: 10px 0 !important;
    }

    .mk-sub-header-inner {
        min-height: 72px !important;
    }

    .mk-sub-logo img {
        width: 112px !important;
    }

    .mk-sub-nav {
        gap: 30px !important;
    }

    .mk-sub-nav a {
        font-size: 10px !important;
        letter-spacing: 1.8px !important;
    }
}/* ==========================================================
   V78 – ÜBER MICH STORY PREMIUM FEINSCHLIFF
========================================================== */

.mk-about-story {
    padding: 88px 0 104px !important;
    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(200,164,93,.10),
            rgba(200,164,93,0) 34%
        ),
        #f7f4ee !important;
}

.mk-about-story .mk-lux-about-grid {
    grid-template-columns: 1fr .88fr !important;
    gap: 82px !important;
    align-items: center !important;
}

.mk-about-story .mk-lux-about-text {
    padding-left: 0 !important;
}

.mk-about-story .mk-lux-overline {
    margin-bottom: 22px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 12px !important;
    letter-spacing: 3.8px !important;
}

.mk-about-story .mk-lux-about-text h2 {
    max-width: 690px !important;
    margin-bottom: 34px !important;
    font-size: clamp(42px, 4.2vw, 60px) !important;
    line-height: 1.10 !important;
    letter-spacing: -.5px !important;
}

.mk-about-story .mk-lux-about-text p {
    max-width: 640px !important;
    margin-bottom: 22px !important;
    color: #514b44 !important;
    font-size: 18px !important;
    line-height: 1.82 !important;
}

.mk-about-story .mk-lux-about-image {
    position: relative !important;
}

.mk-about-story .mk-lux-about-image::before {
    content: "" !important;
    position: absolute !important;
    inset: -16px !important;
    z-index: -1 !important;
    border: 1px solid rgba(200,164,93,.22) !important;
    border-radius: 28px !important;
}

.mk-about-story .mk-lux-about-image img {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 22px !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.18),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

@media (max-width: 900px) {

    .mk-about-story .mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 58px !important;
    }

    .mk-about-story .mk-lux-about-text h2 {
        max-width: 760px !important;
    }

    .mk-about-story .mk-lux-about-image {
        max-width: 620px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 560px) {

    .mk-about-story {
        padding: 68px 0 78px !important;
    }

    .mk-about-story .mk-lux-about-text h2 {
        font-size: 38px !important;
        line-height: 1.12 !important;
    }

    .mk-about-story .mk-lux-about-text p {
        font-size: 17px !important;
    }

    .mk-about-story .mk-lux-about-image img {
        aspect-ratio: 4 / 5 !important;
        border-radius: 18px !important;
    }
}/* ==========================================================
   V79 – ÜBER-MICH-BILD PROPORTION UND HELLIGKEIT
========================================================== */

@media (min-width: 901px) {

    .mk-about-story .mk-lux-about-grid {
        grid-template-columns: 1.08fr .82fr !important;
        gap: 72px !important;
        align-items: center !important;
    }

    .mk-about-story .mk-lux-about-image {
        width: 100% !important;
        max-width: 470px !important;
        justify-self: end !important;
        margin: 0 !important;
    }

    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: 590px !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: center 28% !important;
        filter: brightness(.92) contrast(1.03) !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 900px) {

    .mk-about-story .mk-lux-about-image img {
        height: auto !important;
        max-height: 650px !important;
        object-fit: cover !important;
        object-position: center 25% !important;
        filter: brightness(.94) contrast(1.02) !important;
    }
}/* ==========================================================
   V80 – ÜBER MICH / MAC- UND TABLET-PROPORTIONEN
========================================================== */

@media (max-width: 900px) {

    .mk-about-story {
        padding: 64px 0 82px !important;
    }

    .mk-about-story .mk-lux-about-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 46px !important;
    }

    .mk-about-story .mk-lux-about-image {
        width: 100% !important;
        max-width: 460px !important;
        margin: 0 auto !important;
    }

    .mk-about-story .mk-lux-about-image::before {
        inset: -10px !important;
        border-radius: 24px !important;
    }

    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: 540px !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: center 28% !important;
        filter: brightness(.98) contrast(1.02) !important;
        border-radius: 18px !important;
    }

    .mk-about-values {
        padding: 68px 0 78px !important;
    }

    .mk-about-values .mk-lux-title {
        margin-bottom: 42px !important;
    }

    .mk-about-values .mk-lux-title h2 {
        font-size: clamp(38px, 6vw, 52px) !important;
        line-height: 1.12 !important;
    }

    .mk-about-values .mk-lux-card-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .mk-about-value-card {
        width: 100% !important;
        min-height: auto !important;
        padding: 34px 38px !important;
        border: 1px solid rgba(200,164,93,.12) !important;
        border-radius: 20px !important;
    }

    .mk-about-value-card h3 {
        margin: 14px 0 12px !important;
        font-size: 31px !important;
    }

    .mk-about-value-card span {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .mk-lux-quote {
        padding: 76px 0 !important;
        text-align: center !important;
    }

    .mk-lux-quote blockquote {
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 0 24px !important;
        font-size: clamp(34px, 6vw, 50px) !important;
        line-height: 1.35 !important;
    }

    .mk-lux-quote footer {
        margin-top: 28px !important;
    }

    .mk-about-next {
        width: calc(100% - 48px) !important;
        margin: 64px auto 82px !important;
        border-radius: 24px !important;
    }

    .mk-about-next img {
        height: 440px !important;
    }

    .mk-about-next-content {
        padding: 42px 34px !important;
    }

    .mk-about-next-content h2 {
        max-width: 680px !important;
        font-size: clamp(38px, 6vw, 54px) !important;
        line-height: 1.18 !important;
    }
}

@media (max-width: 560px) {

    .mk-about-story .mk-lux-about-image {
        max-width: 100% !important;
    }

    .mk-about-story .mk-lux-about-image img {
        height: 460px !important;
    }

    .mk-about-value-card {
        padding: 28px 26px !important;
    }

    .mk-about-next {
        width: calc(100% - 28px) !important;
    }

    .mk-about-next img {
        height: 420px !important;
    }
}/* =====================================================
   PHASE 2 – PREMIUM VALUE CARDS
===================================================== */

.mk-lux-card-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:34px;
    margin-top:70px;

}

.mk-about-value-card{

    position:relative;

    padding:58px 46px;

    background:#fff;

    border-radius:28px;

    border:1px solid rgba(200,164,93,.14);

    box-shadow:
        0 18px 45px rgba(0,0,0,.06);

    transition:.45s ease;

    overflow:hidden;

}

.mk-about-value-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(
        90deg,
        #c8a45d,
        #e4c98a,
        #c8a45d
    );

    transform:scaleX(0);

    transition:.45s;

}

.mk-about-value-card:hover{

    transform:translateY(-12px);

    border-color:#c8a45d;

    box-shadow:
        0 35px 80px rgba(0,0,0,.12);

}

.mk-about-value-card:hover::before{

    transform:scaleX(1);

}

.mk-about-value-card p{

    font-size:15px;

    font-weight:700;

    letter-spacing:4px;

    color:#c8a45d;

    margin-bottom:24px;

}

.mk-about-value-card h3{

    font-size:36px;

    margin-bottom:22px;

    font-family:'PT Serif',serif;

    color:#1f1f1f;

}

.mk-about-value-card span{

    display:block;

    font-size:18px;

    line-height:1.9;

    color:#666;

}@media(max-width:980px){

.mk-lux-card-grid{

    grid-template-columns:1fr;

    gap:24px;

}

.mk-about-value-card{

    padding:42px 34px;

}

}/* =====================================================
   V81 – PREMIUM REZEPTBANNER
===================================================== */

.mk-about-next{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    box-shadow:
        0 40px 90px rgba(0,0,0,.18);

}

.mk-about-next img{

    height:560px !important;

    transition:1.2s;

}

.mk-about-next:hover img{

    transform:scale(1.05);

}

.mk-about-next-overlay{

    background:

    linear-gradient(
        90deg,
        rgba(0,0,0,.82),
        rgba(0,0,0,.42)
    ),

    linear-gradient(
        180deg,
        rgba(0,0,0,.08),
        rgba(0,0,0,.45)
    ) !important;

}

.mk-about-next-content{

    align-items:flex-start !important;

    text-align:left !important;

    max-width:620px;

}

.mk-about-next-content span{

    display:block;

    margin-bottom:42px;

    color:rgba(255,255,255,.86);

    font-size:18px;

    line-height:1.9;

}

.mk-about-next-content h2{

    margin-bottom:30px !important;

}

.mk-about-next-content a{

    transition:.35s;

}

.mk-about-next-content a:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 40px rgba(0,0,0,.20);

}/* ==========================================================
   V82 – ÜBER MICH / PORTRAIT NACH OBEN
========================================================== */

@media (min-width: 901px) {

    .mk-about-story {
        padding: 72px 0 96px !important;
    }

    .mk-about-story .mk-lux-about-grid {
        display: grid !important;
        grid-template-columns: 1.05fr .85fr !important;
        gap: 72px !important;
        align-items: start !important;
    }

    .mk-about-story .mk-lux-about-text {
        padding-top: 0 !important;
    }

    .mk-about-story .mk-lux-about-image {
        align-self: start !important;
        justify-self: end !important;
        width: 100% !important;
        max-width: 470px !important;
        margin-top: 0 !important;
    }

    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: 590px !important;
        object-fit: cover !important;
        object-position: center 24% !important;
        border-radius: 22px !important;
    }
}

@media (max-width: 900px) {

    .mk-about-story .mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 42px !important;
    }

    .mk-about-story .mk-lux-about-image {
        max-width: 520px !important;
        margin: 0 auto !important;
    }
}/* ==========================================================
   V83 – ÜBER MICH / TYPOGRAFIE UND ABSTÄNDE
========================================================== */

@media (min-width: 901px) {

    /* Mehr Abstand zwischen Einleitung und persönlichem Bereich */
    .mk-container.mk-about-intro {
        padding-bottom: 58px !important;
    }

    /* Storybereich mit Text und Portrait */
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid {
        padding-top: 18px !important;
        padding-bottom: 96px !important;
        align-items: start !important;
    }

    /* Name über der großen Überschrift */
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-overline {
        margin-bottom: 22px !important;
    }

    /* Große Berufs-/Lebensüberschrift verkleinern */
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-text h2 {
        max-width: 680px !important;
        margin-bottom: 34px !important;
        font-size: clamp(40px, 3.8vw, 56px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.4px !important;
    }

    /* Fließtext ruhiger gestalten */
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-text p:not(.mk-lux-overline) {
        max-width: 620px !important;
        margin-bottom: 22px !important;
        font-size: 18px !important;
        line-height: 1.82 !important;
    }
}

@media (max-width: 900px) {

    .mk-container.mk-about-intro {
        padding-bottom: 44px !important;
    }

    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-text h2 {
        font-size: clamp(38px, 7vw, 50px) !important;
        line-height: 1.13 !important;
    }
}

@media (max-width: 560px) {

    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-text h2 {
        font-size: 36px !important;
    }

    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-text p:not(.mk-lux-overline) {
        font-size: 17px !important;
        line-height: 1.75 !important;
    }
}/* ==========================================================
   V84 – WAS MICH PRÄGT / PREMIUM WERTEKARTEN
========================================================== */

.mk-about-values {
    padding: 96px 0 112px !important;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(200,164,93,.10),
            rgba(200,164,93,0) 38%
        ),
        #ffffff !important;
}

.mk-about-values .mk-lux-title {
    max-width: 860px !important;
    margin: 0 auto 64px !important;
    text-align: center !important;
}

.mk-about-values .mk-lux-title p {
    margin-bottom: 18px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
}

.mk-about-values .mk-lux-title h2 {
    font-size: clamp(42px, 4.3vw, 60px) !important;
    line-height: 1.12 !important;
}

.mk-about-values .mk-lux-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin-top: 0 !important;
}

.mk-about-value-card {
    position: relative !important;
    min-height: 330px !important;
    padding: 48px 42px 42px !important;
    overflow: hidden !important;
    border: 1px solid rgba(200,164,93,.18) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(247,244,238,.92)
        ) !important;
    box-shadow:
        0 20px 52px rgba(0,0,0,.07),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
    transition:
        transform .42s var(--mk-ease),
        box-shadow .42s var(--mk-ease),
        border-color .42s var(--mk-ease) !important;
}

.mk-about-value-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--mk-gold),
            transparent
        ) !important;
    transform: scaleX(.32) !important;
    transform-origin: center !important;
    transition: transform .42s var(--mk-ease) !important;
}

.mk-about-value-card::after {
    content: "" !important;
    position: absolute !important;
    top: -70px !important;
    right: -70px !important;
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            circle,
            rgba(200,164,93,.15),
            rgba(200,164,93,0) 70%
        ) !important;
    pointer-events: none !important;
}

.mk-about-value-card:hover {
    transform: translateY(-10px) !important;
    border-color: rgba(200,164,93,.45) !important;
    box-shadow:
        0 34px 76px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.mk-about-value-card:hover::before {
    transform: scaleX(1) !important;
}

.mk-about-value-card > p {
    margin: 0 0 28px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
}

.mk-about-value-card h3 {
    margin: 0 0 22px !important;
    color: var(--mk-heading) !important;
    font-family: "PT Serif", serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

.mk-about-value-card span {
    display: block !important;
    max-width: 320px !important;
    color: #655e56 !important;
    font-size: 17px !important;
    line-height: 1.78 !important;
}

@media (max-width: 980px) {

    .mk-about-values {
        padding: 78px 0 88px !important;
    }

    .mk-about-values .mk-lux-card-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .mk-about-value-card {
        min-height: auto !important;
        padding: 38px 36px !important;
    }

    .mk-about-value-card span {
        max-width: 680px !important;
    }
}

@media (max-width: 560px) {

    .mk-about-values {
        padding: 66px 0 74px !important;
    }

    .mk-about-values .mk-lux-title {
        margin-bottom: 42px !important;
    }

    .mk-about-values .mk-lux-title h2 {
        font-size: 38px !important;
    }

    .mk-about-value-card {
        padding: 32px 28px !important;
        border-radius: 20px !important;
    }

    .mk-about-value-card h3 {
        font-size: 32px !important;
    }

    .mk-about-value-card span {
        font-size: 16px !important;
    }
}/* ==========================================================
   V85 – MAC DESKTOP KORREKTUR
   Text/Bild nebeneinander + drei Wertekarten + flacher Header
========================================================== */

@media (min-width: 761px) {

    /* Unterseiten-Header kompakter */
    .mk-sub-header {
        padding: 8px 0 !important;
    }

    .mk-sub-header-inner {
        width: min(1180px, calc(100% - 48px)) !important;
        min-height: 66px !important;
    }

    .mk-sub-logo img {
        width: 108px !important;
    }

    .mk-sub-nav {
        gap: 24px !important;
    }

    .mk-sub-nav a {
        font-size: 9px !important;
        letter-spacing: 1.5px !important;
    }

    /* Einleitung kompakter */
    .mk-about-intro {
        padding-top: 42px !important;
        padding-bottom: 58px !important;
    }

    /* Story: Text links, Portrait rechts */
    .mk-about-story .mk-lux-about-grid,
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(320px, .82fr) !important;
        gap: 64px !important;
        align-items: start !important;
    }

    .mk-about-story .mk-lux-about-image,
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-image {
        width: 100% !important;
        max-width: 440px !important;
        margin: 0 !important;
        justify-self: end !important;
    }

    .mk-about-story .mk-lux-about-image img,
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-image img {
        width: 100% !important;
        height: 560px !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center 25% !important;
        border-radius: 22px !important;
    }

    /* Überschrift im Story-Bereich */
    .mk-about-story .mk-lux-about-text h2,
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid
    .mk-lux-about-text h2 {
        font-size: clamp(40px, 4vw, 54px) !important;
        line-height: 1.12 !important;
    }

    /* Werte-Karten wieder nebeneinander */
    .mk-about-values .mk-lux-card-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .mk-about-value-card {
        min-height: 310px !important;
        padding: 42px 34px !important;
    }

    .mk-about-value-card h3 {
        font-size: 34px !important;
    }

    .mk-about-value-card span {
        font-size: 16px !important;
        line-height: 1.72 !important;
    }
}

/* Handy bleibt bewusst einspaltig */
@media (max-width: 760px) {

    .mk-about-story .mk-lux-about-grid,
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid {
        grid-template-columns: 1fr !important;
    }

    .mk-about-values .mk-lux-card-grid {
        grid-template-columns: 1fr !important;
    }
}/* ==========================================================
   V86 – MAC / SAFARI DESKTOP ERZWINGEN
   Trackpad oder Maus = Desktop-Layout
========================================================== */

@media (min-width: 620px) and (pointer: fine) {

    /* Storybereich: Text links, Portrait rechts */
    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid,
    .mk-about-story .mk-lux-about-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(260px, .82fr) !important;
        gap: 48px !important;
        align-items: start !important;
    }

    .mk-lux-about-text h2,
    .mk-about-story .mk-lux-about-text h2 {
        font-size: clamp(38px, 4.5vw, 52px) !important;
        line-height: 1.12 !important;
    }

    .mk-lux-about-image,
    .mk-about-story .mk-lux-about-image {
        width: 100% !important;
        max-width: 410px !important;
        margin: 0 !important;
        justify-self: end !important;
    }

    .mk-lux-about-image img,
    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: 530px !important;
        object-fit: cover !important;
        object-position: center 25% !important;
    }

    /* Drei Wertekarten auf dem Mac nebeneinander */
    .mk-about-values .mk-lux-card-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .mk-about-value-card {
        min-height: 285px !important;
        padding: 36px 26px !important;
    }

    .mk-about-value-card h3 {
        font-size: 31px !important;
    }

    .mk-about-value-card span {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}

/* Kleine Touchgeräte bleiben untereinander */
@media (max-width: 760px) and (pointer: coarse) {

    .mk-container.mk-about-intro
    + .mk-container.mk-lux-about-grid,
    .mk-about-story .mk-lux-about-grid,
    .mk-about-values .mk-lux-card-grid {
        grid-template-columns: 1fr !important;
    }
}
/* ==========================================================
   V87 – LUXURY POLISH PHASE 3 / ÜBER MICH FINAL
   Desktop- und Mac-Proportionen, kompakte Wertekarten
========================================================== */

/* Unterseiten-Header: ruhig, kompakt und stabil */
.mk-sub-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    padding: 8px 0 !important;
    background: rgba(18,18,18,.97) !important;
    border-bottom: 1px solid rgba(200,164,93,.16) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.mk-sub-header-inner {
    width: min(1180px, calc(100% - 48px)) !important;
    min-height: 66px !important;
    margin: 0 auto !important;
}

.mk-sub-logo img {
    width: 108px !important;
}

.mk-sub-nav {
    gap: 24px !important;
}

.mk-sub-nav a {
    font-size: 9px !important;
    letter-spacing: 1.5px !important;
}

/* Intro: weniger Leerraum und saubere Hierarchie */
.mk-about-page {
    padding: 42px 0 54px !important;
}

.mk-about-intro h1 {
    max-width: 980px !important;
    margin: 16px auto 24px !important;
    font-size: clamp(48px, 4.8vw, 66px) !important;
    line-height: 1.08 !important;
}

.mk-about-intro > p:last-child {
    max-width: 900px !important;
    font-size: 19px !important;
    line-height: 1.7 !important;
}

/* Storybereich: am Desktop klar zweispaltig */
@media (min-width: 901px) {
    .mk-about-story {
        padding: 74px 0 84px !important;
    }

    .mk-about-story .mk-lux-about-grid,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(340px, .82fr) !important;
        gap: 58px !important;
        align-items: center !important;
    }

    .mk-about-story .mk-lux-about-image,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-image {
        width: 100% !important;
        max-width: 430px !important;
        margin: 0 !important;
        justify-self: end !important;
    }

    .mk-about-story .mk-lux-about-image img,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-image img {
        width: 100% !important;
        height: 520px !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: center 25% !important;
        border-radius: 22px !important;
    }

    .mk-about-story .mk-lux-about-text h2,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-text h2 {
        margin-bottom: 28px !important;
        font-size: clamp(40px, 3.8vw, 54px) !important;
        line-height: 1.1 !important;
    }

    .mk-about-story .mk-lux-about-text p,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-text p {
        margin-bottom: 18px !important;
        font-size: 17px !important;
        line-height: 1.75 !important;
    }
}

/* Wertebereich: die allgemeinen Bildkarten-Höhen vollständig neutralisieren */
.mk-about-values {
    padding: 70px 0 82px !important;
}

.mk-about-values .mk-lux-title {
    margin-bottom: 38px !important;
}

.mk-about-values .mk-lux-title h2 {
    font-size: clamp(38px, 3.7vw, 52px) !important;
    line-height: 1.1 !important;
}

.mk-about-values .mk-lux-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

.mk-about-values .mk-about-value-card,
.mk-about-values .mk-lux-card.mk-about-value-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 245px !important;
    margin: 0 !important;
    padding: 34px 30px !important;
    overflow: hidden !important;
    border: 1px solid rgba(200,164,93,.22) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, #fff 0%, #fbfaf6 100%) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.06) !important;
    transform: none !important;
}

.mk-about-values .mk-about-value-card:hover,
.mk-about-values .mk-lux-card.mk-about-value-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 26px 58px rgba(0,0,0,.09) !important;
}

.mk-about-values .mk-about-value-card > p {
    margin: 0 0 22px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 3.5px !important;
}

.mk-about-values .mk-about-value-card h3 {
    margin: 0 0 16px !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
}

.mk-about-values .mk-about-value-card span {
    display: block !important;
    max-width: none !important;
    color: #655e56 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Tablet */
@media (min-width: 761px) and (max-width: 980px) {
    .mk-about-story .mk-lux-about-grid,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid {
        grid-template-columns: 1fr 0.82fr !important;
        gap: 38px !important;
    }

    .mk-about-story .mk-lux-about-image img,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-image img {
        height: 460px !important;
    }

    .mk-about-values .mk-lux-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .mk-about-values .mk-about-value-card,
    .mk-about-values .mk-lux-card.mk-about-value-card {
        min-height: 230px !important;
        padding: 30px 24px !important;
    }

    .mk-about-values .mk-about-value-card h3 {
        font-size: 29px !important;
    }

    .mk-about-values .mk-about-value-card span {
        font-size: 14px !important;
    }
}

/* Handy */
@media (max-width: 760px) {
    .mk-sub-header {
        padding: 10px 0 !important;
    }

    .mk-sub-header-inner {
        width: calc(100% - 28px) !important;
        min-height: 60px !important;
    }

    .mk-sub-logo img {
        width: 90px !important;
    }

    .mk-about-page {
        padding: 34px 0 48px !important;
    }

    .mk-about-story {
        padding: 58px 0 68px !important;
    }

    .mk-about-story .mk-lux-about-grid,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .mk-about-story .mk-lux-about-image,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-image {
        max-width: 440px !important;
        margin: 0 auto !important;
    }

    .mk-about-story .mk-lux-about-image img,
    .mk-container.mk-about-intro + .mk-container.mk-lux-about-grid .mk-lux-about-image img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
        object-position: center 25% !important;
    }

    .mk-about-values {
        padding: 58px 0 68px !important;
    }

    .mk-about-values .mk-lux-card-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .mk-about-values .mk-about-value-card,
    .mk-about-values .mk-lux-card.mk-about-value-card {
        min-height: 0 !important;
        padding: 30px 26px !important;
    }

    .mk-about-values .mk-about-value-card h3 {
        font-size: 31px !important;
    }

    .mk-about-values .mk-about-value-card span {
        font-size: 16px !important;
    }
}/* ==========================================================
   V88 – VALUES LUXURY CARDS
========================================================== */

.mk-values{

    padding:110px 0;

    background:
    radial-gradient(circle at top right,
    rgba(200,164,93,.08),
    transparent 35%),
    #f8f5ef;

}

.mk-values-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:34px;

    margin-top:70px;

}

.mk-value{

    position:relative;

    padding:42px;

    background:#fff;

    border:1px solid rgba(200,164,93,.16);

    border-radius:28px;

    box-shadow:0 18px 50px rgba(0,0,0,.06);

    transition:.35s;

}

.mk-value:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 70px rgba(0,0,0,.10);

}

.mk-value-number{

    display:block;

    margin-bottom:24px;

    color:#b58b38;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

}

.mk-value h3{

    margin:0;

    font-size:42px;

    font-family:'PT Serif',serif;

}

.mk-value-line{

    width:90px;

    height:2px;

    margin:26px 0 28px;

    background:linear-gradient(90deg,#c8a45d,transparent);

}

.mk-value p{

    color:#666;

    font-size:18px;

    line-height:1.9;

}

.mk-arrow{

    display:block;

    margin-top:36px;

    color:#b58b38;

    font-size:26px;

    transition:.3s;

}

.mk-value:hover .mk-arrow{

    transform:translateX(10px);

}

@media(max-width:980px){

.mk-values-grid{

grid-template-columns:1fr;

}

.mk-value{

padding:34px;

}

}/* ==========================================================
   V90 – ÜBER MICH / WERTEKARTEN FINAL
========================================================== */

.mk-values {
    position: relative;
    overflow: hidden;
    padding: 94px 0 104px;
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(200, 164, 93, .12),
            rgba(200, 164, 93, 0) 32%
        ),
        linear-gradient(
            180deg,
            #f8f5ef 0%,
            #f4f0e8 100%
        );
}

.mk-values::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 50%;
    width: 760px;
    height: 320px;
    transform: translateX(-50%);
    background:
        radial-gradient(
            circle,
            rgba(200, 164, 93, .08),
            rgba(200, 164, 93, 0) 68%
        );
    pointer-events: none;
}

.mk-values .mk-container {
    position: relative;
    z-index: 2;
}

.mk-values .mk-lux-title {
    max-width: 900px;
    margin: 0 auto 58px;
    text-align: center;
}

.mk-values .mk-lux-title p {
    margin: 0 0 18px;
    color: var(--mk-gold-dark);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.mk-values .mk-lux-title h2 {
    margin: 0;
    color: var(--mk-heading);
    font-family: "PT Serif", serif;
    font-size: clamp(40px, 4vw, 58px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -.4px;
}

.mk-values .mk-values-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
    width: 100%;
    margin: 0 !important;
}

.mk-values .mk-value {
    position: relative;
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    min-height: 390px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 38px 36px 34px !important;
    overflow: hidden;
    border: 1px solid rgba(200, 164, 93, .20);
    border-radius: 24px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .98),
            rgba(251, 248, 241, .96)
        );
    box-shadow:
        0 18px 48px rgba(42, 34, 24, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transform: none !important;
    transition:
        transform .38s var(--mk-ease),
        box-shadow .38s var(--mk-ease),
        border-color .38s var(--mk-ease);
}

.mk-values .mk-value::before {
    content: "";
    position: absolute;
    top: -85px;
    right: -85px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(200, 164, 93, .15),
            rgba(200, 164, 93, 0) 70%
        );
    pointer-events: none;
}

.mk-values .mk-value::after {
    content: "";
    position: absolute;
    left: 36px;
    right: 36px;
    bottom: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            rgba(200, 164, 93, 0),
            var(--mk-gold),
            rgba(200, 164, 93, 0)
        );
    opacity: 0;
    transform: scaleX(.35);
    transition:
        opacity .38s var(--mk-ease),
        transform .38s var(--mk-ease);
}

.mk-values .mk-value:hover {
    border-color: rgba(200, 164, 93, .42);
    box-shadow:
        0 30px 72px rgba(42, 34, 24, .13),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    transform: translateY(-8px) !important;
}

.mk-values .mk-value:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

.mk-values .mk-value-number {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 0 28px;
    color: var(--mk-gold-dark);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 4px;
}

.mk-values .mk-value h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--mk-heading);
    font-family: "PT Serif", serif;
    font-size: clamp(34px, 3vw, 42px);
    font-weight: 400;
    line-height: 1.12;
}

.mk-values .mk-value-line {
    position: relative;
    z-index: 2;
    width: 96px;
    height: 2px;
    margin: 25px 0 25px;
    background:
        linear-gradient(
            90deg,
            var(--mk-gold),
            rgba(200, 164, 93, 0)
        );
}

.mk-values .mk-value > p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #655f57;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.78;
}

.mk-values .mk-value-arrow {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: auto;
    padding-top: 28px;
    color: var(--mk-gold-dark);
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    transition:
        color .3s ease,
        transform .3s var(--mk-ease);
}

.mk-values .mk-value:hover .mk-value-arrow {
    color: var(--mk-gold);
    transform: translateX(8px);
}


/* TABLET */

@media (min-width: 761px) and (max-width: 1050px) {

    .mk-values {
        padding: 82px 0 90px;
    }

    .mk-values .mk-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mk-values .mk-value:last-child {
        grid-column: 1 / -1;
        max-width: 560px;
        width: 100%;
        justify-self: center;
    }

    .mk-values .mk-value {
        min-height: 350px !important;
    }
}


/* HANDY */

@media (max-width: 760px) {

    .mk-values {
        padding: 68px 0 76px;
    }

    .mk-values .mk-lux-title {
        margin-bottom: 38px;
    }

    .mk-values .mk-lux-title p {
        margin-bottom: 14px;
        font-size: 11px;
        letter-spacing: 3px;
    }

    .mk-values .mk-lux-title h2 {
        font-size: 38px;
        line-height: 1.12;
    }

    .mk-values .mk-values-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .mk-values .mk-value,
    .mk-values .mk-value:last-child {
        grid-column: auto;
        width: 100%;
        max-width: none;
        min-height: 0 !important;
        padding: 30px 28px 27px !important;
        border-radius: 20px;
    }

    .mk-values .mk-value-number {
        margin-bottom: 20px;
    }

    .mk-values .mk-value h3 {
        font-size: 34px;
    }

    .mk-values .mk-value-line {
        margin: 20px 0 21px;
    }

    .mk-values .mk-value > p {
        font-size: 16px;
        line-height: 1.72;
    }

    .mk-values .mk-value-arrow {
        margin-top: 0;
        padding-top: 24px;
    }
}


/* KLEINE HANDYS */

@media (max-width: 420px) {

    .mk-values .mk-lux-title h2 {
        font-size: 33px;
    }

    .mk-values .mk-value {
        padding: 27px 24px 25px !important;
    }

    .mk-values .mk-value h3 {
        font-size: 31px;
    }
}/* ==========================================================
   V91 – ÜBER MICH / PORTRAITBEREICH FINAL
========================================================== */

@media (min-width: 901px) {

    .mk-about-story {
        padding: 86px 0 104px !important;
    }

    .mk-about-story .mk-lux-about-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr) !important;
        gap: 72px !important;
        align-items: center !important;
    }

    .mk-about-story .mk-lux-about-text {
        padding-left: 0 !important;
    }

    .mk-about-story .mk-lux-about-text h2 {
        max-width: 690px !important;
        margin: 0 0 32px !important;
        font-size: clamp(44px, 4.2vw, 60px) !important;
        line-height: 1.10 !important;
        letter-spacing: -.5px !important;
    }

    .mk-about-story .mk-lux-about-text p {
        max-width: 650px !important;
        margin: 0 0 22px !important;
        color: #514b44 !important;
        font-size: 18px !important;
        line-height: 1.82 !important;
    }

    .mk-about-story .mk-lux-about-image {
        position: relative !important;
        width: 100% !important;
        max-width: 520px !important;
        margin: 0 !important;
        justify-self: end !important;
    }

    .mk-about-story .mk-lux-about-image::before {
        content: "" !important;
        position: absolute !important;
        inset: -14px !important;
        z-index: -1 !important;
        border: 1px solid rgba(200,164,93,.24) !important;
        border-radius: 30px !important;
    }

    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: 620px !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center 28% !important;
        border-radius: 24px !important;
        filter: brightness(.97) contrast(1.02) !important;
        box-shadow:
            0 34px 82px rgba(0,0,0,.18),
            0 0 0 1px rgba(200,164,93,.10) !important;
        transition:
            transform .45s var(--mk-ease),
            box-shadow .45s var(--mk-ease) !important;
    }

    .mk-about-story .mk-lux-about-image:hover img {
        transform: scale(1.015) !important;
        box-shadow:
            0 42px 96px rgba(0,0,0,.22),
            0 0 0 1px rgba(200,164,93,.18) !important;
    }
}


/* TABLET */

@media (min-width: 761px) and (max-width: 900px) {

    .mk-about-story {
        padding: 72px 0 86px !important;
    }

    .mk-about-story .mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }

    .mk-about-story .mk-lux-about-image {
        width: 100% !important;
        max-width: 540px !important;
        margin: 0 auto !important;
    }

    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: 590px !important;
        object-fit: cover !important;
        object-position: center 28% !important;
        border-radius: 22px !important;
    }
}


/* HANDY */

@media (max-width: 760px) {

    .mk-about-story {
        padding: 62px 0 74px !important;
    }

    .mk-about-story .mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 38px !important;
    }

    .mk-about-story .mk-lux-about-text h2 {
        margin-bottom: 26px !important;
        font-size: 38px !important;
        line-height: 1.12 !important;
    }

    .mk-about-story .mk-lux-about-text p {
        margin-bottom: 20px !important;
        font-size: 17px !important;
        line-height: 1.76 !important;
    }

    .mk-about-story .mk-lux-about-image {
        width: 100% !important;
        max-width: 460px !important;
        margin: 0 auto !important;
    }

    .mk-about-story .mk-lux-about-image::before {
        inset: -9px !important;
        border-radius: 22px !important;
    }

    .mk-about-story .mk-lux-about-image img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
        object-position: center 28% !important;
        border-radius: 18px !important;
    }
}/* ==========================================================
   V92 – PREMIUM VALUE CARDS
========================================================== */

.mk-about-value-card{

    padding:58px 58px 50px;

    min-height:320px;

    border-radius:34px;

    transition:.35s ease;

}

.mk-about-value-card h3{

    margin-top:24px;

    margin-bottom:22px;

    font-size:56px;

    line-height:1.08;

}

.mk-about-value-card span{

    display:block;

    max-width:540px;

    font-size:21px;

    line-height:1.9;

}

.mk-about-value-card p{

    font-size:17px;

    letter-spacing:5px;

    color:var(--mk-gold-dark);

}

.mk-about-value-card::after{

    width:180px;

    margin-top:28px;

}

.mk-about-value-card:hover{

    transform:translateY(-10px);

    box-shadow:
        0 40px 90px rgba(0,0,0,.12);

}/* ==========================================================
   V93 – ÜBER MICH / FINAL MICRO POLISH
========================================================== */

/* Portrait etwas näher an den Text holen */

.mk-about-story .mk-lux-about-image {
    margin-top: -10px !important;
}


/* Wertekarten: Linie und Pfeil veredeln */

.mk-values .mk-value-line {
    width: 118px !important;
}

.mk-values .mk-value-arrow {
    font-size: 29px !important;
    color: var(--mk-gold-dark) !important;
}

.mk-values .mk-value:hover .mk-value-arrow {
    transform: translateX(12px) !important;
}


/* Hover ruhiger und hochwertiger */

.mk-values .mk-value:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 28px 68px rgba(42,34,24,.12),
        inset 0 1px 0 rgba(255,255,255,.96) !important;
}


/* Rezeptbanner: Textblock kompakter */

.mk-about-next-content {
    align-items: flex-start !important;
    text-align: left !important;
}

.mk-about-next-content h2 {
    max-width: 720px !important;
}

.mk-about-next-content span {
    display: block !important;
    max-width: 720px !important;
    margin-bottom: 32px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.mk-about-next-content a {
    margin-top: 0 !important;
}


/* Tablet und Handy weiterhin zentriert */

@media (max-width: 760px) {

    .mk-about-story .mk-lux-about-image {
        margin-top: 0 !important;
    }

    .mk-about-next-content {
        align-items: center !important;
        text-align: center !important;
    }

    .mk-about-next-content span {
        max-width: 560px !important;
        margin-bottom: 26px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .mk-values .mk-value-line {
        width: 105px !important;
    }

    .mk-values .mk-value-arrow {
        font-size: 26px !important;
    }
}/* ==========================================================
   V95 – REZEPTÜBERSICHT / LUXURY RECIPE CARDS
========================================================== */

/* Bestehendes MODX-Raster */

.content-dreiboxen {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px !important;
    align-items: stretch !important;
    padding: 48px 42px 100px !important;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f5ef 100%
        ) !important;
}


/* Karte */

.mk-recipe-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(200, 164, 93, .17);
    border-radius: 24px;
    background: #ffffff;
    box-shadow:
        0 18px 48px rgba(37, 30, 22, .08),
        0 0 0 1px rgba(255, 255, 255, .75) inset;
    transition:
        transform .42s var(--mk-ease),
        box-shadow .42s var(--mk-ease),
        border-color .42s var(--mk-ease);
}

.mk-recipe-card:hover {
    border-color: rgba(200, 164, 93, .42);
    transform: translateY(-9px);
    box-shadow:
        0 34px 78px rgba(37, 30, 22, .16),
        0 0 0 1px rgba(255, 255, 255, .85) inset;
}


/* Gesamter Kartenlink */

.mk-recipe-card-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: inherit;
}


/* Bildbereich */

.mk-recipe-card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #181512;
}

.mk-recipe-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter:
        brightness(.92)
        contrast(1.04)
        saturate(.96);
    transform: scale(1.015);
    transition:
        transform .9s var(--mk-ease),
        filter .48s ease;
}

.mk-recipe-card-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .02) 0%,
            rgba(0, 0, 0, .04) 55%,
            rgba(0, 0, 0, .24) 100%
        ),
        radial-gradient(
            circle at 12% 12%,
            rgba(200, 164, 93, .14),
            rgba(200, 164, 93, 0) 38%
        );
    transition: background .45s ease;
}

.mk-recipe-card:hover .mk-recipe-card-image img {
    filter:
        brightness(.78)
        contrast(1.08)
        saturate(1.02);
    transform: scale(1.09);
}

.mk-recipe-card:hover .mk-recipe-card-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .04) 0%,
            rgba(0, 0, 0, .10) 50%,
            rgba(0, 0, 0, .40) 100%
        ),
        radial-gradient(
            circle at 12% 12%,
            rgba(200, 164, 93, .22),
            rgba(200, 164, 93, 0) 42%
        );
}


/* Textbereich */

.mk-recipe-card-content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 30px 30px 28px;
}

.mk-recipe-card-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 74px;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            var(--mk-gold),
            rgba(200, 164, 93, 0)
        );
    transition: width .42s var(--mk-ease);
}

.mk-recipe-card:hover .mk-recipe-card-content::before {
    width: 128px;
}


/* Kleine Kategoriezeile */

.mk-recipe-card-kicker {
    margin: 0 0 13px !important;
    color: var(--mk-gold-dark) !important;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1.2 !important;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}


/* Rezepttitel */

.mk-recipe-card-title {
    margin: 0 0 17px;
    color: var(--mk-heading);
    font-family: "PT Serif", serif;
    font-size: clamp(27px, 2.2vw, 35px);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -.25px;
    transition: color .32s ease;
}

.mk-recipe-card:hover .mk-recipe-card-title {
    color: var(--mk-gold-dark);
}


/* Beschreibung */

.mk-recipe-card-description {
    margin: 0 !important;
    color: #6b645c !important;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.72 !important;
}


/* Link unten */

.mk-recipe-card-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 28px;
    color: var(--mk-heading);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.mk-recipe-card-action > span {
    color: var(--mk-gold-dark);
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    transition:
        color .32s ease,
        transform .32s var(--mk-ease);
}

.mk-recipe-card:hover .mk-recipe-card-action > span {
    color: var(--mk-gold);
    transform: translateX(8px);
}


/* Tastaturbedienung */

.mk-recipe-card-link:focus-visible {
    outline: 3px solid rgba(200, 164, 93, .55);
    outline-offset: -3px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width: 761px) and (max-width: 1100px) {

    .content-dreiboxen {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
        padding: 42px 30px 88px !important;
    }

    .mk-recipe-card-content {
        padding: 28px 27px 26px;
    }

    .mk-recipe-card-content::before {
        left: 27px;
    }

    .mk-recipe-card-title {
        font-size: 31px;
    }
}


/* ==========================================================
   HANDY
========================================================== */

@media (max-width: 760px) {

    .content-dreiboxen {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 34px 17px 72px !important;
    }

    .mk-recipe-card {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        border-radius: 20px;
    }

    .mk-recipe-card:hover {
        transform: translateY(-4px);
    }

    .mk-recipe-card-image {
        aspect-ratio: 16 / 11;
    }

    .mk-recipe-card-content {
        padding: 26px 25px 25px;
    }

    .mk-recipe-card-content::before {
        left: 25px;
    }

    .mk-recipe-card-title {
        margin-bottom: 14px;
        font-size: 30px;
    }

    .mk-recipe-card-description {
        font-size: 15px !important;
        line-height: 1.68 !important;
    }

    .mk-recipe-card-action {
        padding-top: 24px;
    }
}


/* ==========================================================
   KLEINE HANDYS
========================================================== */

@media (max-width: 420px) {

    .content-dreiboxen {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .mk-recipe-card-content {
        padding: 24px 22px 23px;
    }

    .mk-recipe-card-content::before {
        left: 22px;
    }

    .mk-recipe-card-title {
        font-size: 27px;
    }

    .mk-recipe-card-action {
        font-size: 11px;
        letter-spacing: 1.4px;
    }
}

/* =====================================================
   REZEPTÜBERSICHT – GRID FIX
===================================================== */

#help-drittel.mk-recipe-grid {
    width: 100%;
    margin: 45px auto 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 38px;

    align-items: stretch;
}

/* Alte Float-Struktur innerhalb des neuen Grids neutralisieren */
#help-drittel.mk-recipe-grid::before,
#help-drittel.mk-recipe-grid::after {
    display: none;
    content: none;
}

/* Direkte Rezeptkarten */
#help-drittel.mk-recipe-grid > .mk-recipe-card {
    width: 100%;
    max-width: none;
    min-width: 0;

    margin: 0;
    float: none;
    clear: none;

    box-sizing: border-box;
}


/* =====================================================
   TABLET
===================================================== */

@media screen and (max-width: 1100px) {

    #help-drittel.mk-recipe-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 30px;
    }

}


/* =====================================================
   SMARTPHONE
===================================================== */

@media screen and (max-width: 680px) {

    #help-drittel.mk-recipe-grid {
        grid-template-columns: 1fr;
        gap: 24px;

        margin-top: 30px;
    }

}

/* ==========================================================
   V97 – REZEPTÜBERSICHT / FINALER GRID-FIX
========================================================== */

#help-drittel.content-dreiboxen.mk-recipe-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 48px 42px 100px !important;
}

#help-drittel.content-dreiboxen.mk-recipe-grid > .mk-recipe-card {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}

#help-drittel.content-dreiboxen.mk-recipe-grid::before,
#help-drittel.content-dreiboxen.mk-recipe-grid::after {
    display: none !important;
    content: none !important;
}

@media (min-width: 761px) and (max-width: 1100px) {
    #help-drittel.content-dreiboxen.mk-recipe-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 28px !important;
        padding: 42px 30px 88px !important;
    }
}

@media (max-width: 760px) {
    #help-drittel.content-dreiboxen.mk-recipe-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        padding: 34px 17px 72px !important;
    }

    #help-drittel.content-dreiboxen.mk-recipe-grid > .mk-recipe-card {
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
    }
}
/* ==========================================================
   V99 – REZEPTGRID AUCH AM MAC MIT 3 SPALTEN
========================================================== */

#help-drittel.content-dreiboxen.mk-recipe-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 42px 24px 84px !important;
    align-items: stretch !important;
}

#help-drittel.content-dreiboxen.mk-recipe-grid > .mk-recipe-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}

/* ==========================================================
   REZEPTKARTEN – PREMIUM FINISH
========================================================== */

#help-drittel > .mk-recipe-card {
    height: 100% !important;
    display: flex !important;
    overflow: hidden !important;
    border: 1px solid rgba(200,164,93,.15) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.08) !important;
    transition:
        transform .35s var(--mk-ease),
        box-shadow .35s var(--mk-ease),
        border-color .35s var(--mk-ease) !important;
}

#help-drittel > .mk-recipe-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(200,164,93,.34) !important;
    box-shadow: 0 28px 65px rgba(0,0,0,.13) !important;
}

#help-drittel .mk-recipe-card-link {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
}

#help-drittel .mk-recipe-card-image {
    position: relative !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    overflow: hidden !important;
    background: #eee9df !important;
}

#help-drittel .mk-recipe-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1.01);
    transition:
        transform .65s var(--mk-ease),
        filter .45s var(--mk-ease) !important;
}

#help-drittel .mk-recipe-card:hover .mk-recipe-card-image img {
    transform: scale(1.055) !important;
}

#help-drittel .mk-recipe-card-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 28px 28px 26px !important;
}

#help-drittel .mk-recipe-card-kicker {
    position: relative !important;
    margin: 0 0 16px !important;
    padding-top: 15px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

#help-drittel .mk-recipe-card-kicker::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 42px !important;
    height: 2px !important;
    background: linear-gradient(
        90deg,
        var(--mk-gold),
        rgba(200,164,93,.18)
    ) !important;
}

#help-drittel .mk-recipe-card-title {
    min-height: 55px !important;
    margin: 0 0 15px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.15px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

#help-drittel .mk-recipe-card-description {
    min-height: 66px !important;
    margin: 0 0 22px !important;
    color: var(--mk-muted) !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}

#help-drittel .mk-recipe-card-action {
    margin-top: auto !important;
    padding-top: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid rgba(200,164,93,.18) !important;
    color: var(--mk-gold-dark) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.7px !important;
    text-transform: uppercase !important;
}

#help-drittel .mk-recipe-card-arrow {
    font-size: 21px !important;
    font-weight: 300 !important;
    transition: transform .3s ease !important;
}

#help-drittel .mk-recipe-card:hover .mk-recipe-card-arrow {
    transform: translateX(5px) !important;
}

/* ==========================================================
   REZEPTFILTER – FINALER PREMIUM-FIX
========================================================== */

.rezepte-sortierung {
    width: 100% !important;
    padding: 10px 42px 26px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    background: #fff !important;
}

.rezepte-sortierung #gefluegel,
.rezepte-sortierung #schwein,
.rezepte-sortierung #schnelle-kueche,
.rezepte-sortierung #was-man-wissen-sollte,
.rezepte-sortierung #fisch,
.rezepte-sortierung #suessess,
.rezepte-sortierung #eingemachtes {
    display: inline-flex !important;
}

.rezepte-sortierung .btn {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(139,107,45,.25) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--mk-gold-dark) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 1.7px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition:
        color .3s var(--mk-ease),
        background .3s var(--mk-ease),
        border-color .3s var(--mk-ease),
        transform .3s var(--mk-ease),
        box-shadow .3s var(--mk-ease) !important;
}

.rezepte-sortierung .btn:hover {
    background: var(--mk-gold-soft) !important;
    color: var(--mk-gold-dark) !important;
    border-color: var(--mk-gold) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.07) !important;
}

.rezepte-sortierung .btn.active-rezept,
.rezepte-sortierung .active-rezept {
    background: var(--mk-gold) !important;
    color: #fff !important;
    border-color: var(--mk-gold) !important;
    box-shadow: 0 12px 28px rgba(139,107,45,.20) !important;
}

/* ==========================================================
   REZEPT-INTRO – FINALER FEINSCHLIFF
========================================================== */

.mk-intro-kicker {
    margin: 0 0 18px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
}

.mk-intro-title {
    max-width: 760px !important;
    margin: 0 0 34px !important;
    color: #222 !important;
    font-family: 'PT Serif', serif !important;
    font-size: 48px !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
}

.mk-intro-text {
    max-width: 760px !important;
    margin: 0 0 16px !important;
    color: #5b5b5b !important;
    font-size: 22px !important;
    line-height: 1.7 !important;
}

/* ==========================================================
   RESPONSIVE – REZEPTE
========================================================== */

@media screen and (max-width: 900px) {
    .rezepte-sortierung {
        padding: 10px 24px 22px !important;
        gap: 10px !important;
    }

    .rezepte-sortierung .btn {
        min-height: 44px !important;
        padding: 0 18px !important;
        font-size: 10px !important;
        letter-spacing: 1.4px !important;
    }

    .mk-intro-title {
        font-size: 42px !important;
    }

    .mk-intro-text {
        font-size: 19px !important;
    }
}

@media screen and (max-width: 700px) {
    #help-drittel.content-dreiboxen.mk-recipe-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
        padding: 36px 18px 74px !important;
    }
}

@media screen and (max-width: 560px) {
    .rezepte-sortierung {
        padding: 10px 17px 18px !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .rezepte-sortierung::-webkit-scrollbar {
        display: none;
    }

    .rezepte-sortierung .btn {
        flex: 0 0 auto !important;
        scroll-snap-align: start;
        min-height: 42px !important;
        padding: 0 17px !important;
    }

    .mk-intro-title {
        font-size: 36px !important;
        line-height: 1.14 !important;
    }

    .mk-intro-text {
        font-size: 17px !important;
        line-height: 1.65 !important;
    }
}

@media screen and (max-width: 480px) {
    #help-drittel.content-dreiboxen.mk-recipe-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        padding: 32px 16px 68px !important;
    }

    #help-drittel .mk-recipe-card-image {
        height: 220px !important;
        min-height: 220px !important;
    }

    #help-drittel .mk-recipe-card-content {
        padding: 26px 24px 24px !important;
    }

    #help-drittel .mk-recipe-card-title {
        min-height: auto !important;
        font-size: 25px !important;
    }

    #help-drittel .mk-recipe-card-description {
        min-height: auto !important;
    }
}

/* ==========================================================
   V104 – HEADER PREMIUM POLISH
========================================================== */

@media screen and (min-width: 601px) {
    .mk-header-top { top: 18px !important; }
    .mk-header-inner {
        width: min(1320px, calc(100% - 56px)) !important;
        min-height: 78px !important;
        padding: 10px 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        border: 1px solid rgba(200,164,93,.18) !important;
        border-radius: 24px !important;
        background: rgba(20,22,24,.20) !important;
        box-shadow: 0 18px 55px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }
    .mk-logo { flex: 0 0 auto !important; }
    .mk-logo img {
        width: 132px !important;
        height: auto !important;
        filter: drop-shadow(0 8px 20px rgba(0,0,0,.28)) !important;
    }
    .mk-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 24px !important;
        margin-left: auto !important;
        margin-right: 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .mk-nav a {
        position: relative !important;
        display: inline-block !important;
        padding: 10px 0 !important;
        color: rgba(255,255,255,.90) !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        letter-spacing: 1.65px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: color .28s ease, transform .28s ease !important;
    }
    .mk-nav a::after {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 2px !important;
        height: 1px !important;
        background: var(--mk-gold) !important;
        transform: scaleX(0) !important;
        transform-origin: center !important;
        transition: transform .28s ease !important;
    }
    .mk-nav a:hover {
        color: var(--mk-gold) !important;
        transform: translateY(-1px) !important;
    }
    .mk-nav a:hover::after { transform: scaleX(1) !important; }
}

@media screen and (min-width: 601px) and (max-width: 900px) {
    .mk-header-inner {
        width: calc(100% - 28px) !important;
        min-height: 72px !important;
        padding: 8px 16px !important;
        gap: 16px !important;
    }
    .mk-logo img { width: 96px !important; }
    .mk-nav { gap: 10px !important; margin-right: 0 !important; }
    .mk-nav a { font-size: 8px !important; letter-spacing: .75px !important; }
}

@media screen and (max-width: 600px) {
    .mk-nav { display: none !important; }
    .mk-header-inner {
        width: calc(100% - 28px) !important;
        min-height: 68px !important;
        padding: 10px 16px !important;
        border-radius: 18px !important;
    }
    .mk-logo img { width: 102px !important; }
}
/* ==========================================================
   V105 – HERO PREMIUM POLISH
========================================================== */

.mk-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.48) 0%,
            rgba(0,0,0,.22) 46%,
            rgba(0,0,0,.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.10) 0%,
            rgba(0,0,0,0) 38%,
            rgba(0,0,0,.36) 100%
        ) !important;
}

.mk-hero::after {
    height: 180px !important;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0),
            rgba(0,0,0,.58)
        ) !important;
}

.mk-hero-content {
    left: clamp(34px, 7.2vw, 112px) !important;
    bottom: clamp(72px, 9vh, 112px) !important;
    max-width: 760px !important;
}

.mk-hero-kicker {
    margin: 0 0 18px !important;
    color: var(--mk-gold) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 4.2px !important;
    text-transform: uppercase !important;
}

.mk-hero-content h1 {
    max-width: 760px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(50px, 5.2vw, 78px) !important;
    font-weight: 400 !important;
    line-height: 1.03 !important;
    letter-spacing: -.5px !important;
    text-shadow: 0 16px 48px rgba(0,0,0,.48) !important;
}

.mk-gold-line {
    width: 104px !important;
    height: 2px !important;
    margin: 28px 0 24px !important;
    background:
        linear-gradient(
            90deg,
            var(--mk-gold),
            rgba(200,164,93,0)
        ) !important;
    box-shadow: 0 0 16px rgba(200,164,93,.20) !important;
}

.mk-hero-subline {
    max-width: 610px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    line-height: 1.68 !important;
    letter-spacing: .05px !important;
    text-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}

.mk-scroll-hint {
    right: 48px !important;
    bottom: 42px !important;
    gap: 14px !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 9px !important;
    letter-spacing: 3.2px !important;
}

.mk-scroll-hint div {
    width: 48px !important;
    background: rgba(255,255,255,.30) !important;
}

.mk-scroll-hint div::after {
    width: 18px !important;
    background: var(--mk-gold) !important;
}

/* Schmaler Mac / Tablet */
@media screen and (min-width: 601px) and (max-width: 900px) {

    .mk-header {
        min-height: 620px !important;
    }

    .mk-hero-content {
        left: 30px !important;
        right: 30px !important;
        bottom: 72px !important;
        max-width: 620px !important;
    }

    .mk-hero-content h1 {
        max-width: 620px !important;
        font-size: clamp(42px, 7vw, 58px) !important;
        line-height: 1.05 !important;
    }

    .mk-hero-subline {
        max-width: 540px !important;
        font-size: 15px !important;
    }

    .mk-scroll-hint {
        right: 28px !important;
        bottom: 30px !important;
    }
}

/* Smartphone */
@media screen and (max-width: 600px) {

    .mk-header {
        height: 76vh !important;
        min-height: 590px !important;
        max-height: 720px !important;
    }

    .mk-hero-img {
        object-position: center 46% !important;
    }

    .mk-hero-content {
        left: 24px !important;
        right: 24px !important;
        bottom: 68px !important;
        max-width: none !important;
    }

    .mk-hero-kicker {
        margin-bottom: 14px !important;
        font-size: 10px !important;
        letter-spacing: 3.2px !important;
    }

    .mk-hero-content h1 {
        max-width: 500px !important;
        font-size: clamp(36px, 10vw, 46px) !important;
        line-height: 1.06 !important;
        letter-spacing: -.25px !important;
    }

    .mk-gold-line {
        width: 82px !important;
        margin: 24px 0 20px !important;
    }

    .mk-hero-subline {
        max-width: 480px !important;
        font-size: 15px !important;
        line-height: 1.62 !important;
    }

    .mk-scroll-hint {
        display: none !important;
    }
}
/* ==========================================================
   V106 – STARTSEITE SEKTIONEN PREMIUM POLISH
========================================================== */

/* Willkommen */
.mk-lux-welcome {
    padding: 78px 0 72px !important;
    background:
        radial-gradient(
            circle at 50% -18%,
            rgba(200,164,93,.10),
            rgba(255,255,255,0) 44%
        ),
        #fff !important;
}

.mk-lux-welcome .mk-lux-title {
    margin-bottom: 28px !important;
}

.mk-lux-welcome-text {
    max-width: 860px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.mk-lux-welcome-text p {
    max-width: 740px !important;
    margin: 0 auto !important;
    color: #4b453e !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    line-height: 1.78 !important;
}

/* Über-mich-Teaser */
.mk-lux-about {
    padding: 88px 0 96px !important;
    background:
        radial-gradient(
            circle at 86% 14%,
            rgba(200,164,93,.09),
            rgba(255,255,255,0) 34%
        ),
        var(--mk-bg) !important;
}

.mk-lux-about-grid {
    grid-template-columns: 1.05fr .95fr !important;
    gap: 72px !important;
    align-items: center !important;
}

.mk-lux-about-text {
    padding-left: 0 !important;
}

.mk-lux-overline {
    margin: 0 0 18px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3.4px !important;
    text-transform: uppercase !important;
}

.mk-lux-about-text h2 {
    max-width: 650px !important;
    margin: 0 0 30px !important;
    color: var(--mk-heading) !important;
    font-size: clamp(40px, 4.2vw, 58px) !important;
    line-height: 1.10 !important;
    letter-spacing: -.4px !important;
}

.mk-lux-about-text p {
    max-width: 620px !important;
    margin: 0 0 20px !important;
    color: #4d4740 !important;
    font-size: 18px !important;
    line-height: 1.82 !important;
}

.mk-lux-about-image {
    position: relative !important;
    max-width: 560px !important;
    justify-self: end !important;
}

.mk-lux-about-image::before {
    inset: -14px !important;
    border: 1px solid rgba(200,164,93,.18) !important;
    border-radius: 28px !important;
}

.mk-lux-about-image img {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center 34% !important;
    border-radius: 22px !important;
    box-shadow:
        0 28px 72px rgba(0,0,0,.17),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

.mk-lux-link {
    margin-top: 16px !important;
}

/* Themenwelt / drei Karten */
.mk-lux-world {
    padding: 82px 0 118px !important;
    background:
        linear-gradient(
            180deg,
            #fff 0%,
            #f7f4ee 100%
        ) !important;
}

.mk-lux-world .mk-lux-title {
    margin-bottom: 48px !important;
}

.mk-lux-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

.mk-lux-card {
    min-height: 380px !important;
    height: 380px !important;
    border-radius: 22px !important;
    box-shadow:
        0 22px 60px rgba(0,0,0,.14),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

.mk-lux-card:nth-child(2),
.mk-lux-card:nth-child(3) {
    transform: none !important;
}

.mk-lux-card:nth-child(2):hover,
.mk-lux-card:nth-child(3):hover {
    transform: translateY(-8px) !important;
}

.mk-lux-card:hover {
    transform: translateY(-8px) !important;
    box-shadow:
        0 34px 78px rgba(0,0,0,.22),
        0 0 0 1px rgba(200,164,93,.26) !important;
}

.mk-lux-card img {
    filter: brightness(.82) contrast(1.06) saturate(1.01) !important;
}

.mk-lux-card::before {
    opacity: .78 !important;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05) 0%,
            rgba(0,0,0,.18) 42%,
            rgba(0,0,0,.78) 100%
        ),
        radial-gradient(
            circle at 18% 16%,
            rgba(200,164,93,.15),
            rgba(0,0,0,0) 40%
        ) !important;
}

.mk-lux-card > div {
    left: 28px !important;
    right: 28px !important;
    bottom: 48px !important;
}

.mk-lux-card p {
    margin: 0 0 12px !important;
    font-size: 11px !important;
    letter-spacing: 2.4px !important;
}

.mk-lux-card h3 {
    margin: 0 0 12px !important;
    font-size: 31px !important;
    line-height: 1.12 !important;
}

.mk-lux-card span {
    max-width: 290px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
}

.mk-lux-card::after {
    left: 28px !important;
    right: 28px !important;
    bottom: 26px !important;
}

/* Tablet */
@media screen and (max-width: 900px) {

    .mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }

    .mk-lux-about-image {
        max-width: 520px !important;
        margin: 0 auto !important;
        justify-self: center !important;
    }

    .mk-lux-card-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .mk-lux-card {
        width: 100% !important;
        max-width: 620px !important;
        height: 350px !important;
        min-height: 350px !important;
        margin: 0 auto !important;
    }
}

/* Smartphone */
@media screen and (max-width: 560px) {

    .mk-lux-welcome {
        padding: 62px 0 58px !important;
    }

    .mk-lux-welcome-text p {
        font-size: 17px !important;
        line-height: 1.72 !important;
    }

    .mk-lux-about {
        padding: 66px 0 74px !important;
    }

    .mk-lux-about-text h2 {
        font-size: 38px !important;
        line-height: 1.12 !important;
    }

    .mk-lux-about-text p {
        font-size: 17px !important;
        line-height: 1.74 !important;
    }

    .mk-lux-about-image img {
        aspect-ratio: 4 / 5 !important;
        border-radius: 18px !important;
    }

    .mk-lux-world {
        padding: 64px 0 86px !important;
    }

    .mk-lux-card {
        height: 320px !important;
        min-height: 320px !important;
        border-radius: 19px !important;
    }

    .mk-lux-card h3 {
        font-size: 27px !important;
    }
}
/* ==========================================================
   V107 – ÜBER MICH PREMIUM POLISH
========================================================== */

/* Intro */
.mk-about-page {
    padding: 58px 0 66px !important;
    background: #fff !important;
}

.mk-about-intro {
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    text-align: center !important;
}

.mk-about-intro .mk-lux-overline {
    margin-bottom: 18px !important;
}

.mk-about-intro h1 {
    max-width: 920px !important;
    margin: 18px auto 28px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(48px, 5vw, 68px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -.5px !important;
}

.mk-about-intro > p:last-child {
    max-width: 800px !important;
    margin: 0 auto !important;
    color: var(--mk-muted) !important;
    font-size: 19px !important;
    line-height: 1.76 !important;
}

/* Story */
.mk-about-story {
    padding: 86px 0 100px !important;
    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(200,164,93,.09),
            rgba(200,164,93,0) 34%
        ),
        var(--mk-bg) !important;
}

.mk-about-story .mk-lux-about-grid {
    grid-template-columns: 1.08fr .82fr !important;
    gap: 72px !important;
    align-items: center !important;
}

.mk-about-story .mk-lux-about-text {
    padding-left: 0 !important;
}

.mk-about-story .mk-lux-overline {
    margin-bottom: 20px !important;
    font-size: 11px !important;
    letter-spacing: 3.5px !important;
}

.mk-about-story .mk-lux-about-text h2 {
    max-width: 690px !important;
    margin: 0 0 30px !important;
    color: var(--mk-heading) !important;
    font-size: clamp(40px, 4vw, 58px) !important;
    line-height: 1.10 !important;
    letter-spacing: -.45px !important;
}

.mk-about-story .mk-lux-about-text p {
    max-width: 640px !important;
    margin: 0 0 21px !important;
    color: #514b44 !important;
    font-size: 18px !important;
    line-height: 1.82 !important;
}

.mk-about-story .mk-lux-about-image {
    width: 100% !important;
    max-width: 470px !important;
    justify-self: end !important;
    margin: 0 !important;
}

.mk-about-story .mk-lux-about-image::before {
    inset: -13px !important;
    border: 1px solid rgba(200,164,93,.20) !important;
    border-radius: 26px !important;
}

.mk-about-story .mk-lux-about-image img {
    width: 100% !important;
    height: 590px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center 28% !important;
    filter: brightness(.96) contrast(1.02) !important;
    border-radius: 20px !important;
    box-shadow:
        0 30px 78px rgba(0,0,0,.17),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

/* Werte */
.mk-about-values {
    padding: 78px 0 88px !important;
    background: #fff !important;
}

.mk-about-values .mk-lux-title {
    margin-bottom: 44px !important;
}

.mk-about-values .mk-lux-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.mk-about-value-card {
    min-height: 270px !important;
    padding: 36px 34px !important;
    border: 1px solid rgba(200,164,93,.12) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,1),
            rgba(251,250,246,.92)
        ) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.055) !important;
}

.mk-about-value-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(200,164,93,.28) !important;
    box-shadow: 0 24px 56px rgba(0,0,0,.09) !important;
}

.mk-about-value-card p {
    margin: 0 !important;
    color: var(--mk-gold-dark) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

.mk-about-value-card h3 {
    margin: 18px 0 15px !important;
    color: var(--mk-heading) !important;
    font-size: 31px !important;
    line-height: 1.12 !important;
}

.mk-about-value-card span {
    display: block !important;
    color: var(--mk-muted) !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
}

/* Zitat */
.mk-lux-quote {
    padding: 78px 0 72px !important;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(200,164,93,.08),
            rgba(200,164,93,0) 42%
        ),
        var(--mk-bg) !important;
    text-align: center !important;
}

.mk-lux-quote blockquote {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 400 !important;
    line-height: 1.34 !important;
    letter-spacing: -.3px !important;
}

.mk-lux-quote footer {
    margin-top: 28px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 12px !important;
    letter-spacing: 2.4px !important;
}

/* Separates großes Zitat, falls verwendet */
.mk-about-quote {
    max-width: 920px !important;
    margin: 92px auto 72px !important;
    padding: 0 24px !important;
}

.mk-about-quote blockquote {
    font-size: clamp(34px, 4vw, 54px) !important;
    line-height: 1.34 !important;
}

.mk-about-quote-author {
    margin-top: 34px !important;
    font-size: 12px !important;
    letter-spacing: 4px !important;
}

/* Abschlussbanner */
.mk-about-next {
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 70px auto 88px !important;
    border-radius: 28px !important;
    box-shadow: 0 30px 82px rgba(0,0,0,.20) !important;
}

.mk-about-next img {
    width: 100% !important;
    height: 430px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.mk-about-next-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72),
            rgba(0,0,0,.26)
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.08),
            rgba(0,0,0,.48)
        ) !important;
}

.mk-about-next-content {
    padding: 58px !important;
}

.mk-about-next-content p,
.mk-about-next p {
    margin-bottom: 16px !important;
    font-size: 11px !important;
    letter-spacing: 4.2px !important;
}

.mk-about-next-content h2,
.mk-about-next h2 {
    max-width: 780px !important;
    margin-bottom: 30px !important;
    font-size: clamp(38px, 4.5vw, 62px) !important;
    line-height: 1.16 !important;
}

.mk-about-next-content a,
.mk-about-next a {
    padding: 17px 38px !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
}

/* Tablet */
@media screen and (max-width: 900px) {

    .mk-about-story {
        padding: 68px 0 82px !important;
    }

    .mk-about-story .mk-lux-about-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }

    .mk-about-story .mk-lux-about-image {
        max-width: 480px !important;
        margin: 0 auto !important;
        justify-self: center !important;
    }

    .mk-about-story .mk-lux-about-image img {
        height: 560px !important;
    }

    .mk-about-values .mk-lux-card-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .mk-about-value-card {
        min-height: auto !important;
    }

    .mk-about-next {
        width: calc(100% - 40px) !important;
        margin: 58px auto 76px !important;
    }
}

/* Smartphone */
@media screen and (max-width: 560px) {

    .mk-about-page {
        padding: 42px 0 52px !important;
    }

    .mk-about-intro h1 {
        font-size: 40px !important;
        line-height: 1.10 !important;
    }

    .mk-about-intro > p:last-child {
        font-size: 17px !important;
        line-height: 1.70 !important;
    }

    .mk-about-story {
        padding: 58px 0 70px !important;
    }

    .mk-about-story .mk-lux-about-text h2 {
        font-size: 37px !important;
        line-height: 1.12 !important;
    }

    .mk-about-story .mk-lux-about-text p {
        font-size: 17px !important;
        line-height: 1.74 !important;
    }

    .mk-about-story .mk-lux-about-image img {
        height: 500px !important;
        border-radius: 18px !important;
    }

    .mk-about-values {
        padding: 60px 0 68px !important;
    }

    .mk-about-value-card {
        padding: 30px 28px !important;
        border-radius: 19px !important;
    }

    .mk-lux-quote {
        padding: 62px 0 !important;
    }

    .mk-lux-quote blockquote {
        font-size: 34px !important;
    }

    .mk-about-next {
        width: calc(100% - 34px) !important;
        border-radius: 22px !important;
    }

    .mk-about-next img {
        height: 390px !important;
    }

    .mk-about-next-content {
        padding: 34px 26px !important;
    }

    .mk-about-next-content h2,
    .mk-about-next h2 {
        font-size: 34px !important;
    }
}
/* ==========================================================
   V108 – PHILOSOPHIE PREMIUM POLISH
========================================================== */

/* Seitenintro */
.mk-philosophy-page,
.philosophie-page {
    padding: 62px 0 72px !important;
    background: #fff !important;
}

.mk-philosophy-intro,
.philosophie-intro {
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    text-align: center !important;
}

.mk-philosophy-intro .mk-lux-overline,
.philosophie-intro .mk-lux-overline {
    margin-bottom: 18px !important;
}

.mk-philosophy-intro h1,
.philosophie-intro h1 {
    max-width: 900px !important;
    margin: 18px auto 28px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(48px, 5vw, 68px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -.5px !important;
}

.mk-philosophy-intro > p:last-child,
.philosophie-intro > p:last-child {
    max-width: 800px !important;
    margin: 0 auto !important;
    color: var(--mk-muted) !important;
    font-size: 19px !important;
    line-height: 1.76 !important;
}

/* Leitgedanke */
.mk-philosophy-statement,
.philosophie-statement,
.mk-philosophy-quote {
    padding: 84px 0 !important;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(200,164,93,.09),
            rgba(200,164,93,0) 46%
        ),
        var(--mk-bg) !important;
    text-align: center !important;
}

.mk-philosophy-statement blockquote,
.philosophie-statement blockquote,
.mk-philosophy-quote blockquote {
    max-width: 940px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(36px, 4.2vw, 56px) !important;
    font-weight: 400 !important;
    line-height: 1.34 !important;
    letter-spacing: -.3px !important;
}

.mk-philosophy-statement footer,
.philosophie-statement footer,
.mk-philosophy-quote footer {
    margin-top: 30px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2.6px !important;
    text-transform: uppercase !important;
}

/* Inhaltsbereiche */
.mk-philosophy-section,
.philosophie-section {
    padding: 88px 0 !important;
    background: #fff !important;
}

.mk-philosophy-grid,
.philosophie-grid {
    display: grid !important;
    grid-template-columns: 1.04fr .96fr !important;
    gap: 72px !important;
    align-items: center !important;
}

.mk-philosophy-text,
.philosophie-text {
    max-width: 650px !important;
}

.mk-philosophy-text .mk-lux-overline,
.philosophie-text .mk-lux-overline {
    margin-bottom: 18px !important;
}

.mk-philosophy-text h2,
.philosophie-text h2 {
    max-width: 650px !important;
    margin: 0 0 30px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(40px, 4vw, 58px) !important;
    font-weight: 400 !important;
    line-height: 1.10 !important;
    letter-spacing: -.4px !important;
}

.mk-philosophy-text p,
.philosophie-text p {
    max-width: 630px !important;
    margin: 0 0 21px !important;
    color: #514b44 !important;
    font-size: 18px !important;
    line-height: 1.82 !important;
}

.mk-philosophy-image,
.philosophie-image {
    position: relative !important;
    width: 100% !important;
    max-width: 540px !important;
    justify-self: end !important;
}

.mk-philosophy-image::before,
.philosophie-image::before {
    content: "" !important;
    position: absolute !important;
    inset: -13px !important;
    z-index: -1 !important;
    border: 1px solid rgba(200,164,93,.20) !important;
    border-radius: 26px !important;
}

.mk-philosophy-image img,
.philosophie-image img {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 20px !important;
    box-shadow:
        0 30px 78px rgba(0,0,0,.17),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

/* Wechselnde Sektion */
.mk-philosophy-section.is-soft,
.philosophie-section.is-soft,
.mk-philosophy-section:nth-of-type(even),
.philosophie-section:nth-of-type(even) {
    background:
        radial-gradient(
            circle at 86% 16%,
            rgba(200,164,93,.08),
            rgba(200,164,93,0) 34%
        ),
        var(--mk-bg) !important;
}

.mk-philosophy-section.is-reverse .mk-philosophy-grid,
.philosophie-section.is-reverse .philosophie-grid {
    grid-template-columns: .96fr 1.04fr !important;
}

.mk-philosophy-section.is-reverse .mk-philosophy-image,
.philosophie-section.is-reverse .philosophie-image {
    justify-self: start !important;
}

/* Prinzipien / Werte */
.mk-philosophy-values,
.philosophie-values {
    padding: 82px 0 92px !important;
    background: #fff !important;
}

.mk-philosophy-values .mk-lux-title,
.philosophie-values .mk-lux-title {
    margin-bottom: 44px !important;
}

.mk-philosophy-values-grid,
.philosophie-values-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.mk-philosophy-value-card,
.philosophie-value-card {
    min-height: 260px !important;
    padding: 36px 34px !important;
    border: 1px solid rgba(200,164,93,.12) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,1),
            rgba(251,250,246,.94)
        ) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.055) !important;
    transition:
        transform .35s var(--mk-ease),
        box-shadow .35s var(--mk-ease),
        border-color .35s var(--mk-ease) !important;
}

.mk-philosophy-value-card:hover,
.philosophie-value-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(200,164,93,.28) !important;
    box-shadow: 0 24px 56px rgba(0,0,0,.09) !important;
}

.mk-philosophy-value-card p,
.philosophie-value-card p {
    margin: 0 !important;
    color: var(--mk-gold-dark) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

.mk-philosophy-value-card h3,
.philosophie-value-card h3 {
    margin: 18px 0 15px !important;
    color: var(--mk-heading) !important;
    font-size: 31px !important;
    line-height: 1.12 !important;
}

.mk-philosophy-value-card span,
.philosophie-value-card span {
    display: block !important;
    color: var(--mk-muted) !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
}

/* Abschlussbanner */
.mk-philosophy-next,
.philosophie-next {
    position: relative !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 72px auto 90px !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: #000 !important;
    box-shadow: 0 30px 82px rgba(0,0,0,.20) !important;
}

.mk-philosophy-next img,
.philosophie-next img {
    width: 100% !important;
    height: 430px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.mk-philosophy-next-overlay,
.philosophie-next-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72),
            rgba(0,0,0,.26)
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.08),
            rgba(0,0,0,.50)
        ) !important;
}

.mk-philosophy-next-content,
.philosophie-next-content {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 58px !important;
    text-align: center !important;
}

.mk-philosophy-next-content p,
.philosophie-next-content p {
    margin: 0 0 16px !important;
    color: var(--mk-gold) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 4.2px !important;
    text-transform: uppercase !important;
}

.mk-philosophy-next-content h2,
.philosophie-next-content h2 {
    max-width: 780px !important;
    margin: 0 0 30px !important;
    color: #fff !important;
    font-size: clamp(38px, 4.5vw, 62px) !important;
    line-height: 1.16 !important;
}

.mk-philosophy-next-content a,
.philosophie-next-content a {
    padding: 17px 38px !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease !important;
}

.mk-philosophy-next-content a:hover,
.philosophie-next-content a:hover {
    background: var(--mk-gold) !important;
    border-color: var(--mk-gold) !important;
    transform: translateY(-2px) !important;
}

/* Tablet */
@media screen and (max-width: 900px) {

    .mk-philosophy-grid,
    .philosophie-grid,
    .mk-philosophy-section.is-reverse .mk-philosophy-grid,
    .philosophie-section.is-reverse .philosophie-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }

    .mk-philosophy-image,
    .philosophie-image,
    .mk-philosophy-section.is-reverse .mk-philosophy-image,
    .philosophie-section.is-reverse .philosophie-image {
        max-width: 520px !important;
        margin: 0 auto !important;
        justify-self: center !important;
    }

    .mk-philosophy-values-grid,
    .philosophie-values-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .mk-philosophy-value-card,
    .philosophie-value-card {
        min-height: auto !important;
    }

    .mk-philosophy-next,
    .philosophie-next {
        width: calc(100% - 40px) !important;
        margin: 58px auto 76px !important;
    }
}

/* Smartphone */
@media screen and (max-width: 560px) {

    .mk-philosophy-page,
    .philosophie-page {
        padding: 44px 0 54px !important;
    }

    .mk-philosophy-intro h1,
    .philosophie-intro h1 {
        font-size: 40px !important;
        line-height: 1.10 !important;
    }

    .mk-philosophy-intro > p:last-child,
    .philosophie-intro > p:last-child {
        font-size: 17px !important;
        line-height: 1.70 !important;
    }

    .mk-philosophy-statement,
    .philosophie-statement,
    .mk-philosophy-quote {
        padding: 62px 0 !important;
    }

    .mk-philosophy-statement blockquote,
    .philosophie-statement blockquote,
    .mk-philosophy-quote blockquote {
        font-size: 34px !important;
    }

    .mk-philosophy-section,
    .philosophie-section {
        padding: 62px 0 !important;
    }

    .mk-philosophy-text h2,
    .philosophie-text h2 {
        font-size: 37px !important;
        line-height: 1.12 !important;
    }

    .mk-philosophy-text p,
    .philosophie-text p {
        font-size: 17px !important;
        line-height: 1.74 !important;
    }

    .mk-philosophy-image img,
    .philosophie-image img {
        border-radius: 18px !important;
    }

    .mk-philosophy-values,
    .philosophie-values {
        padding: 60px 0 70px !important;
    }

    .mk-philosophy-value-card,
    .philosophie-value-card {
        padding: 30px 28px !important;
        border-radius: 19px !important;
    }

    .mk-philosophy-next,
    .philosophie-next {
        width: calc(100% - 34px) !important;
        border-radius: 22px !important;
    }

    .mk-philosophy-next img,
    .philosophie-next img {
        height: 390px !important;
    }

    .mk-philosophy-next-content,
    .philosophie-next-content {
        padding: 34px 26px !important;
    }

    .mk-philosophy-next-content h2,
    .philosophie-next-content h2 {
        font-size: 34px !important;
    }
}
/* ==========================================================
   V109 – NATUR & BERGE PREMIUM POLISH
========================================================== */

/* Seitenintro */
.mk-nature-page,
.natur-page {
    padding: 62px 0 72px !important;
    background: #fff !important;
}

.mk-nature-intro,
.natur-intro {
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    text-align: center !important;
}

.mk-nature-intro .mk-lux-overline,
.natur-intro .mk-lux-overline {
    margin-bottom: 18px !important;
}

.mk-nature-intro h1,
.natur-intro h1 {
    max-width: 920px !important;
    margin: 18px auto 28px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(48px, 5vw, 68px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -.5px !important;
}

.mk-nature-intro > p:last-child,
.natur-intro > p:last-child {
    max-width: 820px !important;
    margin: 0 auto !important;
    color: var(--mk-muted) !important;
    font-size: 19px !important;
    line-height: 1.76 !important;
}

/* Hauptstory */
.mk-nature-story,
.natur-story {
    padding: 88px 0 100px !important;
    background:
        radial-gradient(
            circle at 86% 15%,
            rgba(200,164,93,.08),
            rgba(200,164,93,0) 34%
        ),
        var(--mk-bg) !important;
}

.mk-nature-grid,
.natur-story-grid {
    display: grid !important;
    grid-template-columns: 1.04fr .96fr !important;
    gap: 72px !important;
    align-items: center !important;
}

.mk-nature-text,
.natur-story-text {
    max-width: 650px !important;
}

.mk-nature-text .mk-lux-overline,
.natur-story-text .mk-lux-overline {
    margin-bottom: 18px !important;
}

.mk-nature-text h2,
.natur-story-text h2 {
    max-width: 650px !important;
    margin: 0 0 30px !important;
    color: var(--mk-heading) !important;
    font-size: clamp(40px, 4vw, 58px) !important;
    line-height: 1.10 !important;
    letter-spacing: -.4px !important;
}

.mk-nature-text p,
.natur-story-text p {
    max-width: 630px !important;
    margin: 0 0 21px !important;
    color: #514b44 !important;
    font-size: 18px !important;
    line-height: 1.82 !important;
}

.mk-nature-image,
.natur-story-image {
    position: relative !important;
    width: 100% !important;
    max-width: 560px !important;
    justify-self: end !important;
}

.mk-nature-image::before,
.natur-story-image::before {
    content: "" !important;
    position: absolute !important;
    inset: -13px !important;
    z-index: -1 !important;
    border: 1px solid rgba(200,164,93,.20) !important;
    border-radius: 26px !important;
}

.mk-nature-image img,
.natur-story-image img {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 20px !important;
    box-shadow:
        0 30px 78px rgba(0,0,0,.17),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

/* Galerie */
.mk-nature-gallery,
.natur-gallery {
    padding: 82px 0 96px !important;
    background: #fff !important;
}

.mk-nature-gallery .mk-lux-title,
.natur-gallery .mk-lux-title {
    margin-bottom: 44px !important;
}

.mk-nature-gallery-grid,
.natur-gallery-grid,
.natur-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

.mk-nature-gallery-grid figure,
.natur-gallery-grid figure,
.natur-grid figure {
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: #000 !important;
    box-shadow:
        0 20px 52px rgba(0,0,0,.13),
        0 0 0 1px rgba(200,164,93,.10) !important;
}

.mk-nature-gallery-grid img,
.natur-gallery-grid img,
.natur-grid img {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    box-shadow: none !important;
    transition:
        transform .65s var(--mk-ease),
        filter .45s var(--mk-ease) !important;
}

.mk-nature-gallery-grid figure:hover img,
.natur-gallery-grid figure:hover img,
.natur-grid figure:hover img {
    transform: scale(1.055) !important;
    filter: brightness(.92) contrast(1.03) !important;
}

/* Touren-/Erlebnis-Karten */
.mk-nature-cards,
.natur-cards {
    padding: 82px 0 92px !important;
    background:
        linear-gradient(
            180deg,
            #fff 0%,
            var(--mk-bg) 100%
        ) !important;
}

.mk-nature-card-grid,
.natur-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.mk-nature-card,
.natur-card {
    min-height: 280px !important;
    padding: 36px 34px !important;
    border: 1px solid rgba(200,164,93,.12) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,1),
            rgba(251,250,246,.94)
        ) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.055) !important;
    transition:
        transform .35s var(--mk-ease),
        box-shadow .35s var(--mk-ease),
        border-color .35s var(--mk-ease) !important;
}

.mk-nature-card:hover,
.natur-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(200,164,93,.28) !important;
    box-shadow: 0 24px 56px rgba(0,0,0,.09) !important;
}

.mk-nature-card p,
.natur-card p {
    margin: 0 !important;
    color: var(--mk-gold-dark) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

.mk-nature-card h3,
.natur-card h3 {
    margin: 18px 0 15px !important;
    color: var(--mk-heading) !important;
    font-size: 31px !important;
    line-height: 1.12 !important;
}

.mk-nature-card span,
.natur-card span {
    display: block !important;
    color: var(--mk-muted) !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
}

/* Zitat */
.mk-nature-quote,
.natur-quote {
    padding: 78px 0 72px !important;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(200,164,93,.08),
            rgba(200,164,93,0) 42%
        ),
        var(--mk-bg) !important;
    text-align: center !important;
}

.mk-nature-quote blockquote,
.natur-quote blockquote {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    color: var(--mk-heading) !important;
    font-family: 'PT Serif', serif !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 400 !important;
    line-height: 1.34 !important;
    letter-spacing: -.3px !important;
}

.mk-nature-quote footer,
.natur-quote footer {
    margin-top: 28px !important;
    color: var(--mk-gold-dark) !important;
    font-size: 12px !important;
    letter-spacing: 2.4px !important;
    text-transform: uppercase !important;
}

/* Abschlussbanner */
.mk-nature-next,
.natur-next {
    position: relative !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 72px auto 90px !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: #000 !important;
    box-shadow: 0 30px 82px rgba(0,0,0,.20) !important;
}

.mk-nature-next img,
.natur-next img {
    width: 100% !important;
    height: 430px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.mk-nature-next-overlay,
.natur-next-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72),
            rgba(0,0,0,.26)
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.08),
            rgba(0,0,0,.50)
        ) !important;
}

.mk-nature-next-content,
.natur-next-content {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 58px !important;
    text-align: center !important;
}

.mk-nature-next-content p,
.natur-next-content p {
    margin: 0 0 16px !important;
    color: var(--mk-gold) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 4.2px !important;
    text-transform: uppercase !important;
}

.mk-nature-next-content h2,
.natur-next-content h2 {
    max-width: 780px !important;
    margin: 0 0 30px !important;
    color: #fff !important;
    font-size: clamp(38px, 4.5vw, 62px) !important;
    line-height: 1.16 !important;
}

.mk-nature-next-content a,
.natur-next-content a {
    padding: 17px 38px !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* Tablet */
@media screen and (max-width: 900px) {

    .mk-nature-grid,
    .natur-story-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }

    .mk-nature-image,
    .natur-story-image {
        max-width: 520px !important;
        margin: 0 auto !important;
        justify-self: center !important;
    }

    .mk-nature-gallery-grid,
    .natur-gallery-grid,
    .natur-grid,
    .mk-nature-card-grid,
    .natur-card-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .mk-nature-gallery-grid img,
    .natur-gallery-grid img,
    .natur-grid img {
        height: 340px !important;
    }

    .mk-nature-card,
    .natur-card {
        min-height: auto !important;
    }

    .mk-nature-next,
    .natur-next {
        width: calc(100% - 40px) !important;
        margin: 58px auto 76px !important;
    }
}

/* Smartphone */
@media screen and (max-width: 560px) {

    .mk-nature-page,
    .natur-page {
        padding: 44px 0 54px !important;
    }

    .mk-nature-intro h1,
    .natur-intro h1 {
        font-size: 40px !important;
        line-height: 1.10 !important;
    }

    .mk-nature-intro > p:last-child,
    .natur-intro > p:last-child {
        font-size: 17px !important;
        line-height: 1.70 !important;
    }

    .mk-nature-story,
    .natur-story {
        padding: 62px 0 72px !important;
    }

    .mk-nature-text h2,
    .natur-story-text h2 {
        font-size: 37px !important;
        line-height: 1.12 !important;
    }

    .mk-nature-text p,
    .natur-story-text p {
        font-size: 17px !important;
        line-height: 1.74 !important;
    }

    .mk-nature-image img,
    .natur-story-image img {
        border-radius: 18px !important;
    }

    .mk-nature-gallery,
    .natur-gallery {
        padding: 60px 0 70px !important;
    }

    .mk-nature-gallery-grid img,
    .natur-gallery-grid img,
    .natur-grid img {
        height: 270px !important;
        border-radius: 18px !important;
    }

    .mk-nature-cards,
    .natur-cards {
        padding: 60px 0 70px !important;
    }

    .mk-nature-card,
    .natur-card {
        padding: 30px 28px !important;
        border-radius: 19px !important;
    }

    .mk-nature-quote,
    .natur-quote {
        padding: 62px 0 !important;
    }

    .mk-nature-quote blockquote,
    .natur-quote blockquote {
        font-size: 34px !important;
    }

    .mk-nature-next,
    .natur-next {
        width: calc(100% - 34px) !important;
        border-radius: 22px !important;
    }

    .mk-nature-next img,
    .natur-next img {
        height: 390px !important;
    }

    .mk-nature-next-content,
    .natur-next-content {
        padding: 34px 26px !important;
    }

    .mk-nature-next-content h2,
    .natur-next-content h2 {
        font-size: 34px !important;
    }
}/* =========================================================
   PARTNER-GRID – FIX GEGEN ALTE CSS-ÜBERSCHREIBUNGEN
========================================================= */

.mk-partner-page .mk-business-partners .mk-partner-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 65px auto 0 !important;
    padding: 0 !important;
}

.mk-partner-page .mk-business-partners .mk-partner-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.mk-partner-page .mk-business-partners .mk-partner-image {
    display: block !important;
    width: 100% !important;
    height: 330px !important;
    min-height: 330px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden !important;
}

.mk-partner-page .mk-business-partners .mk-partner-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
}

.mk-partner-page .mk-business-partners .mk-partner-card-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 42px !important;
    float: none !important;
}

.mk-partner-page .mk-business-partners .mk-partner-link {
    margin-top: auto !important;
    padding-top: 30px !important;
    align-self: flex-start !important;
}


/* TABLET UND HANDY */

@media screen and (max-width: 767px) {

    .mk-partner-page .mk-business-partners .mk-partner-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .mk-partner-page .mk-business-partners .mk-partner-image {
        height: 260px !important;
        min-height: 260px !important;
    }

    .mk-partner-page .mk-business-partners .mk-partner-card-content {
        padding: 30px 24px 34px !important;
    }

}