<template>

            <!-- Content Headline -->
            <div class="cms_content_main_headline"><h1>Beiträge // News</h1> <a href="#" class="button cms_add_button"><i class="ion-plus-round"></i> Eintrag hinzufügen</a></div>

            <!-- Searching -->
            <div class="cms_content_search_section">
                <div class="searchbar_left">
                    <form action="" method="GET">
                        <span class="cms_searchbox">
                        <i class="fa fa-search" aria-hidden="true"></i>
                            <input style="resize: none;" class="input_search" placeholder="Suchen" name="search" size="" value="" type="text">
                            <input style="display:none;" type="submit">
                        </span>
                    </form>
                </div>
                <!-- <div class="searchbar_right">
                    <form action="" method="GET">
                        <span class="cms_searchbox">
                            <i class="fa fa-refresh" aria-hidden="true"></i>
                            <input style="resize: none;" class="input_search_replace" placeholder="Suchen & Ersetzen" name="search" size="" value="" type="text">
                        </span>
                        
                        <input style="display:none;" type="submit">
                    </form>
                </div> -->
                <div class="clear"></div>
                    
            </div>

            <!-- Content Table Headline -->
            <div class="content_table_headline">
                25 Einträge // 5 Selektiert <a href="#" class="button button_action"><i class="ion-gear-a"></i>Aktion</a>
            </div>

            <!-- Table -->
            <div class="cms_content_table">
                
                <div class="cms_table_row_header">
                    <!-- Row -->
                    <div class="cms_table_row">
                        <div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id1" type="checkbox" name="check_id1" value=""><label for="check_id1"></label><div class="check_checkbox"></div></div></div>
                        <div class="table_cell cell_image">Beitragsbild <i class="fa fa-angle-down" aria-hidden="true"></i></div>
                        <div class="table_cell cell_title">Titel <i class="fa fa-angle-down" aria-hidden="true"></i></div>
                        <div class="table_cell cell_date">Datum <i class="fa fa-angle-down" aria-hidden="true"></i></div>
                        <div class="table_cell cell_author">Autor <i class="fa fa-angle-down" aria-hidden="true"></i></div>
                        <div class="table_cell">Kategorie <i class="fa fa-angle-down" aria-hidden="true"></i></div>
                        <div class="table_cell cell_status_container"><span class="cell_status_head">Status <i class="fa fa-chevron-circle-down" aria-hidden="true"></i></span></div>
                        <div class="table_cell cell_settings"><span class="cell_edit_cols">Spalten anpassen <i class="fa fa-columns" aria-hidden="true"></i></span></div>
                    </div>
                </div>

                <div class="cms_table_row_content">
                    
                    <!-- Row -->
                    <div class="cms_table_row">
                        <div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id2" type="checkbox" name="check_id2" value=""><label for="check_id2"></label><div class="check_checkbox"></div></div></div>
                        <div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
                        <div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
                        <div class="table_cell cell_date">20.03.2017</div>
                        <div class="table_cell cell_author">Administrator</div>
                        <div class="table_cell">News</div>
                        <div class="table_cell cell_status_container"><span class="cell_status cell_status_online"><span class="cell_status_text">online</span></span></div>
                        <div class="table_cell cell_settings">
                            <a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
                            
                            <div class="cell_settings_inner">
                                
                                <div class="cell_settings_inner_container">
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section cell_settings_inner_section_last">
                                        <ul>
                                            <li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                    
                            </div>
                            <div class="clear"></div>
                            
                        </div>
                    </div>

                    <!-- Row -->
                    <div class="cms_table_row">
                        <div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id3" type="checkbox" name="check_id3" value=""><label for="check_id3"></label><div class="check_checkbox"></div></div></div>
                        <div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
                        <div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
                        <div class="table_cell cell_date">20.03.2017</div>
                        <div class="table_cell cell_author">Administrator</div>
                        <div class="table_cell">News</div>
                        <div class="table_cell cell_status_container"><span class="cell_status cell_status_online"><span class="cell_status_text">online</span></span></div>
                        <div class="table_cell cell_settings">
                            <a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
                            
                            <div class="cell_settings_inner">
                                
                                <div class="cell_settings_inner_container">
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section cell_settings_inner_section_last">
                                        <ul>
                                            <li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                    
                            </div>
                            <div class="clear"></div>
                            
                        </div>
                    </div>

                    <!-- Row -->
                    <div class="cms_table_row">
                        <div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id4" type="checkbox" name="check_id4" value=""><label for="check_id4"></label><div class="check_checkbox"></div></div></div>
                        <div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
                        <div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
                        <div class="table_cell cell_date">20.03.2017</div>
                        <div class="table_cell cell_author">Administrator</div>
                        <div class="table_cell">News</div>
                        <div class="table_cell cell_status_container"><span class="cell_status cell_status_offline"><span class="cell_status_text">offline</span></span></div>
                        <div class="table_cell cell_settings">
                            <a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
                            
                            <div class="cell_settings_inner">
                                
                                <div class="cell_settings_inner_container">
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section cell_settings_inner_section_last">
                                        <ul>
                                            <li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                    
                            </div>
                            <div class="clear"></div>
                            
                        </div>
                    </div>

                    <!-- Row -->
                    <div class="cms_table_row">
                        <div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id5" type="checkbox" name="check_id5" value=""><label for="check_id5"></label><div class="check_checkbox"></div></div></div>
                        <div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
                        <div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
                        <div class="table_cell cell_date">20.03.2017</div>
                        <div class="table_cell cell_author">Administrator</div>
                        <div class="table_cell">News</div>
                        <div class="table_cell cell_status_container"><span class="cell_status cell_status_remaining"><span class="cell_status_text">ausstehend</span></span></div>
                        <div class="table_cell cell_settings">
                            <a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
                            
                            <div class="cell_settings_inner">
                                
                                <div class="cell_settings_inner_container">
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section cell_settings_inner_section_last">
                                        <ul>
                                            <li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                    
                            </div>
                            <div class="clear"></div>
                            
                        </div>
                    </div>

                    <!-- Row -->
                    <div class="cms_table_row">
                        <div class="table_cell cell_checkbox"><div class="checkbox_holder"><input id="check_id6" type="checkbox" name="check_id6" value=""><label for="check_id6"></label><div class="check_checkbox"></div></div></div>
                        <div class="table_cell cell_image"><a href="#"><img src="project-files/img/placeholder_image.jpg" alt=""></a></div>
                        <div class="table_cell cell_title"><a href="#">Wilkommen auf unserer Website</a></div>
                        <div class="table_cell cell_date">20.03.2017</div>
                        <div class="table_cell cell_author">Administrator</div>
                        <div class="table_cell">News</div>
                        <div class="table_cell cell_status_container"><span class="cell_status cell_status_expired"><span class="cell_status_text">abgelaufen</span></span></div>
                        
                        <div class="table_cell cell_settings">
                            <a class="cell_settings_click"><i class="fa fa-cog" aria-hidden="true"></i></a>
                            
                            <div class="cell_settings_inner">
                                
                                <div class="cell_settings_inner_container">
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-files-o" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-eye-slash" aria-hidden="true"></i></a></li>
                                            <li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="cell_settings_inner_section cell_settings_inner_section_last">
                                        <ul>
                                            <li><a class="cell_settings_close"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                    
                            </div>
                            <div class="clear"></div>
                            
                        </div>
                    </div>
                    


                </div>
                    
            </div>
            
            <!-- <div class="table_footer">
                1-5 / 25
                <div class="cms_paging">
                    <ul>
                        <li><a href="#"><i class="ion-ios-arrow-left"></i></a></li>
                        <li><a href="#">1</a></li>
                        <li class="active"><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">...</a></li>
                        <li><a href="#">10</a></li>
                        <li><a href="#"><i class="ion-ios-arrow-right"></i></a></li>
                    </ul>
                </div>
            </div> -->
</template>