do_shortcode() doesn’t show columns

hi there

i would like display my sld list via a function (see code below). while the basic css shows up (switch from style-1 to simple and back) the columns don’t work. independent from the style chosen, all entries are display as full-width one column.

where do i go wrong?

thanks
carsten

add_action('genesis_before_footer','jyy_sdl',50);

function jyy_sdl(){
  if (is_singular('event')|| is_front_page() || is_home()){
	echo('<div class="jyy-before-footer-container">');
  	echo('<div class="site-inner">');
	echo(do_shortcode('[qcopd-directory style="style-1" mode="all" column="3" orderby="title" order="ASC"]'));
	echo('</div>');
  	echo('</div>');
	
	add_action('wp_footer','jyy_sdlCustomCSS',100);
	function jyy_sdlCustomCSS(){
		echo('<style>
			/* normal states */
			div.qcopd-list-wrapper h2{font-size: 16px;font-weight: 300;margin:0;padding:0;color:#fafafa}
			div.qcopd-list-wrapper .style-1 .ca-menu li{height:75px}
			div.qcopd-list-wrapper .style-1 .ca-icon{top:18px}
			div.qcopd-list-wrapper .style-1 .ca-main{font-size:14px !important;text-align: left;font-weight:300}
			div.qcopd-list-wrapper .style-1 .ca-sub{font-size: 11px !important;padding-top:0}

			/* hover states */
			div.qcopd-list-wrapper .style-1 .ca-menu li:hover{background-color:;border-color:;}
			div.qcopd-list-wrapper .style-1 .ca-menu li:hover .ca-icon img{width:40px:height:40px}
			div.qcopd-list-wrapper .style-1 .ca-menu li:hover .ca-main{color:;}
			div.qcopd-list-wrapper .style-1 .ca-menu li:hover .ca-sub{font-size:12px !important;color:;padding-top:0}
			</style>');
	}
  }
}

The page I need help with: [log in to see the link]