/*
Theme Name: Metall Plan Studio
Author: Metall Plan Merkinger
Description: Individuelles, responsives Block-Theme für Metall Plan Merkinger. Inhalte über Design > Editor bearbeiten. Schrift und Bilder werden lokal geladen.
Version: 1.1.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: metallplan-studio
License: GPL v2 or later
*/
@font-face{font-family:Sansation;src:url(assets/Sansation-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Sansation;src:url(assets/Sansation-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--ink:#252d30;--muted:#626b6c;--green:#68b82b;--paper:#f5f6f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;font-family:Sansation,Arial,sans-serif;color:var(--ink);background:#fff}.wp-site-blocks{padding:0}a{text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #477c20;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}p{margin-bottom:20px}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(48px,5.4vw,78px)}h2{font-size:clamp(32px,3.1vw,46px)}h3{font-size:24px;letter-spacing:-.02em}em{font-style:normal;color:#579f25}.wrap{width:calc(100% - 112px);max-width:1240px;margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;margin-bottom:28px}.lead{font-size:19px;line-height:1.65;color:var(--muted)}.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:999}.skip-link:focus{top:10px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e3e6e0;position:sticky;top:0;z-index:50}.admin-bar .site-header{top:32px}.mp-header{max-width:1440px;padding:24px 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.mp-brand{flex:0 0 240px}.mp-brand img{width:240px;height:auto}.mp-header nav{display:flex;align-items:center;gap:32px}.mp-header nav a{text-decoration:none;font-size:15px;font-weight:700;white-space:nowrap}.mp-header nav a:hover{color:#4b881e}.mp-header .nav-contact{border:1px solid #bac2b6;padding:12px 20px}.nav-contact span{margin-left:18px}.hero-section{background:var(--paper);overflow:hidden}.hero-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:76px 40px 52px 56px}.hero-copy .eyebrow{color:#526647}.hero-copy h1{margin-bottom:28px}.hero-copy .lead{max-width:490px;margin-bottom:30px}.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap}.wp-block-button__link{font-size:15px;font-weight:700;padding:16px 22px;border-radius:2px;line-height:1.4;background:var(--green);color:#142009;text-decoration:none;transition:background .2s}.wp-block-button__link:hover{background:#80cb44}.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #b9c0b5;background:transparent;color:var(--ink)}.hero-signature{font-size:11px;letter-spacing:.12em;margin-top:40px;margin-bottom:0;font-weight:700}.hero-signature span{font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted)}.hero-visual{position:relative;padding:40px 28px 56px 0;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(#e4e7df70 1px,transparent 1px),linear-gradient(90deg,#e4e7df70 1px,transparent 1px);background-size:42px 42px}.hero-visual figure{flex:1;display:flex;align-items:center}.hero-visual img{width:100%;max-height:580px;object-fit:contain;mix-blend-mode:multiply}.image-caption{font-size:10px;letter-spacing:.04em;display:flex;justify-content:space-between;padding:15px 0 0;border-top:1px solid #cbd3c4;margin:20px 16px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding-block:34px;border-bottom:1px solid #dce1d7;gap:40px}.fact h3{font-size:22px;margin-bottom:7px}.fact p{font-size:14px;color:var(--muted);margin:0}.fact+.fact{border-left:1px solid #dce1d7;padding-left:40px}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start}.section-heading p{color:var(--muted);font-size:17px;margin:0;padding-top:3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:60px}.service{border-top:2px solid var(--ink);padding-top:24px}.service-num{color:#4f8c24;font-size:14px;margin-bottom:32px}.service h3{margin-bottom:20px}.service>p:not(.service-num){font-size:16px;color:var(--muted)}.service-list{padding:0;list-style:none;font-size:15px;margin:24px 0 0}.service-list li{border-top:1px solid #dfe3da;padding:12px 0 12px 18px;position:relative}.service-list li:before{content:'+';position:absolute;left:0;color:#579f25}.projects-section{background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 28px;margin-top:50px}.project-card figure{background:#e5e8e2;overflow:hidden;margin-bottom:20px;aspect-ratio:1.25}.project-card figure a{display:block;height:100%}.project-card img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.project-card a:hover img{transform:scale(1.04)}.project-meta{font-size:12px;color:var(--muted);margin-bottom:9px}.project-card h3{font-size:24px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:50px}.step{position:relative;padding-left:55px}.step-number{position:absolute;left:0;top:0;color:#508827;border-bottom:2px solid var(--green);font-size:18px}.step h3{font-size:22px;margin-bottom:16px}.step>p:last-child{font-size:16px;color:var(--muted);margin:0}.about-section{background:#edf0e9}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:110px;align-items:center}.about-photo img{width:100%;height:550px;object-fit:cover;object-position:center 22%}.about-copy h2{margin-bottom:28px}.about-copy>p:not(.eyebrow){font-size:17px}.about-copy .signature{padding-top:20px;border-top:1px solid #c8d0c1;margin-top:26px;font-size:15px}.contact-section{background:var(--ink);color:white}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact-section .eyebrow{color:#a6c98b}.contact-section h2{font-size:clamp(32px,3.3vw,48px);margin-bottom:24px}.contact-section em{color:#90d453}.contact-section .lead{color:#c6ceca;max-width:440px}.contact-info{padding-top:44px}.contact-info h3{font-size:17px;margin-bottom:18px;letter-spacing:0}.contact-links{font-size:23px;line-height:1.8;margin-bottom:34px}.contact-section a:not(.wp-block-button__link){color:#fff}.contact-details{border-top:1px solid #57615a;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-details p{font-size:15px;color:#c6ceca;margin:0}.site-footer{background:#1c2325;color:#c6ceca}.mp-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:32px}.mp-footer strong{font-size:12px;letter-spacing:.08em;color:white}.mp-footer p{font-size:13px;margin:3px 0 0}.mp-footer nav{display:flex;gap:28px;font-size:13px}.mp-footer a{color:#c6ceca;text-decoration:none}.mp-footer a:hover{text-decoration:underline}
@media(min-width:1441px){.mp-header{padding-left:100px}.hero-copy{padding-left:100px}.hero-visual{padding-right:70px}}
@media(max-width:1000px){.mp-header{padding:20px 32px;gap:24px}.mp-brand,.mp-brand img{width:200px;flex-basis:200px}.mp-header nav{gap:20px}.wrap{width:calc(100% - 64px)}.hero-copy{padding:55px 24px 45px 32px}.hero-grid{min-height:560px}.hero-copy h1{font-size:56px}.hero-visual{padding-right:20px}.section{padding-block:75px}.section-heading{gap:40px}.service-grid{gap:25px}.about-grid{gap:50px}.contact-grid{gap:45px}.contact-links{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:140px}.admin-bar .site-header{top:46px}.mp-header{padding:16px 24px;display:block}.mp-brand{display:block;width:200px}.mp-header nav{margin-top:18px;gap:20px;justify-content:space-between}.mp-header nav a{font-size:12px}.mp-header .nav-contact{border:0;padding:0}.nav-contact span{margin-left:3px}.wrap{width:calc(100% - 48px)}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:46px 24px 28px}.hero-copy h1{font-size:clamp(44px,10vw,64px)}.hero-copy .lead{font-size:17px;max-width:540px}.hero-signature{display:none}.hero-visual{padding:10px 24px 24px}.hero-visual img{max-height:380px}.image-caption{margin-inline:0}.facts{gap:14px;padding-block:25px}.fact h3{font-size:17px}.fact p{font-size:12px}.fact+.fact{padding-left:14px}.section{padding-block:64px}.eyebrow{font-size:10px;margin-bottom:22px}.section-heading{grid-template-columns:1fr;gap:24px}.service-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.service-num{margin-bottom:16px}.service h3{font-size:25px}.project-grid{grid-template-columns:1fr 1fr;gap:32px 20px;margin-top:32px}.project-card h3{font-size:20px}.project-meta{font-size:11px}.workflow-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.about-grid{grid-template-columns:1fr;gap:35px}.about-photo img{height:420px;object-fit:contain}.contact-grid{grid-template-columns:1fr;gap:15px}.contact-info{padding-top:25px}.contact-links{font-size:24px}.mp-footer{align-items:flex-start;flex-direction:column;gap:24px}.mp-footer nav{gap:24px}}
@media(max-width:420px){.mp-header nav{gap:10px}.mp-header nav a{font-size:11px}.project-grid{grid-template-columns:1fr}.project-card figure{aspect-ratio:1.4}.fact h3{font-size:15px}.fact p{font-size:11px}.contact-links{font-size:21px}.wp-block-button__link{padding:14px 17px}.lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Detail pages */
.subpage-intro{padding-block:75px 65px;border-bottom:1px solid #dce1d7;margin-bottom:65px}.subpage-intro h1{font-size:clamp(42px,5vw,68px);margin-bottom:28px;max-width:1050px}.subpage-intro .lead{max-width:800px;margin-bottom:0}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-bottom:70px;margin-bottom:60px;border-bottom:1px solid #dce1d7}.detail-row h2{margin-bottom:25px}.detail-row img{width:100%;max-height:430px;object-fit:contain;background:#f3f4f0}.detail-copy>p{color:var(--muted)}.detail-copy .service-num{color:#518d28}.prose{max-width:900px}.prose h2{margin-bottom:25px}.prose h3{margin-block:32px 18px}.prose p{line-height:1.8}.legal-copy h2:not(:first-child){margin-top:45px;font-size:28px}.legal-copy p{font-size:17px}.legal-date{color:var(--muted);margin-top:40px}.portrait-row{grid-template-columns:.8fr 1fr}.portrait-row img{max-height:550px;object-fit:contain}.gallery-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.gallery-nav a{padding:10px 16px;border:1px solid #bcc7b4;text-decoration:none;font-size:14px}.gallery-nav a:hover{background:#edf0e9}.gallery-section{border-bottom:1px solid #dce1d7}.gallery-section>h2{margin-bottom:20px}.gallery-section .project-grid{margin-top:32px}.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:75px;border-bottom:1px solid #dce1d7}.contact-page-grid h2{font-size:32px;margin-bottom:25px}.contact-page-grid h3{font-size:22px;margin-bottom:18px}.address-box{background:var(--paper);padding:32px}.address-box h3:not(:first-child){margin-top:28px}.page-cta h2{margin-bottom:25px}.page-cta p{color:#c6ceca;margin-bottom:30px}.mp-subpage .wp-block-post-content{margin:0}.site-header nav a[aria-current="page"]{color:#477f24}.mp-header .nav-contact{font-size:14px}.mp-subpage:focus{outline:none}
@media(max-width:760px){.subpage-intro{padding-block:45px;margin-bottom:45px}.detail-row,.portrait-row,.contact-page-grid{grid-template-columns:1fr;gap:35px}.detail-row{margin-bottom:40px;padding-bottom:45px}.subpage-intro h1{font-size:43px}.detail-row .wp-block-image{order:2}.portrait-row .wp-block-image{order:0}.gallery-nav{gap:8px}.gallery-nav a{font-size:12px;padding:9px 12px}.contact-page-grid{padding-bottom:45px}.mp-header .nav-contact{font-size:11px}.legal-copy h2:not(:first-child){font-size:25px}.subpage-intro .lead{font-size:17px}}

/* Persönliche Vorstellung ohne Porträt, wie gewünscht. */
.about-grid,.portrait-row{grid-template-columns:1fr;max-width:900px}.about-copy{max-width:800px}.portrait-row{padding-bottom:45px}

/* Software-Angebot */
.software-service{margin-top:48px;padding:36px;background:var(--paper);border-left:4px solid var(--green)}.software-service h2{font-size:32px;line-height:1.15;margin:0 0 20px}.software-service p{max-width:850px}.software-service .wp-block-buttons{margin-top:24px}@media(max-width:760px){.software-service{padding:24px}.software-service h2{font-size:27px;overflow-wrap:anywhere}}