/* Approved header photos on both desktop and mobile. */
.school-profile-visual-section .school-profile-visual{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;overflow:hidden}
.school-profile-visual-section .school-profile-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important}
.experience-hero-photo.rubric-entry-photo.heine-generated-crop-frame{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
.experience-hero-photo.rubric-entry-photo.heine-generated-crop-frame img{object-fit:cover!important;object-position:50% 50%!important;transform:none!important}
@layer heine-mobile-rules{@media(max-width:900px){
html body .school-mobile-opening img,html body .experience-mobile-header img{aspect-ratio:16/9!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:50% 50%!important}
}}

/* Confirmed desktop rules for Unsere Schule; mobile stays separate. */
@layer heine-mobile-rules{
@media(min-width:901px){
html body .heine-school-page .wrap{width:min(1180px,calc(100% - 64px))!important;max-width:1180px!important;margin-inline:auto!important}
html body .heine-school-page .section{padding:48px 0!important}
html body .heine-school-page h1{font-size:clamp(44px,5.7vw,82px)!important;line-height:1.08!important;text-wrap:balance}
html body .heine-school-page h2{font-size:clamp(36px,3.5vw,50px)!important;line-height:1.15!important}
html body .heine-school-page h3{font-size:24px!important;line-height:1.25!important}
html body .heine-school-page p{font-size:16px!important;line-height:1.6!important}
html body .heine-school-page .school-hero-intro-single{font-size:18px!important}
html body .heine-school-page .school-profile-card{padding:24px!important;min-width:0}
html body .heine-school-page .school-development-panel{border-radius:20px!important;padding:24px!important;gap:24px!important}
html body:has(.heine-school-page) .footer-compact-row{width:min(1180px,calc(100% - 64px))!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:16px!important}
html body:has(.heine-school-page) .footer-compact-school{display:flex!important;align-items:center!important;gap:16px!important;white-space:nowrap!important}
html body:has(.heine-school-page) .footer-compact-identity{font-size:12px!important}
html body:has(.heine-school-page) .footer-compact-contact{display:flex!important;gap:12px!important;font-size:11px!important;white-space:nowrap!important}
html body:has(.heine-school-page) .footer-compact-nav{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;margin-left:auto!important;gap:12px!important;font-size:12px!important}
html body:has(.heine-school-page) .footer-social{flex-shrink:0;white-space:nowrap!important}
}
@media(min-width:901px) and (max-width:1279px){html body:has(.heine-school-page) .footer-compact-contact{display:none!important}}
@media(min-width:901px) and (max-width:1100px){html body .heine-school-page .school-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

}

@layer heine-mobile-rules{@media(min-width:901px){html body:has(.heine-school-page) .footer-compact-school,html body:has(.heine-school-page) .footer-compact-contact{flex-direction:row!important;flex-wrap:nowrap!important}html body:has(.heine-school-page) .footer-compact-nav a,html body:has(.heine-school-page) .footer-compact-nav button{font-size:12px!important}}}