@media screen and (max-width: 1219px) {
  #season { position: absolute; display: none; }
}

@media screen and (min-width: 1220px) {

    body {
        display: flex; width: 100%;
        justify-content: flex-start;
        padding-left: 0px;
        overflow-x: hidden;
        
    }

    .ct-header-main.h-fixed .container {
        margin-left: 0; margin-right: auto; 
        border-bottom: 0px;   
    
    }

    #ct-header-wrap.ct-header-layout1 .ct-header-branding {    
        margin: 0 5px 5px 15px;
    }

    .ct-header-main.h-fixed
    {
        max-width: 1200px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0)!important;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0)!important;    
    }

    #season { 
        display: flex!important; flex-grow:1; top:0; bottom:0;
        height: 100%; overflow: hidden;              
        
    }

    #season_content { 
        position: fixed; top:0; left: 1220px; z-index: 10000;
        width:  calc(100vW - 1220px); color: #111;
        height: 100vh;  
        box-sizing: border-box; 

        background-color: #e2f3e5;
        background-image: url('/de/seasons/easter/landschaft.jpg'),linear-gradient(to bottom, #e2f3e5 0%, #fdfcfb 100%);                
        
        background-repeat: no-repeat, no-repeat;
        background-position: bottom right;
        background-size:cover; 
        
        box-shadow: inset 15px 0 25px -10px rgba(0, 40, 20, 0.2); 
        
    }

    .osterhase {
        position: fixed; left: 1220px; margin-left: -23px; bottom: 10vh; z-index: 10001; 
        width:  240px!important; box-sizing: border-box; 
        filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.6));
    }

    .ostertext {
        position: fixed;
        left: 1240px; padding-right: 10px; 
        top: 10vh;
        z-index: 10001;
        /* Wir geben dem Container eine feste Mindestbreite */
        width: 516px; 
        height: 145px;
        filter: drop-shadow(0 5px 10px rgba(0,40,20,0.2));
    }

    .ostertext object {
        width: 100%;
        height: 100%;
        /* Wichtig: Das SVG darf nicht beschnitten werden */
        overflow: visible;
    }

    @media screen and (max-width: 1736px) { /* 1220 + 516 */
    .ostertext {
        width: calc(100vw - 1240px);
    }
}

    

   


}