/*
 * Patrick Krisch Website
 * Datei: assets/css/about-page.css
 * Bereich: Eigenständige Über-mich-Seite
 * Stand: 2026-08-20
 */

.about-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#52657f}.about-breadcrumb a{color:var(--navy)}.about-breadcrumb a:hover{text-decoration:underline}.about-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:54px}.about-hero-copy{max-width:610px}.about-kicker{margin:0 0 14px;font-size:12px;font-weight:850;letter-spacing:.08em;color:#007b91}.about-hero-copy h1 span{color:#008f93}.about-accent{display:block;width:46px;height:2px;margin:24px 0;background:#089bb0}.about-lead{max-width:560px;margin:0;color:#253b5d;font-size:17px;line-height:1.7}.about-hero-visual{position:relative;min-height:350px;align-self:center}.about-portrait{position:absolute;inset:0 120px 0 0;overflow:hidden;border-radius:var(--radius);background:linear-gradient(145deg,#eaf7fa,#eef5fb);box-shadow:var(--shadow)}.about-placeholder-picture{display:block;width:100%;height:100%}.about-placeholder-picture img{display:block;width:100%;height:100%;object-fit:cover}.about-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(7,31,77,.05));pointer-events:none}.about-quote{position:absolute;right:0;top:48px;width:224px;margin:0;padding:22px;border:1px solid rgba(219,231,242,.94);border-radius:var(--radius);background:rgba(255,255,255,.94);box-shadow:0 16px 36px rgba(18,55,96,.10);backdrop-filter:blur(9px);color:var(--navy)}.about-quote-mark{display:block;font-size:50px;line-height:.65;color:#0899a2;font-weight:900}.about-quote p{margin:15px 0 14px;font-size:14px;line-height:1.55}.about-signature{font-size:18px;font-style:italic;color:#087f8e}

.about-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:30px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow);overflow:hidden}.about-stat{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:22px 24px}.about-stat+.about-stat{border-left:1px solid var(--line)}.about-stat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef7fb;color:#087c99}.about-stat-icon .ui-icon{width:24px;height:24px}.about-stat strong{display:block;color:var(--navy);font-size:14px}.about-stat span:last-child{display:block;margin-top:2px;color:#61738d;font-size:12px}

.about-section{margin-top:34px}.about-section-grid{display:grid;grid-template-columns:1.05fr .95fr 1.1fr;gap:18px;align-items:stretch}.about-card{display:flex;min-height:100%;flex-direction:column;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow);padding:28px}.about-card-title{margin:0;color:var(--navy);font-size:20px}.about-card-accent{display:block;flex:0 0 auto;width:34px;height:2px;margin:12px 0 22px;background:#0799ab}.about-timeline{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:16px;margin-top:4px}.about-timeline::before{content:"";position:absolute;left:17px;top:10px;bottom:10px;width:1px;background:#cfe0ee}.about-timeline-item{position:relative;display:grid;grid-template-columns:36px 1fr;gap:14px}.about-timeline-icon{z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef6fb;color:#087b96}.about-timeline-icon .ui-icon{width:17px;height:17px}.about-timeline-period{display:block;color:#088da1;font-size:11px;font-weight:800}.about-timeline-item strong{display:block;margin-top:2px;color:var(--navy);font-size:14px}.about-timeline-item p{margin:2px 0 0;color:#60718b;font-size:12px;line-height:1.45}.about-specialties{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:16px}.about-specialty{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.about-specialty>.ui-icon{width:28px;height:28px;color:#078b9e}.about-specialty strong{display:block;color:var(--navy);font-size:14px}.about-specialty span{display:block;margin-top:2px;color:#60718b;font-size:12px;line-height:1.45}.about-reasons{background:linear-gradient(145deg,#061f4d 0%,#064f83 58%,#087f92 100%);color:var(--surface);position:relative;overflow:hidden}.about-reasons::after{content:"“";position:absolute;right:12px;top:-30px;color:rgba(255,255,255,.08);font-size:170px;font-weight:900}.about-reasons .about-card-title{color:var(--surface)}.about-reasons-list{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:15px;list-style:none;padding:0;margin:0}.about-reasons-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:13px;line-height:1.45}.about-reasons-list .ui-icon{width:20px;height:20px;color:#66ded4}.about-loyalty{position:relative;z-index:1;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;margin:22px -28px -28px;padding:20px 28px;background:rgba(3,19,48,.24)}.about-loyalty>.ui-icon{width:38px;height:38px;color:#30c9c2}.about-loyalty strong{display:block;color:#70e1dc;font-size:17px}.about-loyalty span{display:block;margin-top:2px;color:#d8e7f3;font-size:12px}

.about-international{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;margin-top:34px}.about-international-copy,.about-international-media{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--card-shadow)}.about-international-copy{display:flex;flex-direction:column;padding:28px}.about-international-copy h2{margin:0;color:var(--navy);font-size:24px}.about-international-copy>p{margin:0 0 22px;color:#52647f;line-height:1.6}.about-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:2px}.about-city{text-align:center}.about-city-badge{position:relative;width:78px;height:78px;margin:0 auto 10px;display:block;border-radius:50%;isolation:isolate}.about-round-flag{display:block;width:100%;height:100%;overflow:hidden;border:1px solid #d5e4ef;border-radius:50%;background:#edf5fa}.about-round-flag svg{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.about-city strong{display:block;color:var(--navy);font-size:12px}.about-city>span:last-child{display:block;color:#70819a;font-size:10.5px}.about-international-note{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:26px 0 0!important;padding:0;font-style:italic;font-size:12px!important}.about-international-note .about-note-icon{width:19px;height:19px;margin-top:1px;color:#0898a6;stroke-width:2}.about-international-media{position:relative;overflow:hidden;min-height:330px}.about-international-media>.about-placeholder-picture{position:absolute;inset:0}.about-international-media img{display:block;width:100%;height:100%;object-fit:cover}.about-international-panel{position:absolute;left:24px;bottom:24px;width:min(64%,300px);padding:20px;border-radius:var(--radius);background:rgba(7,31,77,.92);backdrop-filter:blur(10px);color:var(--surface)}.about-international-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.about-international-panel li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}.about-international-panel .ui-icon{width:20px;height:20px;color:#7ce1dd}.about-international-panel strong{display:block;font-size:12px}.about-international-panel span{display:block;margin-top:1px;color:#cfdcea;font-size:10.5px;line-height:1.4}

.about-cta{display:grid;grid-template-columns:64px 1fr auto;gap:22px;align-items:center;margin-top:34px;padding:24px 28px;border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(90deg,#f8fcff,#eef8fb);box-shadow:var(--card-shadow)}.about-cta-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--primary-gradient);color:var(--surface)}.about-cta-icon .ui-icon{width:26px;height:26px}.about-cta h2{margin:0;color:var(--navy);font-size:22px}.about-cta p{margin:5px 0 0;color:#50637f;font-size:13px}.about-cta-actions{display:grid;gap:8px;justify-items:end}.about-cta-actions small{color:#087b90;font-size:11px}

@media(max-width:1040px){.about-hero-grid{grid-template-columns:1fr .95fr;gap:30px}.about-quote{width:200px}.about-portrait{right:105px}.about-stat-strip{grid-template-columns:repeat(2,1fr)}.about-stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.about-stat:nth-child(4){border-top:1px solid var(--line)}.about-section-grid{grid-template-columns:1fr 1fr}.about-reasons{grid-column:1/-1}.about-international{grid-template-columns:1fr}.about-international-media{min-height:360px}}
@media(max-width:820px){.about-hero-grid{grid-template-columns:1fr}.about-hero-visual{min-height:380px}.about-portrait{right:145px}.about-quote{right:10px}.about-section-grid{grid-template-columns:1fr}.about-reasons{grid-column:auto}.about-cta{grid-template-columns:54px 1fr}.about-cta-actions{grid-column:1/-1;justify-items:stretch}.about-cta .btn{width:100%}}
@media(max-width:620px){.about-hero-copy h1{font-size:44px}.about-lead{font-size:15px}.about-hero-visual{min-height:330px}.about-portrait{right:86px}.about-quote{top:auto;bottom:10px;right:0;width:170px;padding:16px}.about-quote-mark{font-size:42px}.about-quote p{margin:10px 0;font-size:11.5px}.about-signature{font-size:15px}.about-stat-strip{grid-template-columns:1fr 1fr}.about-stat{grid-template-columns:40px 1fr;padding:16px 14px}.about-stat-icon{width:38px;height:38px}.about-stat:nth-child(even){border-left:1px solid var(--line)}.about-stat:nth-child(3){border-top:1px solid var(--line)}.about-card{padding:22px}.about-loyalty{margin:20px -22px -22px;padding:18px 22px}.about-city-grid{grid-template-columns:repeat(2,1fr);gap:20px}.about-city-badge{width:70px;height:70px}.about-international-copy{padding:22px}.about-international-media{min-height:300px}.about-international-panel{left:14px;right:14px;bottom:14px;width:auto}.about-cta{grid-template-columns:1fr;text-align:center}.about-cta-icon{margin:0 auto}.about-cta-actions{grid-column:auto}.about-cta-actions small{text-align:center}}
@media(max-width:370px){.about-stat-strip{grid-template-columns:1fr}.about-stat+.about-stat{border-left:0;border-top:1px solid var(--line)}.about-portrait{right:50px}.about-quote{width:150px}.about-city-grid{grid-template-columns:1fr 1fr}}