/* Über uns: persönliche Geschichte im Gestaltungsrahmen der Startseite. */
.about-page .desktop-nav>a[aria-current="page"],.about-page .mobile-menu>a[aria-current="page"]{color:#84603a}
.about-hero-band{background:#f8f5f1;border-bottom:1px solid #ebe4dc}
.about-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:78px;padding-top:55px;padding-bottom:60px}
.about-hero-copy .eyebrow{margin-bottom:25px}
.about-hero h1{font-size:clamp(42px,4.25vw,62px);line-height:1.08;letter-spacing:-.045em;margin-bottom:30px}
.about-hero h1 em{color:#8b643b;font-weight:500}
.about-hero-copy>p:not(.eyebrow){max-width:500px;font-size:15px;line-height:1.9;color:#695b4e}
.about-hero-copy .about-hero-intro{margin-bottom:15px;color:#43372d}
.about-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:29px}
.about-hero-actions .button{padding:17px 22px;font-size:12px}
.about-hero-actions .text-link{font-size:12px}
.about-hero-portrait{margin:0 10px 0 0;min-width:0}
.about-hero-portrait img{width:100%;height:535px;object-fit:cover;object-position:50% 23%;border:7px solid white;border-radius:6px;box-shadow:11px 12px 0 #eee8e0}
.about-hero-portrait figcaption{display:flex;flex-wrap:wrap;gap:4px 13px;margin-top:25px;padding-left:7px;font-size:10px;color:#766652;line-height:1.7}
.about-hero-portrait figcaption strong{font-size:11px;font-weight:600;color:#4e4032}
.about-photo-frame{height:535px;overflow:hidden;border:7px solid white;border-radius:6px;box-shadow:11px 12px 0 #eee8e0}
.about-page .about-hero-portrait .about-photo-frame img{height:100%;border:0;border-radius:0;box-shadow:none}
.about-experience{display:grid;grid-template-columns:1fr 1fr 1.15fr;align-items:center;gap:42px;padding:39px 0;border-bottom:1px solid #e9e1d8}
.about-experience>div{display:flex;flex-direction:column;gap:4px}
.about-experience strong{font:500 clamp(26px,2.6vw,37px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.04em;color:#6c5237}
.about-experience span{font-size:12px;color:#716557}
.about-experience p{border-left:1px solid #dfd2c2;padding-left:32px;font-size:14px;line-height:1.8;color:#716557}
.about-story-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:91px;padding-bottom:90px}
.about-story-section h2,.about-team-layout h2,.about-values-section h2{font-size:clamp(35px,3.5vw,49px);line-height:1.13}
.about-page h2 em{color:#845c2a}
.about-story-line{font-size:13px;color:#786859;line-height:1.8;margin-top:24px;max-width:250px}
.about-story-text>p{font-size:15px;line-height:1.9;color:#6a5c4e;margin-top:18px}
.about-story-text .about-story-opening{font-size:21px;line-height:1.65;color:#483a2f;margin-top:0}
.about-story-text .about-story-signature{font:italic 27px/1.4 Georgia,serif;color:#8b643b;margin-top:25px}
.about-team-band{background:#f8f5f1;border-block:1px solid #ebe4dc}
.about-team-layout{padding-top:78px;padding-bottom:78px;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start}
.about-team-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#6a5c4e;margin-top:25px;max-width:440px}
.about-team-intro .text-link{margin-top:20px}
.about-team-steps{list-style:none;margin:0;padding:0}
.about-team-steps li{display:flex;gap:24px;padding:23px 0;border-top:1px solid #dfd3c5}
.about-team-steps li:first-child{padding-top:0;border-top:0}
.about-team-steps li:last-child{padding-bottom:0}
.about-team-steps li>span{font:400 22px/1.4 Georgia,serif;color:#99774e;min-width:28px}
.about-team-steps h3{font-size:21px;line-height:1.4;letter-spacing:-.025em;font-weight:500;margin-bottom:10px}
.about-team-steps p{font-size:14px;line-height:1.85;color:#6a5c4e}
.about-values-section{padding-top:87px;padding-bottom:90px}
.about-values-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;align-items:end}
.about-values-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}
.about-values-heading>p:last-child{font-size:14px;line-height:1.9;color:#6a5c4e;max-width:400px}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:43px}
.about-values-grid article{border-top:1px solid #d9c9b5;padding-top:23px}
.about-value-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8b643b}
.about-values-grid h3{font-size:22px;line-height:1.3;font-weight:500;margin:14px 0 16px;letter-spacing:-.03em}
.about-values-grid p{font-size:14px;line-height:1.9;color:#6a5c4e}
.about-page .contact-copy h2 em{color:#fff9ef}
@media(max-width:1100px){.about-hero{gap:42px}.about-hero h1{font-size:46px}.about-hero-portrait img{height:510px}.about-hero-copy>p:not(.eyebrow){font-size:14px}.about-hero-actions{gap:17px}.about-hero-actions .button{padding:16px 18px;font-size:11px}.about-story-section,.about-team-layout{gap:50px}.about-values-grid{gap:28px}}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;gap:36px;padding-top:45px;padding-bottom:45px}.about-hero-copy{max-width:650px}.about-hero h1{font-size:57px}.about-hero-copy>p:not(.eyebrow){max-width:610px;font-size:15px}.about-hero-portrait{max-width:500px;width:calc(100% - 12px);margin:auto}.about-hero-portrait img{height:530px}.about-experience{gap:22px}.about-experience p{padding-left:22px;font-size:12px}.about-story-section,.about-team-layout{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.about-story-text,.about-team-steps{max-width:680px}.about-story-line{max-width:none}.about-team-intro>p:not(.eyebrow){max-width:600px}.about-values-heading{gap:0 35px}.about-values-grid{gap:24px}.about-values-grid h3{font-size:21px}}
@media(max-width:600px){.about-hero{padding-top:32px;padding-bottom:35px;gap:29px}.about-hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.about-hero h1{font-size:clamp(35px,9.9vw,53px);line-height:1.1;margin-bottom:22px}.about-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.about-hero-actions{gap:13px 20px;margin-top:24px}.about-hero-actions .button{font-size:11px}.about-hero-actions .text-link{font-size:11px}.about-hero-portrait{margin-left:0;width:calc(100% - 9px)}.about-hero-portrait img{height:405px;border-width:5px;box-shadow:8px 9px 0 #eee8e0;object-position:50% 18%}.about-hero-portrait figcaption{margin-top:21px;flex-direction:column;gap:0;font-size:10px}.about-experience{grid-template-columns:1fr 1fr;gap:24px 20px;padding:30px 0}.about-experience strong{font-size:26px}.about-experience span{font-size:11px}.about-experience p{grid-column:1/-1;border-left:0;border-top:1px solid #e9e1d8;padding:20px 0 0;font-size:13px}.about-experience p br{display:none}.about-story-section,.about-team-layout{gap:27px;padding-top:53px;padding-bottom:53px}.about-story-section h2,.about-team-layout h2,.about-values-section h2{font-size:35px}.about-story-line{margin-top:17px;font-size:13px}.about-story-text>p{font-size:14px}.about-story-text .about-story-opening{font-size:19px;line-height:1.7}.about-team-steps li{gap:17px}.about-team-steps h3{font-size:20px}.about-team-steps p{font-size:14px}.about-values-section{padding-top:53px;padding-bottom:53px}.about-values-heading{display:block}.about-values-heading>p:last-child{margin-top:22px;font-size:14px}.about-values-grid{grid-template-columns:1fr;gap:29px;margin-top:31px}.about-values-grid h3{font-size:23px;margin-bottom:11px}.about-values-grid article{padding-top:20px}.about-values-grid p{font-size:14px}}
@media(max-width:1100px){.about-photo-frame{height:510px}}
@media(max-width:900px){.about-photo-frame{height:530px}}
@media(max-width:600px){.about-photo-frame{height:405px;border-width:5px;box-shadow:8px 9px 0 #eee8e0}}