.wrapper_bildungsangebote {
    
    position: relative;
    padding: 0; 
    margin: 0;

    & ul{
        margin-left: 10px;
    }

    & .content_bildungsangebote {
        background-color: rgb(236, 236, 236);
        padding: 25px;
        border-radius: 10px;
    }

    & .rechts_bildungsangebote {
        font-size: clamp(10px, 1.2vw + 0.5rem, 20px);
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        
        display: grid;
        grid-template-columns: 1fr 1fr;   

        & .hintergrund_oben_bildungsangebote {
            position:absolute;
            visibility: hidden;
        }

        & .hintergrund_seite_bildungsangebote {
            position:relative;

            & img {
                position:absolute;
                right:0;
                height: 500px;
                transform: translate(0, 20px);
            }                    
        }  
        
        & .content_bildungsangebote {
            position: relative;
            box-shadow: 5px 5px 10px 0 silver;
        }

        /* individuelle Einstellungen*/
        & .lkw_seite1 {
            & img {

                height: 1000px;
                transform: translate(10px, 0);
                border-radius: 10px 0 0 10px;
                
            }
        }  

        & .lasi {
            & img {

                height: 600px;
                transform: translate(10px, 0);
                border-radius: 10px 0 0 10px;
                
            }
        }

        & .bk_bus {
            & img {

                height: 580px;
                transform: translate(10px, 0);
                border-radius: 10px 0 0 10px;
                
            }
        }


    }

    & .links_bildungsangebote {
        font-size: clamp(10px, 1.2vw + 0.5rem, 20px);
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
        background-color: white;

        display: grid;
        grid-template-columns: 1fr 1fr;                
        direction: rtl;

        & .hintergrund_seite_bildungsangebote {

            position: relative;
           
            & img, video {
                position:absolute;
                left:0;
                height: 500px;
                transform: translate(0, 20px);
            }                    
        } 

        & .content_bildungsangebote {
            direction: ltr;
            box-shadow: -5px 5px 10px 0 silver;
            position: relative;
            z-index:1;

        }
        
        & .hintergrund_oben_bildungsangebote {
            position: absolute;
            visibility: hidden;
        }

        /* individuelle Einstellungen*/

        & .bk_lkw {
            & img {
                height: 580px;
                transform: translate(-10px, 0);
                border-radius: 0 10px 10px 0;
            }
        }
        
        & .bus_seite1 {
            & img, video{
                height: 900px;
                transform: translate(-10px, 0);
                border-radius: 0 10px 10px 0;
            }
        }           
        
        & .stapler_seite {
            & img {
                width: 100%;
                height: 650px;
                object-fit: cover;
                transform: translate(-10px, 0);
                border-radius: 0 10px 10px 0;
            }
        }
    }
}

@media screen and (max-width: 1650px) {
    .wrapper_bildungsangebote {
        padding: 20px;   
    }
}

@media screen and (max-width: 650px) {
    .wrapper_bildungsangebote {
        padding: 20px;   
    }
}

@media screen and (max-width: 1000px) {
    
    .wrapper_bildungsangebote {
             

        & .rechts_bildungsangebote {
            
            display: block;
            grid-template-columns: unset;

            & .hintergrund_seite_bildungsangebote{
                display: none;
                min-height: unset;
            }
            
            & .hintergrund_oben_bildungsangebote {
                position: relative;
                visibility: visible;
                
                & img {
                    width: 100%;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;                    
                }
            }

            & .content_bildungsangebote {
                box-shadow: unset;
                border-radius: unset;
                border-radius: 0 0 10px 10px;
                margin-top: -10px;
            }            
        }

        & .links_bildungsangebote {
            display: block;
            grid-template-columns: unset;
            
            & .hintergrund_seite_bildungsangebote{
                display: none;
                min-height: unset;
                direction: ltr;
            }
            
            & .hintergrund_oben_bildungsangebote {
                direction: ltr;
                position: relative;
                visibility: visible;

                & img {
                    width: 100%;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                }                
            } 
             
            & .content_bildungsangebote {
                box-shadow: unset;
                border-radius: 0 0 10px 10px;
                margin-top: -10px;
            }
        }
        
    }
}