/* Dr. med. Margrit Lettko profile page */

/* Präzise Querformat-Anordnung: Text beginnt NEBEN dem Foto; Fortsetzung darunter vollbreit. */
@media (orientation:landscape) and (min-width:601px) and (max-width:950px) {
  body .lettko-profile-page .lettko-profile-hero {
    display:grid !important;
    grid-template-columns:minmax(0,3fr) minmax(0,1fr) !important;
    grid-template-rows:auto auto auto auto auto !important;
    column-gap:18px !important; row-gap:9px !important;
    align-items:start !important;
  }
  body .lettko-profile-page .lettko-profile-hero-copy { display:contents !important; }
  body .lettko-profile-page .lettko-profile-hero > .lettko-kicker { grid-column:1/-1 !important;grid-row:1 !important; }
  body .lettko-profile-page .lettko-profile-hero-copy > h1 { grid-column:1 !important;grid-row:2 !important; }
  body .lettko-profile-page .lettko-profile-hero-copy > p:nth-of-type(1) { grid-column:1 !important;grid-row:3 !important;margin:0 !important; }
  body .lettko-profile-page .lettko-profile-hero-copy > p:nth-of-type(2) { grid-column:1 !important;grid-row:4 !important;margin:0 !important; }
  body .lettko-profile-page .lettko-profile-hero > .lettko-profile-image {
    grid-column:2 !important;grid-row:2 / 5 !important;
    justify-self:stretch !important;align-self:start !important;
    width:100% !important;max-width:none !important;margin:0 !important;
  }
  body .lettko-profile-page .lettko-profile-hero-copy > p:nth-of-type(n+3) {
    grid-column:1/-1 !important;grid-row:auto !important;
    margin:8px 0 0 !important;width:100% !important;max-width:none !important;
  }
}


/* Querformat Profil: nur Einleitung neben dem Porträt, weitere Absätze volle Breite. */
@media (orientation:landscape) and (min-width:601px) and (max-width:950px) {
  body .lettko-profile-page .lettko-profile-hero {
    display:grid !important;
    grid-template-columns:minmax(0,3fr) minmax(0,1fr) !important;
    column-gap:22px !important;
    row-gap:10px !important;
    align-items:start !important;
  }
  body .lettko-profile-page .lettko-profile-hero > .lettko-kicker {
    grid-column:1/-1 !important; grid-row:1 !important;
  }
  body .lettko-profile-page .lettko-profile-hero > .lettko-profile-hero-copy {
    display:contents !important;
  }
  body .lettko-profile-page .lettko-profile-hero-copy > h1 {
    grid-column:1 !important; grid-row:2 !important; margin:0 !important;
  }
  body .lettko-profile-page .lettko-profile-hero-copy > p:first-of-type {
    grid-column:1 !important; grid-row:3 !important;
    margin:0 0 12px !important; width:100%; max-width:none;
  }
  body .lettko-profile-page .lettko-profile-hero > .lettko-profile-image {
    grid-column:2 !important; grid-row:2 / span 2 !important;
    width:100% !important; max-width:none !important; margin:0 !important;
    justify-self:stretch !important; align-self:start !important;
  }
  body .lettko-profile-page .lettko-profile-hero-copy > p:not(:first-of-type) {
    grid-column:1/-1 !important; grid-row:auto !important;
    margin:6px 0 0 !important; width:100% !important; max-width:none !important;
  }
  body .lettko-profile-page .lettko-profile-teaching {
    grid-template-columns:minmax(0,1fr) minmax(0,3fr) !important;
  }
}


/* iPhone landscape: compact side-by-side portrait and teaching photograph. */
@media (orientation:landscape) and (min-width:601px) and (max-width:950px) {
  body .lettko-profile-page .lettko-profile-hero {
    display:grid !important;
    grid-template-columns:minmax(0,1.6fr) minmax(180px,.75fr) !important;
    column-gap:24px !important; row-gap:10px !important;
    align-items:start !important;
  }
  body .lettko-profile-page .lettko-profile-hero > .lettko-kicker {
    grid-column:1/-1 !important; grid-row:1 !important; order:0;
  }
  body .lettko-profile-page .lettko-profile-hero > .lettko-profile-hero-copy {
    grid-column:1 !important; grid-row:2 !important; order:1;
    width:100% !important; max-width:none !important; min-width:0;
  }
  body .lettko-profile-page .lettko-profile-hero > .lettko-profile-image {
    grid-column:2 !important; grid-row:2 !important; order:2;
    width:100% !important; max-width:270px !important;
    margin:0 !important; justify-self:end !important; align-self:start !important;
  }
  body .lettko-profile-page .lettko-profile-image img,
  body .lettko-profile-page .lettko-profile-image .lettko-profile-selected-image {
    width:100%; height:auto !important; max-height:none !important;
    object-fit:contain !important; aspect-ratio:auto !important;
  }
  body .lettko-profile-page .lettko-profile-teaching {
    display:grid !important; grid-template-columns:minmax(190px,.75fr) minmax(0,1.6fr) !important;
    gap:24px !important; align-items:start !important;
  }
  body .lettko-profile-page .lettko-profile-teaching .lettko-activity-photos {
    grid-column:1; width:100% !important; max-width:none !important;
  }
  body .lettko-profile-page .lettko-profile-teaching > div:last-child {
    grid-column:2; width:100% !important; max-width:none !important;
  }
  body .lettko-profile-page .lettko-profile-teaching figure {
    width:100% !important; max-width:none !important; margin:0 !important;
  }
  body .lettko-profile-page .lettko-profile-teaching img {
    width:100%; height:auto !important; object-fit:contain !important;
  }
}


/* Wide-screen and iPhone landscape: remove inherited blog-column constraint. */
@media (max-width: 950px) {
  body .main-content-container > .max-width { width:100% !important; max-width:100% !important; box-sizing:border-box; padding-left:0 !important; padding-right:0 !important; }
  body .main-content-container > .max-width > section.main { display:block; width:100% !important; max-width:100% !important; min-width:0; margin:0 !important; float:none !important; }
  body #main.lettko-profile-shell { display:block; width:100% !important; max-width:none !important; }
  body .lettko-profile-page { box-sizing:border-box; width:calc(100% - 36px) !important; max-width:880px; margin-inline:auto; }
}
@media (orientation:landscape) and (min-width:601px) and (max-width:950px) {
  body .lettko-profile-page { width:calc(100% - 56px) !important; max-width:880px; }
  body .lettko-profile-hero { display:flex !important; flex-direction:column !important; align-items:stretch; width:100%; }
  body .lettko-profile-hero > .lettko-profile-image { order:1; width:min(100%,360px); max-width:360px; margin:0 auto 18px; }
  body .lettko-profile-hero > .lettko-profile-hero-copy { order:2; width:100%; max-width:none; min-width:0; }
  body .lettko-profile-hero-copy p { max-width:none; width:100%; font-size:16px; line-height:1.6; }
  body .lettko-profile-teaching { display:flex; flex-direction:column; align-items:stretch; }
  body .lettko-profile-teaching > div { width:100%; max-width:none !important; }
  body .lettko-profile-teaching img { width:100%; height:auto !important; object-fit:contain; }
}

/* Über mich: single-column full-width phone layout, whole photograph visible. */
@media (max-width: 900px) {
  .lettko-profile-page .lettko-profile-hero {
    display:flex; flex-direction:column; align-items:stretch;
    gap:0; width:100%; max-width:100%; min-width:0;
  }
  .lettko-profile-page .lettko-profile-hero > .lettko-kicker { order:0; margin-bottom:14px; }
  .lettko-profile-page .lettko-profile-hero > .lettko-profile-image {
    order:1; display:block; width:100%; max-width:420px;
    margin:0 auto 22px; align-self:center; justify-self:auto;
  }
  .lettko-profile-page .lettko-profile-hero > .lettko-profile-hero-copy {
    order:2; display:block; width:100%; min-width:0; max-width:none;
    margin:0; padding:0; grid-column:auto; grid-row:auto;
  }
  .lettko-profile-page .lettko-profile-image img,
  .lettko-profile-page .lettko-profile-image .lettko-profile-selected-image {
    display:block; width:100%; height:auto !important; max-height:none !important;
    aspect-ratio:auto !important; object-fit:contain !important;
  }
  .lettko-profile-page .lettko-profile-hero-copy > p {
    width:100%; max-width:none; box-sizing:border-box;
    font-size:16px; line-height:1.6; overflow-wrap:break-word;
  }
  .lettko-profile-page .lettko-profile-hero-copy h1 { line-height:1.2; margin:0 0 14px; }
  .lettko-profile-page .lettko-profile-teaching {
    display:flex; flex-direction:column; align-items:stretch; gap:16px;
  }
  .lettko-profile-page .lettko-profile-teaching > div,
  .lettko-profile-page .lettko-profile-teaching .lettko-activity-photos {
    width:100%; max-width:none !important; min-width:0;
  }
  .lettko-profile-page .lettko-profile-teaching figure { width:100%; max-width:420px; margin:0 auto !important; }
  .lettko-profile-page .lettko-profile-teaching img { display:block; width:100%; height:auto !important; object-fit:contain !important; }
}

.lettko-profile-teaching{display:flex;align-items:center;gap:28px;padding:25px 0;border-bottom:1px solid #e3ddd6;}.lettko-profile-teaching figure{margin:0;flex:0 0 270px;}.lettko-profile-teaching img{width:100%;height:175px;object-fit:cover;display:block;}.lettko-profile-teaching h2{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#7b674d;margin:0 0 10px;}.lettko-profile-teaching p{font-size:16px;line-height:1.5;margin:0;color:#50463c;}@media(max-width:700px){.lettko-profile-teaching{flex-direction:column;align-items:flex-start;gap:13px;}.lettko-profile-teaching figure{flex:auto;width:min(100%,320px);}.lettko-profile-teaching img{height:auto;}}

.lettko-profile-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start;max-width:none;}
.lettko-profile-image{margin:0;width:320px;max-width:100%;}.lettko-profile-placeholder{width:100%;height:346px;background:#d8c2a0;}
.lettko-profile-image img{width:100%;max-height:295px;object-fit:cover;object-position:center 20%;display:block;}
.lettko-profile-publications{padding:18px 8px 24px;}
.lettko-profile-publications h2{font:500 23px Georgia,serif;color:#47382b;margin:0 0 12px;}
.lettko-profile-publications ul{margin:0;padding:0;list-style:none;columns:2;column-gap:40px;}
.lettko-profile-publications li{break-inside:avoid;border-top:1px solid #ded4c7;padding:8px 0;font-size:14px;line-height:1.4;}
.lettko-profile-publications li small{display:block;color:#736455;font-size:14px;margin-top:4px;}
.lettko-profile-publications>p{font-size:15px;color:#76695a;}
@media(max-width:700px){.lettko-profile-hero{grid-template-columns:1fr;gap:14px;}.lettko-profile-hero>.lettko-kicker{grid-column:1;grid-row:1;}.lettko-profile-hero-copy{grid-column:1;grid-row:2;min-height:0;}.lettko-profile-hero>.lettko-profile-image{grid-column:1;grid-row:3;justify-self:start;width:min(320px,100%);}.lettko-profile-placeholder,.lettko-profile-image .lettko-profile-selected-image{height:auto;aspect-ratio:370/400;}.lettko-profile-publications ul{columns:1;}}

.lettko-profile-shell{background:#fff;color:#3f3a34;}
#main.lettko-profile-shell{width:100%;max-width:none;margin:0;padding:0;}
.lettko-profile-page{width:min(1180px,calc(100vw - 8vw));margin:0 auto;padding:46px 0 62px;}
.lettko-profile-hero{max-width:1180px;padding:8px 0 30px;border-bottom:1px solid #e3ddd6;grid-template-rows:auto auto;row-gap:0;}.lettko-profile-hero>.lettko-kicker{grid-column:1/-1;grid-row:1;align-self:start;}.lettko-profile-hero-copy{grid-column:1;grid-row:2;min-height:0;display:block;}.lettko-profile-hero>.lettko-profile-image{grid-column:2;grid-row:2;align-self:start;justify-self:end;}.lettko-profile-hero-copy>p:not(.lettko-kicker){font-size:16px;line-height:1.5;margin:15px 0 0;}.lettko-profile-hero-copy>h1+p{margin-top:19px;}.lettko-profile-image .lettko-profile-selected-image{width:100%;height:346px;max-height:none;display:block;object-fit:cover;}
.lettko-profile-hero .lettko-kicker{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8a6f4f;font-weight:600;}
.lettko-profile-hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,2.3vw,38px);font-weight:500;line-height:1.08;color:#7b674d;}
.lettko-profile-lead{max-width:860px;margin:16px 0 0;font-size:17px;line-height:1.55;}
.lettko-profile-row{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;padding:24px 24px;border-bottom:1px solid #e4dfd9;align-items:start;}
.lettko-profile-row h2,.lettko-profile-note h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.35vw,24px);font-weight:400;line-height:1.15;color:#2f2b27;}
.lettko-profile-row h2{padding-left:18px;border-left:3px solid #c7b59b;}
.lettko-profile-row p,.lettko-profile-note p{margin:0;font-size:17px;line-height:1.55;}
.lettko-profile-row p+p{margin-top:12px;}
.lettko-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px;}
.lettko-profile-facts p{padding:0 0 14px;border-bottom:1px solid #ece7e1;}
.lettko-profile-note{margin-top:26px;padding:26px 28px;background:#efebe7;border-top:1px solid #e1dbd4;}
.lettko-profile-note p{max-width:900px;margin-top:12px;}
@media (max-width:900px){
 .lettko-profile-page{width:calc(100% - 36px);padding:30px 0 44px;}
 .lettko-profile-hero h1{font-size:28px;}
 .lettko-profile-lead,.lettko-profile-row p,.lettko-profile-note p{font-size:16px;}
 .lettko-profile-row{grid-template-columns:1fr;gap:10px;padding:20px 0;}
 .lettko-profile-row h2{padding-left:14px;}
 .lettko-profile-facts{grid-template-columns:1fr;gap:10px;}
 .lettko-profile-note{padding:22px 20px;}
}

/* FINAL mobile landscape profile arrangement — override earlier experimental rules. */
@media screen and (orientation:landscape) and (min-width:601px) and (max-width:950px){
 body .lettko-profile-page .lettko-profile-hero{display:grid!important;grid-template-columns:minmax(0,1.63fr) minmax(0,1fr)!important;grid-template-rows:auto!important;gap:10px 20px!important;align-items:start!important;}
 body .lettko-profile-page .lettko-profile-hero-copy{display:contents!important;}
 body .lettko-profile-page .lettko-profile-hero>.lettko-kicker{grid-column:1/-1!important;grid-row:1!important;}
 body .lettko-profile-page .lettko-profile-hero-copy>h1{grid-column:1!important;grid-row:2!important;}
 body .lettko-profile-page .lettko-profile-hero-copy>p:nth-of-type(1){grid-column:1!important;grid-row:3!important;margin:0!important;}
 body .lettko-profile-page .lettko-profile-hero-copy>p:nth-of-type(2){grid-column:1!important;grid-row:4!important;margin:0!important;}
 body .lettko-profile-page .lettko-profile-hero>.lettko-profile-image{grid-column:2!important;grid-row:2/5!important;width:100%!important;max-width:none!important;margin:0!important;justify-self:stretch!important;}
 body .lettko-profile-page .lettko-profile-hero-copy>p:nth-of-type(n+3){grid-column:1/-1!important;grid-row:auto!important;margin:6px 0 0!important;max-width:none!important;width:100%!important;}
 body .lettko-profile-page .lettko-profile-teaching{display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(0,2.25fr)!important;gap:20px!important;align-items:start!important;}
 body .lettko-profile-page .lettko-profile-teaching .lettko-activity-photos{grid-column:1!important;max-width:none!important;width:100%!important;}
 body .lettko-profile-page .lettko-profile-teaching>div:last-child{grid-column:2!important;width:100%!important;}
}

