/* Komponenten: Buttons, Hero, Werke-Galerie, Werk-Detail, Story, Kontakt, Newsletter, 404 */

/* Buttons */
.mt-btn{display:inline-block;border:1px solid var(--mt-fg);color:var(--mt-fg);background:transparent;padding:11px 32px;font-size:var(--mt-fs-label);letter-spacing:var(--mt-tracking-label);text-transform:uppercase;transition:background .2s,color .2s}
.mt-btn:hover{background:var(--mt-fg);color:var(--mt-bg)}

/* Hero (Startseite) – gerahmt, mit Schatten + Verlauf für lesbaren Text unten */
.mt-hero{position:relative;padding:28px var(--mt-gutter) 0}
.mt-hero__media{position:relative;width:100%;height:calc(100vh - var(--mt-header-h) - 60px);min-height:440px;overflow:hidden;border:1px solid var(--mt-line);box-shadow:0 26px 60px rgba(43,43,43,.20)}
.mt-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.mt-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 48%,rgba(0,0,0,.55) 100%);pointer-events:none}
.mt-hero__tagline{position:absolute;left:0;right:0;bottom:28px;z-index:2;margin:0;text-align:center;padding:0 16px;color:#fff;font-size:var(--mt-fs-label);letter-spacing:.28em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.mt-hero--placeholder .mt-hero__media{background:linear-gradient(180deg,#d7d4cf,#b9b6b0)}

/* Werke-Galerie */
.mt-works{padding-block:var(--mt-section-gap)}
.mt-works__title{margin-bottom:48px}
.mt-works__desc{color:var(--mt-muted);max-width:640px;margin:-28px 0 44px}
.mt-grid{display:grid;grid-template-columns:1fr;gap:64px 40px}
@media (min-width:768px){.mt-grid{grid-template-columns:1fr 1fr;column-gap:var(--mt-grid-col-gap);row-gap:var(--mt-grid-row-gap)}}
.mt-card{display:block}
.mt-card__title,.mt-card__meta,.mt-card__price,.mt-card__status{display:block}
.mt-card__img{width:100%;height:auto;display:block;background:#fff}
.mt-card__ph{display:block;width:100%;aspect-ratio:3/4;background:linear-gradient(180deg,#f3f1ec,#e7e4de)}
.mt-card__title{font-family:var(--mt-font-display);font-size:var(--mt-fs-card);color:var(--mt-fg);margin-top:18px}
.mt-card__meta{color:var(--mt-muted);font-size:14px;margin-top:4px}
.mt-card__price{font-size:14px;margin-top:6px;color:var(--mt-fg)}
.mt-card__status{font-size:var(--mt-fs-label);letter-spacing:var(--mt-tracking-label);text-transform:uppercase;color:var(--mt-muted);margin-top:8px}
.mt-card__status .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mt-available);margin-left:6px;vertical-align:middle}
.mt-card__status.is-sold .dot{background:var(--mt-muted)}

/* Werk-Detailseite */
.mt-back{display:inline-block;margin:32px 0 24px;color:var(--mt-muted);font-size:var(--mt-fs-label);letter-spacing:var(--mt-tracking-label);text-transform:uppercase}
.mt-back:hover{color:var(--mt-fg)}
.mt-work{display:grid;gap:40px;padding-bottom:clamp(48px,8vw,96px)}
@media (min-width:900px){.mt-work{grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}}
.mt-work__img{width:100%;height:auto;background:#fff}
.mt-work__title{margin:0 0 16px}
.mt-work__price{font-weight:600;margin:0 0 8px}
.mt-work__status{font-size:var(--mt-fs-label);letter-spacing:var(--mt-tracking-label);text-transform:uppercase;color:var(--mt-muted);margin:0 0 24px}
.mt-work__status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mt-available);margin-left:8px;vertical-align:middle}
.mt-work__status.is-sold .dot{background:var(--mt-muted)}
.mt-work__facts{list-style:none;margin:0 0 24px;padding:0}
.mt-work__facts li{font-style:italic;color:var(--mt-fg);margin-bottom:4px}
.mt-work__cta{margin:8px 0 24px}
.mt-work__notes{color:var(--mt-muted);font-size:14px;line-height:1.6;margin:28px 0 0;padding:20px 22px;background:#f1efe9;white-space:pre-line}
.mt-work__desc{color:var(--mt-fg);margin-top:24px}

/* Story / Über mich */
.mt-story{max-width:760px;padding-block:clamp(48px,8vw,96px)}
.mt-story__title{margin:.1em 0 24px}
.mt-story__portrait{margin:24px 0 40px}
.mt-story__body{font-size:1.05rem;line-height:1.75}
.mt-story__body p{margin-bottom:1.4em}
.mt-story__body img{margin:32px 0}

/* Kontakt */
.mt-contact{max-width:640px;padding-block:clamp(48px,8vw,96px)}
.mt-contact__title{margin-bottom:32px}
.mt-contact__intro{color:var(--mt-muted);margin-bottom:32px}

/* Newsletter (Footer-Sektion) */
.mt-news{border-top:1px solid var(--mt-line);padding-block:var(--mt-section-gap);text-align:center}
.mt-news__heading{margin-bottom:12px}
.mt-news__text{color:var(--mt-muted);max-width:520px;margin:0 auto 24px}
.mt-news__form{max-width:420px;margin:0 auto}

/* Generischer Seiteninhalt */
.mt-page{padding-block:clamp(48px,8vw,96px)}
.mt-page__title{margin-bottom:24px}
.mt-content a{text-decoration:underline}

/* 404 */
.mt-404{text-align:center;padding-block:clamp(80px,12vw,160px)}
.mt-404 h1{font-size:clamp(64px,12vw,120px);margin-bottom:8px}
.mt-404 p{color:var(--mt-muted);margin-bottom:24px}

/* Formulare */
.mt-form{max-width:600px;margin-top:8px}
.mt-form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:560px){.mt-form__row{grid-template-columns:1fr}}
.mt-field{display:block;margin-bottom:20px}
.mt-field__label{display:block;font-size:var(--mt-fs-label);letter-spacing:var(--mt-tracking-label);text-transform:uppercase;color:var(--mt-muted);margin-bottom:8px}
.mt-field input,.mt-field textarea{width:100%;background:transparent;border:1px solid var(--mt-line);color:var(--mt-fg);font:inherit;padding:12px 14px;border-radius:0}
.mt-field input:focus,.mt-field textarea:focus,.mt-news__input:focus{outline:none;border-color:var(--mt-fg)}
.mt-field textarea{resize:vertical}
.mt-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mt-muted);margin:8px 0 24px}
.mt-consent a{text-decoration:underline}
.mt-formmsg{padding:12px 16px;margin:16px 0;font-size:14px;border:1px solid var(--mt-line)}
.mt-formmsg--ok{border-color:var(--mt-available)}
.mt-formmsg--err{border-color:#c0392b;color:#c0392b}
.mt-contact__mail{margin-top:24px}
.mt-contact__mail a{text-decoration:underline}
.mt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Newsletter-Formular */
.mt-news__el{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
.mt-news__input{background:transparent;border:1px solid var(--mt-line);color:var(--mt-fg);font:inherit;padding:11px 14px;min-width:260px}

/* „Über mich"-Block auf der Startseite */
.mt-about{padding-block:var(--mt-section-gap)}
.mt-about__inner{max-width:760px}
.mt-about__text{font-size:1.05rem;line-height:1.75;color:var(--mt-fg)}
.mt-about__text p{margin-bottom:1.4em}
.mt-about__more{margin-top:28px}