body.elementor-page-3957:not(.elementor-motion-effects-element-type-background), body.elementor-page-3957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF6;}:root{--page-title-display:none;}/* Start custom CSS *//*
 * CSS-undantag: filosofi-exakta-brytpunkter
 * Syfte: Bevara den godkända skissens skifte vid 780 och 590 px.
 * Omfattning: Endast filosofisidornas namngivna sektioner och bildytor.
 * Begränsning i Elementor: Den installerade Atomic-modellen använder sajtens globala brytpunkter 1180, 860 och 580 px och har inga sidlokala brytpunkter. Att ändra dem skulle påverka övriga sidor. Basutformningen ligger i redigerbara native-kontroller.
 * Kan tas bort när: Elementor stöder sidlokala brytpunkter, så att 780 och 590 px kan sparas i sektionernas responsiva kontroller.
 */
@media(max-width:780px){
 body.elementor-page-3957 #top{min-height:530px}
 body.elementor-page-3957 #phi-hero-copy{padding-block:80px 48px}
 body.elementor-page-3957 #filosofin{gap:7%;padding-top:55px;padding-bottom:50px}
 body.elementor-page-3957 #phi-loft-image{height:235px}
 body.elementor-page-3957 #phi-reception-image{height:185px}
 body.elementor-page-3957 #phi-person-jeanette,body.elementor-page-3957 #phi-person-johan{gap:7%}
 body.elementor-page-3957 #jeanette-och-johan{padding-block:54px}
 body.elementor-page-3957 .sju-filosofi-personnamn{font-size:42px}
}
@media(max-width:590px){
 body.elementor-page-3957 #top{min-height:495px}
 body.elementor-page-3957 #phi-hero-copy{padding:70px 7% 38px}
 body.elementor-page-3957 #phi-h1{font-size:58px;margin:22px 0}
 body.elementor-page-3957 #phi-hero-intro{font-size:15px;line-height:1.75;max-width:290px}
 body.elementor-page-3957 #phi-hero-intro br{display:none}
 body.elementor-page-3957 #phi-hero-image{object-position:52% 50%}
 body.elementor-page-3957 #filosofin{grid-template-columns:1fr;gap:28px;padding:42px 7% 40px}
 body.elementor-page-3957 #phi-story-title{max-width:285px}
 body.elementor-page-3957 #phi-photos{grid-template-columns:1fr .72fr;gap:12px;padding:0 7% 46px}
 body.elementor-page-3957 #phi-loft-image{height:190px}
 body.elementor-page-3957 #phi-figure-2{padding-top:42px}
 body.elementor-page-3957 #phi-reception-image{height:140px}
 body.elementor-page-3957 #phi-caption-1,body.elementor-page-3957 #phi-caption-2{font-size:10px;line-height:1.6}
 body.elementor-page-3957 #jeanette-och-johan{padding-block:42px}
 body.elementor-page-3957 #phi-people-inner{padding-inline:7%}
 body.elementor-page-3957 #phi-people-heading{margin-bottom:34px}
 body.elementor-page-3957 #phi-person-jeanette,body.elementor-page-3957 #phi-person-johan{grid-template-columns:1fr;gap:26px}
 body.elementor-page-3957 #phi-portrait-jeanette,body.elementor-page-3957 #phi-portrait-johan{width:88%;aspect-ratio:4/3.75}
 body.elementor-page-3957 #phi-person-johan{margin-top:48px}
 body.elementor-page-3957 #phi-copy-jeanette,body.elementor-page-3957 #phi-copy-johan{max-width:none}
 body.elementor-page-3957 #phi-portrait-johan{order:0;width:80%}
 body.elementor-page-3957 #phi-copy-johan{order:1}
 body.elementor-page-3957 #phi-closing{padding:54px 8%}
 body.elementor-page-3957 #phi-closing-title{font-size:43px}
}
/*
 * CSS-undantag: filosofi-svg-linjepilar
 * Syfte: Visa de befintliga pilikonerna med öppna linjer och jämn baslinje.
 * Omfattning: SVG-bilder i filosofisidornas fyra textlänkar.
 * Begränsning i Elementor: Atomic e-svg styr omslagets storlek men saknar kontroll över det inre SVG-elementets display och path-fyllning; renderaren kan normalisera fill till currentColor.
 * Kan tas bort när: e-svg erbjuder redigerbar display för SVG-elementet och bevarar path-fyllning utan normalisering.
 */
body.elementor-page-3957 .sju-filosofi-lankpil svg{display:block;width:100%;height:100%;fill:none}
body.elementor-page-3957 .sju-filosofi-lankpil svg path{fill:none}/* End custom CSS */