/*
Theme Name: Michael Potschek – Persönlich
Theme URI: https://example.com/
Author: OpenAI
Description: Persönliches Portfolio- und Blog-Theme mit Bereichen für Familie, Projekte, Radsport und Selbsthilfe.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: michael-potschek
*/
:root{--ink:#11151b;--muted:#606772;--purple:#8b43f6;--purple-dark:#6d28d9;--paper:#fff;--soft:#f5f5f8;--line:#e8e8ee;--radius:18px;--shadow:0 12px 35px rgba(17,21,27,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;color:white;background:linear-gradient(180deg,rgba(10,14,20,.85),rgba(10,14,20,.12));border-bottom:1px solid rgba(255,255,255,.15)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;line-height:1}.brand-mark{font-family:Georgia,serif;font-style:italic;font-size:35px;letter-spacing:-5px;border-right:1px solid rgba(255,255,255,.45);padding-right:12px}.brand-name{font-size:10px;letter-spacing:2.6px;text-transform:uppercase}.primary-menu{display:flex;align-items:center;gap:24px;font-size:13px}.primary-menu a{color:#fff}.primary-menu a:hover{color:#c7a4ff}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #ffffff70;border-radius:8px;padding:8px 12px}.hero{min-height:690px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(8,12,18,.83),rgba(8,12,18,.36) 55%,rgba(8,12,18,.04)),linear-gradient(0deg,rgba(8,12,18,.3),transparent 40%),url('assets/header-fotografie.png') center/cover no-repeat;background-color:#202833;padding:130px 0 70px}.hero-content{max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:700;display:block;margin-bottom:14px}.hero h1{font-size:clamp(42px,6.2vw,76px);line-height:1.03;letter-spacing:-2.8px;margin:0 0 22px;font-weight:800}.accent{color:#b17aff}.hero p{max-width:560px;font-size:18px;color:#f2f2f5;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);color:white!important;padding:12px 20px;border-radius:5px;font-size:13px;font-weight:700;border:1px solid var(--purple);transition:.2s}.button:hover{background:var(--purple-dark);transform:translateY(-1px)}.button-outline{background:transparent;border-color:#ffffff99}.button-outline:hover{background:#ffffff1c}.quicklinks{background:#10151c;color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr)}.quick-item{text-align:center;padding:24px 12px;border-right:1px solid #ffffff12}.quick-item:last-child{border:0}.quick-icon{color:#b17aff;font-size:25px;display:block;margin-bottom:5px}.quick-item strong{display:block;font-size:13px}.quick-item span:last-child{font-size:11px;color:#b9bdc6;display:block;line-height:1.4;margin-top:3px}.section{padding:84px 0}.section-soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head .eyebrow{color:var(--purple);margin-bottom:7px}.section h2{font-size:clamp(29px,4vw,44px);letter-spacing:-1.2px;line-height:1.12;margin:0 0 14px}.section-intro{max-width:660px;color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.about-photo{min-height:420px;border-radius:var(--radius);background:linear-gradient(145deg,#dfe4e9,#a7b0bc);display:flex;align-items:end;justify-content:center;overflow:hidden;position:relative}.about-photo:after{content:"MP";font-family:Georgia,serif;font-size:180px;color:#ffffff60;font-style:italic;line-height:1}.about-note{font-family:Georgia,serif;font-style:italic;color:var(--purple);font-size:24px;margin-top:22px}.family-band{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(14,18,25,.94),rgba(14,18,25,.75)),url('assets/family-landscape.svg') center/cover no-repeat;padding:66px 0}.family-content{max-width:700px}.family-band .eyebrow{color:#c8a5ff}.family-band h2{font-size:clamp(34px,4vw,50px);line-height:1.08;margin:0 0 15px}.family-band p{max-width:620px;color:#e4e5eb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(17,21,27,.12)}.card-visual{height:190px;background:#e8e8ee;display:flex;align-items:center;justify-content:center;color:var(--purple);font-size:52px}.visual-web{background:linear-gradient(135deg,#d9d2f7,#f2edf9)}.visual-code{background:linear-gradient(135deg,#1c2937,#59687a);color:#c6a6ff}.visual-community{background:linear-gradient(135deg,#eadcf7,#c7b5ed)}.card-body{padding:22px}.card-body .tag{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--purple);font-weight:800;margin-bottom:8px}.card h3{font-size:20px;line-height:1.25;margin:0 0 9px}.card p{color:var(--muted);font-size:14px;margin:0 0 15px}.text-link{color:var(--purple-dark);font-weight:700;font-size:13px}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-date{font-size:11px;color:#858b95;text-transform:uppercase;letter-spacing:1px}.quote-band{background:#11161d;color:#fff;padding:70px 0;text-align:center}.quote-band blockquote{font-family:Georgia,serif;font-size:clamp(25px,3.7vw,42px);font-style:italic;line-height:1.3;max-width:900px;margin:0 auto 18px}.quote-band .accent-line{width:58px;height:3px;background:var(--purple);margin:0 auto}.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f4f0fb;border-radius:var(--radius);padding:32px 38px}.contact-strip h2{font-size:28px;margin:0 0 5px}.contact-strip p{color:var(--muted);margin:0}.site-footer{background:#0e1319;color:#fff;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.site-footer p,.site-footer a{color:#b9bec7;font-size:12px}.site-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.footer-links{display:grid;gap:7px}.copyright{border-top:1px solid #ffffff18;margin-top:32px;padding-top:18px;color:#858c96;font-size:11px;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:170px 0 75px;min-height:260px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(8,12,18,.88),rgba(8,12,18,.55) 58%,rgba(8,12,18,.28)),linear-gradient(0deg,rgba(8,12,18,.35),rgba(8,12,18,.08)),url('assets/header-fotografie.png') center/cover no-repeat;background-color:#11161d;color:#fff}.page-hero h1{font-size:clamp(38px,5vw,64px);margin:0 0 10px}.content-area{padding:65px 0;min-height:45vh}.entry-content{max-width:820px}.entry-content h2,.entry-content h3{line-height:1.2}.entry-content p{color:#424852}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pagination{margin-top:32px}.form-field{margin-bottom:16px}.form-field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.form-field input,.form-field textarea{width:100%;padding:12px;border:1px solid #d9dbe2;border-radius:7px;background:#fff}.form-field textarea{min-height:150px}.notice{padding:12px 16px;background:#f2ebff;border-left:3px solid var(--purple);font-size:13px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.primary-menu{gap:13px}.about-grid{gap:32px}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-item:nth-child(3){border-right:0}.quick-item:nth-child(-n+3){border-bottom:1px solid #ffffff12}.cards,.blog-list,.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.header-inner{min-height:68px}.menu-toggle{display:block}.primary-menu{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 22px;background:#10151cf5;flex-direction:column;align-items:flex-start}.primary-menu.is-open{display:flex}.hero{min-height:650px;padding:120px 0 60px;background-position:58% center}.hero h1{letter-spacing:-1.8px}.hero p{font-size:16px}.section{padding:60px 0}.section-head{align-items:flex-start;flex-direction:column}.about-grid{grid-template-columns:1fr}.about-photo{min-height:260px;order:-1}.family-band{padding:55px 0}.cards,.blog-list,.post-grid{grid-template-columns:1fr}.card-visual{height:165px}.contact-strip{align-items:flex-start;flex-direction:column;padding:25px}.footer-grid{grid-template-columns:1fr;gap:20px}.copyright{flex-direction:column}.quick-item{padding:18px 8px}.quick-item strong{font-size:12px}.quick-item span:last-child{font-size:10px}}

/* Individuelle Wortmarke */
.brand-logo{display:inline-flex;align-items:center;max-width:min(310px,34vw);flex-shrink:0}
.brand-logo img{display:block;width:100%;height:auto;max-height:60px}
.footer-logo{max-width:280px;margin-bottom:8px}
@media(max-width:680px){.brand-logo{max-width:235px}.brand-logo img{max-height:48px}}

/* Logo aus der gelieferten transparenten PNG-Datei */
.brand-logo img { object-fit: contain; object-position: left center; }
.site-header .brand-logo { width: min(420px, 34vw); max-width: 420px; }
.site-footer .footer-logo { width: min(360px, 100%); max-width: 360px; }
@media (max-width: 680px) {
  .site-header .brand-logo { width: min(290px, 58vw); max-width: 290px; }
  .site-footer .footer-logo { width: min(300px, 100%); max-width: 300px; }
}


/* Header: Logo und Navigation bewusst präsenter darstellen */
.site-header .header-inner { min-height: 112px; gap: 28px; }
.site-header .brand-logo { width: clamp(300px, 27vw, 410px); max-width: 410px; }
.site-header .brand-logo img { width: 100%; height: auto; max-height: none; }
.site-header .primary-menu { gap: clamp(14px, 1.45vw, 24px); font-size: 15px; font-weight: 500; white-space: nowrap; }
.site-header .primary-menu a { display: inline-block; padding-block: 10px; }
.site-header .menu-toggle { font-size: 15px; }
.site-footer .footer-logo img { max-height: none; }
@media (max-width: 1100px) {
  .site-header .header-inner { gap: 18px; }
  .site-header .brand-logo { width: 300px; }
  .site-header .primary-menu { gap: 12px; font-size: 13px; }
}
@media (max-width: 900px) {
  .site-header .header-inner { min-height: 94px; }
  .site-header .brand-logo { width: min(320px, 42vw); }
  .site-header .primary-menu { gap: 10px; font-size: 12px; white-space: normal; }
}
@media (max-width: 680px) {
  .site-header .header-inner { min-height: 76px; }
  .site-header .brand-logo { width: min(270px, 68vw); max-width: 270px; }
  .site-header .brand-logo img { max-height: none; }
  .site-header .primary-menu { top: 76px; gap: 8px; font-size: 15px; }
}

/* Responsive sizing for Customizer-controlled header */
@media (max-width: 1100px) {
  .site-header .brand-logo { max-width: min(38vw, 360px) !important; }
  .site-header .primary-menu { white-space: normal; }
}
@media (max-width: 680px) {
  .site-header .header-inner { min-height: 76px !important; }
  .site-header .brand-logo { width: min(68vw, 290px) !important; max-width: min(68vw, 290px) !important; }
  .site-header .brand-logo img { width: 100% !important; }
}

/* Portfolio-Projekte aus dem WordPress-Backend */
.project-card-image{display:block;overflow:hidden;background:#e8e8ee}
.project-card-image img{width:100%;height:190px;object-fit:cover;transition:transform .25s}
.project-card:hover .project-card-image img,.card:hover .project-card-image img{transform:scale(1.025)}
.project-card-image .card-visual{margin:0}
.project-empty{grid-column:1/-1;border:1px dashed #c9c3d8;background:#fff;border-radius:var(--radius);padding:30px;color:var(--muted)}
.project-empty strong{color:var(--ink);font-size:18px}
.project-empty p{max-width:720px}
.project-card-title{font-size:23px;line-height:1.2;margin:0 0 10px}
.project-featured-image{margin:0 0 32px;border-radius:var(--radius);overflow:hidden}
.project-featured-image img{width:100%;max-height:560px;object-fit:cover}
.project-single{max-width:900px}
.project-single .entry-content{max-width:none}
@media(max-width:680px){.project-card-image img{height:165px}}


/* Personal page: About & Family */
.mp-about-hero{min-height:590px;padding:155px 0 80px;display:flex;align-items:center;background-size:cover;background-position:center 42%;color:#fff}.mp-about-hero-inner{max-width:1180px}.mp-about-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-2px;max-width:750px;margin:0 0 22px}.mp-about-hero h1 span{color:#c4a0ff}.mp-about-hero p{max-width:650px;font-size:18px;color:#f0f0f4}.mp-purple{color:var(--purple)}.mp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.mp-two-col h2,.mp-about-page .section h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-1px;margin:0 0 18px}.mp-photo-card{margin:0;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.mp-photo-card img{width:100%;height:390px;object-fit:cover;object-position:center}.mp-photo-card figcaption{padding:14px 18px;color:var(--muted);font-size:13px;line-height:1.5}.mp-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mp-family-grid .mp-photo-card img{height:330px}.mp-family-copy{max-width:850px;margin:32px auto 0;font-size:17px}.mp-story blockquote{margin:28px 0 0;padding:20px 24px;border-left:4px solid var(--purple);background:#f3edff;color:#282036;font-family:Georgia,serif;font-size:22px;line-height:1.5}.mp-prosthesis-photo img{object-position:center}.mp-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.mp-care-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.mp-care-number{font-size:12px;letter-spacing:2px;color:var(--purple);font-weight:800}.mp-care-card h3{font-size:22px;margin:10px 0}.mp-care-card p,.mp-resolution p{color:var(--muted)}.mp-resolution{margin-top:28px;padding:32px;background:#11151b;color:#fff;border-radius:var(--radius)}.mp-resolution h3{font-size:25px;margin:0 0 12px}.mp-resolution p{color:#e1e3e8}.mp-sport{background:#fff}.mp-values{padding:30px;border-radius:var(--radius);background:#f1ebfc;border:1px solid #e4d7ff}.mp-values h3{font-size:24px;margin-top:0}.mp-values p{margin:12px 0}.mp-values strong{color:#5724a8}.mp-closing{background:#11151b;color:#fff;padding:84px 0;text-align:center}.mp-closing .eyebrow{color:#c5a1ff}.mp-closing h2{font-size:clamp(34px,4.6vw,54px);line-height:1.1;max-width:850px;margin:0 auto 22px}.mp-closing p{max-width:760px;margin:0 auto 18px;color:#e2e4ea}.mp-closing .mp-closing-quote{font-family:Georgia,serif;font-size:clamp(22px,3vw,32px);color:#d1b7ff;margin-top:28px}.mp-about-page .section-intro{max-width:800px}.mp-about-page .entry-content{max-width:850px}
@media(max-width:760px){.mp-about-hero{min-height:520px;padding:130px 0 65px;background-position:60% center}.mp-two-col,.mp-family-grid,.mp-care-grid{grid-template-columns:1fr;gap:25px}.mp-two-col{align-items:start}.mp-photo-card img,.mp-family-grid .mp-photo-card img{height:auto;max-height:430px;object-fit:cover}.mp-about-page .section{padding:58px 0}.mp-care-card{padding:23px}.mp-closing{padding:60px 0}.mp-story-grid .mp-prosthesis-photo{order:-1}}


/* Separate family page */
.mp-family-hero{background-position:center 48%}.mp-family-page .section-head{margin-bottom:30px}.mp-family-person h3{margin-top:-8px;color:var(--purple);font-size:21px}.mp-family-page .mp-family-copy{line-height:1.8}.mp-family-page .mp-family-grid{margin-top:28px}


/* Selbsthilfe page */
.selfhilfe-hero{min-height:760px;display:flex;align-items:center;color:#fff;background-position:center;background-size:cover;background-repeat:no-repeat;padding:150px 0 90px;background-color:#17151b}
.selfhilfe-hero-inner{max-width:1180px}
.selfhilfe-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 24px;font-weight:850;max-width:950px}
.selfhilfe-hero p{font-size:18px;line-height:1.7;max-width:700px;color:#f6f4f7}
.selfhilfe-hero .selfhilfe-hero-strong{font-weight:700;font-size:19px}
.selfhilfe-statement{padding:95px 0 100px;background:#f6f5f8;text-align:center}
.selfhilfe-statement h2{font-size:clamp(32px,4.4vw,54px);line-height:1.12;letter-spacing:-1.5px;margin:10px auto 24px;max-width:1000px}
.selfhilfe-statement p{max-width:850px;margin:0 auto;color:#464953;font-size:18px}
.selfhilfe-content{padding:88px 0;background:#fff}
.selfhilfe-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}
.selfhilfe-columns h2{font-size:clamp(30px,3.8vw,47px);line-height:1.12;letter-spacing:-1.3px;margin:8px 0 0}
.selfhilfe-columns p{margin:0 0 18px;color:#444852;font-size:17px;line-height:1.8}
.selfhilfe-columns strong{color:#17151b}
.selfhilfe-dark{padding:90px 0;background:#11151b;color:#fff}
.selfhilfe-dark .selfhilfe-columns p{color:#e3e2e8}
.selfhilfe-dark .selfhilfe-columns strong{color:#fff}
.selfhilfe-quote{padding:75px 0;background:linear-gradient(120deg,#241832,#11151b);color:#fff;text-align:center}
.selfhilfe-quote p{max-width:1000px;margin:0 auto;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.2;letter-spacing:-1px}
.selfhilfe-cta{padding:95px 0;background:#f6f5f8;text-align:center}
.selfhilfe-cta h2{font-size:clamp(34px,4.5vw,56px);line-height:1.1;letter-spacing:-1.5px;margin:10px auto 20px;max-width:900px}
.selfhilfe-cta>.container>p{max-width:800px;margin:0 auto 20px;color:#454852;font-size:18px}
.selfhilfe-cta .actions{justify-content:center}
.selfhilfe-cta .button-outline{border-color:#8b43f6;color:#6d28d9!important}
.selfhilfe-cta .selfhilfe-final-line{font-weight:800;color:#17151b;margin-top:38px}
@media(max-width:760px){.selfhilfe-hero{min-height:720px;padding:125px 0 65px;background-position:60% center}.selfhilfe-hero h1{font-size:clamp(39px,10vw,60px);letter-spacing:-1.6px}.selfhilfe-hero p{font-size:16px}.selfhilfe-statement,.selfhilfe-content,.selfhilfe-dark,.selfhilfe-cta{padding:62px 0}.selfhilfe-columns{grid-template-columns:1fr;gap:24px}.selfhilfe-columns p{font-size:16px}.selfhilfe-quote{padding:55px 0}}

/* Fix: Ausgabe der im Customizer hinterlegten Fotos in den zweispaltigen Startseitenbereichen */
.about-grid > .about-photo{width:100%;min-width:0;min-height:360px;border-radius:var(--radius);overflow:hidden;position:relative;background:#e8e8ee;}
.about-grid > .about-photo img{width:100%;height:100%;min-height:360px;max-height:500px;object-fit:cover;object-position:center;display:block;}
.about-grid > .about-photo:after{content:none;}
@media(max-width:680px){.about-grid > .about-photo{min-height:260px;order:0}.about-grid > .about-photo img{min-height:260px;max-height:360px}}