@import "https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--header-background-color:#b9d0d4;--background-color:#d5e7e4;--background-highlight-color:#b9d0d499;--text-color:#242424;--primary-color:#c9bbba;--primary-color-hover:#c7b4b3;--spinner-color:#004d99;--accent-color:#7a1f1f;--accent-color-hover:#932a2a;--box-shadow:3px 3px 15px -2px #999}.prevent-select{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-khtml-user-select:none}body{font-optical-sizing:auto;background-color:var(--background-color);color:var(--text-color);font-family:"Exo 2",sans-serif;font-size:clamp(1rem,4.75vw,1.35rem);font-style:normal;font-weight:350}a{color:inherit;text-underline-offset:.1rem;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;overflow-wrap:anywhere}button{cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;border:none}input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}img{object-fit:contain;width:100%;height:100%}.pre-line{white-space:pre-line}h1{display:none}h2{font-weight:600}h3{font-weight:650}h4{align-self:flex-start;font-weight:600}h5{font-size:1em;font-weight:550}#loading-page{justify-content:center;align-items:center;height:100dvh;display:flex}#load-spinner{width:80vw}header{background-color:var(--header-background-color);z-index:4;width:100%;padding:10px 15px;transition:transform .25s ease-in-out;position:sticky;top:0}.header-hidden{transform:translateY(-100%)}.header-wrapper{justify-content:space-between;align-items:center;max-width:1500px;margin:auto;display:flex}#header-logo{width:112px;height:40px;padding:2px;font-weight:600;text-decoration:none;transition:transform .1s ease-out}#header-logo:hover{transform:scale(1.05)}#header-logo:active{transform:scale(.95)}#mobile-header-separator{width:30px}#tablet-navigation-menu,#desktop-navigation-menu{display:none}.navigation-menu{background-color:var(--header-background-color);z-index:3;flex-direction:column;gap:32px;font-weight:400;transition:transform .6s cubic-bezier(.4,.3,.5,1.3);display:flex;position:fixed;top:0}#mobile-navigation-menu{width:100%;padding:90px 30px 25px}#mobile-navigation-menu.hidden{transform:translateY(-120%)}.navigation-menu-section{flex-direction:column;align-items:center;gap:10px;display:flex}.navigation-menu-section:nth-child(2){font-size:16px}.navigation-menu-section:last-child{flex-direction:row;justify-content:space-between;padding-top:5px}.navlink:hover{color:var(--accent-color-hover)}.navlink:active{color:var(--text-color)}.language-selector{font-size:16px}.language-selector:hover{color:var(--accent-color-hover)}.selected-language{font-weight:700}.icon-wrapper{align-items:center;gap:16px;display:flex}.icon{width:36px;height:36px;transition:transform .1s ease-out}.icon img{padding:0!important}.icon:hover{transform:scale(1.1)}.icon:active{transform:scale(.9)}.text-center{text-align:center}.overlay-background{z-index:2;transition:-webkit-backdrop-filter .2s ease-out,backdrop-filter .2s ease-out;position:fixed;top:0}.overlay-background.hidden{-webkit-backdrop-filter:blur(5px)opacity(0);backdrop-filter:blur(5px)opacity(0);width:0;height:0}.overlay-background.visible{-webkit-backdrop-filter:blur(5px)opacity();backdrop-filter:blur(5px)opacity();width:100%;height:100lvh}main{min-height:calc(100svh - 149.5px)}.img-visible{opacity:1;transition:opacity 2s}.img-hidden{opacity:0;transition:opacity 2s}.card-visible{transition:transform .4s ease-out;transform:translate(0)}.card-hidden{transition:transform .4s ease-out;transform:translate(-120%)}section{background-color:var(--background-color);flex-direction:column;align-items:center;gap:30px;padding-bottom:30px;display:flex}.section-image{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-khtml-user-select:none;grid-area:image}.section-title{grid-area:title;margin:15px}.section-wrapper{background-color:var(--background-color);flex-direction:column;grid-area:wrapper;align-items:center;gap:30px;width:100%;padding:0 40px;display:flex}.card-wrapper{grid-template-rows:1fr;justify-content:center;align-items:stretch;gap:30px 40px;width:100%;display:grid}.button-container{flex-direction:column;align-items:center;display:flex}.action-button{background-color:var(--primary-color);box-shadow:var(--box-shadow);border-radius:8px;grid-area:button;margin:15px;padding:10px 16px 12px;text-decoration:none;transition:background-color .1s;display:block}.action-button:hover{background-color:var(--primary-color-hover);transform:scale(.99)}.action-button:active{background-color:var(--primary-color-hover);transform:scale(1.01)}.accent-button{color:var(--background-color);background-color:var(--accent-color)}.accent-button:hover,.accent-button:active{background-color:var(--accent-color-hover)}.card{background-color:var(--background-highlight-color);box-shadow:var(--box-shadow);border-radius:5px;flex-direction:column;width:100%;height:100%;transition:all .25s ease-out;display:flex}.card:hover{background-color:var(--header-background-color);transform:scale(.98)}.card:active{background-color:var(--header-background-color);transform:scale(1.02)}.card-anchor{text-decoration:none}.hero-content-wrapper{flex-direction:column;align-items:center;gap:25px;padding:50px 25px;display:flex}#hero-text{width:100%;fill:var(--text-color);stroke:var(--text-color);stroke-width:1px}.hero-section{gap:unset;padding-bottom:10px}.hero-title p{padding:2px 0}.news-card{gap:6px;padding:15px 15px 20px;font-size:1rem}.news-title{padding-bottom:6px;font-size:1.25em;font-weight:500;text-decoration:underline}.news-detail-wrapper{align-items:flex-start;margin-bottom:15px}.news-detail-image{padding:30px 40px 0}.news-detail-date{margin-top:15px}.news-detail-wrapper a:hover{color:var(--accent-color-hover)}.news-detail-wrapper a:active{color:var(--text-color)}.biography-page .long-text{align-self:start}.calendar-card{text-align:center;align-items:center;gap:12px;padding:15px 20px 20px;font-size:1rem}.event-tag{text-align:center;border-radius:15px;margin-top:5px;padding:5px 25px;font-size:.875em}.date-widgets-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;display:flex}.date-widget{flex-direction:column;align-items:center;display:flex}.date-widget-day{font-size:1.875em;font-weight:500}.date-widget-month{transform-origin:top;font-size:1.125em;font-weight:300;transform:scaleY(.95)}.date-widget-year{transform-origin:top;font-size:.75em;font-weight:300;transform:scaleY(.9)}.date-widget-separator{font-size:1.5em;font-weight:400}.event-title{text-wrap:balance;padding-bottom:5px;font-size:1.5em;font-weight:500;text-decoration:underline}.event-location-wrapper{flex-direction:column;align-items:center;gap:6px;display:flex}.event-location{align-items:center;gap:4px;font-size:.875em;display:flex}.event-location svg{width:12px;height:12px}#bassoonlab{padding-top:30px}.teaching-subtitle{align-self:start}.teaching-content-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px 60px;display:flex}.teaching-image{margin-top:30px}#lugano-wrapper{flex-direction:column;align-items:center;gap:30px;display:flex}#lugano-wrapper p{grid-area:text}.application-deadline-card{text-align:center;background-color:var(--background-highlight-color);max-width:250px;box-shadow:var(--box-shadow);border-radius:5px;flex-direction:column;grid-area:card;align-items:center;gap:8px;margin-top:15px;padding:15px;font-size:.9em;display:flex}.application-deadline-card-img{width:80%;margin-top:5px;padding:0!important}.application-deadline-card p:last-child{font-weight:600}.teaching-link:hover{color:var(--accent-color-hover);font-weight:550}.teaching-link:active{color:var(--text-color);font-weight:400}.media-card{text-align:center;align-items:center;gap:15px;padding:20px;font-size:1rem}.media-card-image{max-height:min(45svw,200px);height:unset;padding:0!important}.media-card-title{text-wrap:balance;font-size:1.25em;font-weight:500;text-decoration:underline}.contact-field-wrapper{text-align:center;flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.contact-field-wrapper:last-child{padding-bottom:10px}.contact-field-label{text-wrap:balance;font-size:.875em}.contact-field-email{font-weight:550}.contact-field-email:hover{color:var(--accent-color-hover);font-weight:550}.contact-field-email:active{color:var(--text-color);font-weight:400}section .icon-wrapper{margin:15px}section:last-child button{margin:0}footer{background-color:var(--header-background-color);flex-direction:column;align-items:center;gap:8px;padding:15px 20px;font-size:.75rem;display:flex}footer a:hover{color:var(--accent-color-hover);font-weight:550}footer a:active{color:var(--text-color);font-weight:400}@media (450px<width<600px){.section-wrapper{max-width:550px}.card-wrapper{max-width:450px}}@media (600px<=width<=1200px){body{font-size:1.15rem}#mobile-navigation-menu{display:none}#tablet-navigation-menu{padding:100px 50px 60px 80px;display:flex;left:-40px}#tablet-navigation-menu.hidden{transform:translate(-100%)}.navigation-menu-section{align-items:flex-start}.navigation-menu-section:last-child{flex-direction:column-reverse;gap:32px}section:not(.hero-section){max-width:1000px;margin:auto}.hero-content-wrapper{flex-flow:wrap;justify-content:center;gap:25px 50px}.hero-title{font-size:clamp(1rem,2.9vw,1.25rem)}#hero-text{max-width:60%}.news-section,.biography-section,.calendar-section,.teaching-section,.media-section,.contacts-section,.closing-section{padding:0 30px 30px}:is(.news-section,.biography-section,.calendar-section,.teaching-section,.media-section,.contacts-section,.closing-section) .section-image{width:55%}@media (width>750px){.card-wrapper{grid-template-columns:1fr 1fr}}:is(.news-page,.news-detail-page,.biography-page,.calendar-page,.teaching-page,.media-page,.contacts-page,.past-events-page) .section-image{width:50%}.news-page,.news-detail-page,.biography-page,.calendar-page,.teaching-page,.media-page,.contacts-page,.past-events-page{padding:30px}.news-detail-image,.teaching-image{width:75%}}@media (width>1200px){body{font-size:1.15rem}main{max-width:2000px;margin:auto}#header-menu-button,#mobile-navigation-menu,#mobile-header-separator,#tablet-navigation-menu{display:none}header{padding:10px 30px}#desktop-navigation-menu{gap:20px;display:flex}.navlink{font-size:18px;text-decoration:none}.navlink:hover{text-decoration:underline}.icon-wrapper{margin-left:10px}.language-selector{font-size:16px}.icon{width:30px;height:30px}#desktop-hero-content-container{justify-content:end;width:clamp(1100px,90%,1850px);margin:auto;font-size:clamp(1.15rem,1.5vw,1.75rem);display:flex;position:absolute;top:min(15vw,400px)}section:not(.hero-section){max-width:1600px;margin:auto;padding:30px 90px 60px}.section-image{height:unset}.button-container{flex-direction:row}.news-section,.biography-section,.calendar-section,.teaching-section,.media-section,.contacts-section{grid-template-columns:1fr 1fr;place-items:start center;gap:40px 30px;display:grid}.news-section{grid-template-areas:"title title""image wrapper"}.news-section .section-wrapper{padding:0 60px}.news-section .card-wrapper{grid-template-columns:1fr}.biography-section{grid-template-areas:"title title""wrapper image"}.biography-section .section-wrapper{padding:0 40px}.calendar-section{grid-template-areas:"title title""image wrapper"}.calendar-section .section-wrapper{padding:0}.calendar-section .section-image{padding-right:40px}.calendar-section .card-wrapper{grid-template-columns:1fr 1fr}.teaching-section{grid-template-areas:"title title""wrapper image"}.teaching-section .section-wrapper{padding:0}.teaching-section .section-image{padding-left:40px}.teaching-section .teaching-content-wrapper{flex-wrap:nowrap}.teaching-section .application-deadline-card{margin:unset}.teaching-section .application-deadline-card-img{width:70%}.teaching-section #lugano-wrapper{grid-template-areas:"text card""button card";align-self:start;justify-items:center;max-width:602.5px;display:grid}.teaching-section #bassoonlab{padding-top:15px}.teaching-section .action-button{margin-top:0;margin-left:0}.media-section{grid-template-areas:"title title""image wrapper"}.media-section .section-wrapper{padding:0}.media-section .card-wrapper{grid-template-columns:1fr 1fr}.media-section .section-image{padding-right:40px}.contacts-section{grid-template-areas:"title title""wrapper image";align-items:center}.contacts-section .section-wrapper{gap:40px;font-size:1.375rem}.contacts-section .icon-wrapper{margin:unset;gap:20px}.contacts-section .icon{width:40px;height:40px}.closing-section{padding-bottom:30px!important}.closing-section .section-image{width:50%}:is(.news-page,.biography-page,.calendar-page,.past-events-page,.teaching-page,.media-page,.contacts-page) .section-image{width:25%}:is(.news-page,.calendar-page,.past-events-page,.media-page) .card-wrapper{grid-template-columns:1fr 1fr 1fr}.biography-page .section-wrapper{width:80%}.biography-page .section-wrapper .long-text{align-self:start}.teaching-page .teaching-image{width:60%}.teaching-page .section-wrapper{width:80%}.teaching-page .section-wrapper .long-text{align-self:start}.news-detail-page{width:80%}.news-detail-image{width:40%;padding:0 40px}.not-found-page .section-image{width:40%}}