jQuery(document).ready(function(){
    
    jQuery(".colorbox").colorbox({
    
        width:      "924px",
        height:     "580px",
        //height:     "720px",
        iframe:     true,
        close:      "Abbrechen",
        opacity:    0.6,
        /*
            this prevents body-scrolling when colorbox is open
        */
        onOpen:     function() {
                        jQuery('body').css({overflow:'hidden'});
                    },
        onClosed:   function() {
                        jQuery('body').css({overflow:'auto'});
                    }
    
    });
    
});