<?php
/**
 * COLUMNS
 *
 * Shortcode which creates columns for better content separation
 * Modified: Padding now applies to .flex_cell_inner instead of .flex_cell
 */

 // Don't load directly
if( ! defined( 'ABSPATH' ) ) { die( '-1' ); }



if( ! class_exists( 'avia_sc_cell', false ) )
{
  class avia_sc_cell extends aviaShortcodeTemplate
  {
    /**
     *
     * @var array
     */
    static $attr = array();

    /**
     * All available column width sizes
     *
     * @since 4.2.1
     * @var array
     */
    static private $size_array = array(
                  'av_cell_one_full'    => '1/1',
                  'av_cell_one_half'    => '1/2',
                  'av_cell_one_third'   => '1/3',
                  'av_cell_one_fourth'  => '1/4',
                  'av_cell_one_fifth'   => '1/5',
                  'av_cell_two_third'   => '2/3',
                  'av_cell_three_fourth'  => '3/4',
                  'av_cell_two_fifth'   => '2/5',
                  'av_cell_three_fifth' => '3/5',
                  'av_cell_four_fifth'  => '4/5'
                );

    /**
     * Define the width for a cell
     *
     * @since 4.2.1
     * @var array
     */
    static protected $size_width = array(
                  'av_cell_one_full'    => 1.0,
                  'av_cell_one_half'    => 0.5,
                  'av_cell_one_third'   => 0.33,
                  'av_cell_one_fourth'  => 0.25,
                  'av_cell_one_fifth'   => 0.2,
                  'av_cell_two_third'   => 0.66,
                  'av_cell_three_fourth'  => 0.75,
                  'av_cell_two_fifth'   => 0.4,
                  'av_cell_three_fifth'   => 0.6,
                  'av_cell_four_fifth'  => 0.8
                );

    /**
     * This constructor is implicity called by all derived classes
     * To avoid duplicating code we put this in the constructor
     *
     * @since 4.2.1
     * @param AviaBuilder $builder
     */
    public function __construct( $builder )
    {
      parent::__construct( $builder );

      $this->config['version']      = '1.0';
      $this->config['type']       = 'layout';
      $this->config['self_closing']   = 'no';
      $this->config['contains_text']    = 'no';
      $this->config['contains_layout']  = 'yes';
      $this->config['contains_content'] = 'yes';
//      $this->config['first_in_row']   = 'first';
    }

    /**
     * Create the config array for the shortcode button
     */
    protected function shortcode_insert_button()
    {
      $this->config['invisible']  = true;
      $this->config['name']   = '1/1';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-full.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 100;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_one_full';
      $this->config['html_renderer']  = false;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
      $this->config['tooltip']  = __( 'Creates a single full width column', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
    }

    /**
     * Popup Elements
     *
     * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
     * opens a modal window that allows to edit the element properties
     *
     * @return void
     */
    protected function popup_elements()
    {

      $this->elements = array(

        array(
            'type'  => 'tab_container',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab',
            'name'  => __( 'Layout' , 'avia_framework' ),
            'nodescription' => true
          ),

          array(
                'type'      => 'template',
                'template_id' => $this->popup_key( 'layout_alignment' )
              ),

        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab',
            'name'  => __( 'Styling', 'avia_framework' ),
            'nodescription' => true
          ),

          array(
              'type'      => 'template',
              'template_id' => 'toggle_container',
              'templates_include' => array(
                          $this->popup_key( 'styling_padding' ),
                          $this->popup_key( 'styling_background' ),
                          $this->popup_key( 'layout_svg_dividers' )
                        ),
              'nodescription' => true
            ),

        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab',
            'name'  => __( 'Advanced', 'avia_framework' ),
            'nodescription' => true
          ),

          array(
              'type'  => 'toggle_container',
              'nodescription' => true
            ),

            array(
                'type'      => 'template',
                'template_id' => $this->popup_key( 'advanced_link' )
              ),

            array(
                'type'      => 'template',
                'template_id' => 'columns_visibility_toggle'
              ),

            array(
                'type'      => 'template',
                'template_id' => 'developer_options_toggle',
                'args'      => array( 'sc' => $this )
              ),

          array(
              'type'  => 'toggle_container_close',
              'nodescription' => true
            ),

        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab_container_close',
            'nodescription' => true
          )

      );
    }

    /**
     * Create and register templates for easier maintainance
     *
     * @since 4.6.4
     */
    protected function register_dynamic_templates()
    {
      /**
       * Layout Tab
       * ===========
       */

      $c = array(
            array(
              'name'  => __( 'Vertical Align', 'avia_framework' ),
              'desc'  => __( 'Choose the vertical alignment of your cells content.', 'avia_framework' ),
              'id'  => 'vertical_align',
              'type'  => 'select',
              'std'   => 'top',
              'subtype' => array(
                        __( 'Top', 'avia_framework' )   => 'top',
                        __( 'Middle', 'avia_framework' )  => 'middle',
                        __( 'Bottom', 'avia_framework' )  => 'bottom',
                      )
            )

        );

      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'layout_alignment' ), $c, true );

      /**
       * Styling Tab
       * ===========
       */

      $c = array(
            array(
              'type'      => 'template',
              'template_id' => 'margin_padding',
              'content'   => array( 'padding' ),
              'name'      => __( 'Cell Padding', 'avia_framework' ),
              'desc'      => __( 'Set the distance from the cell content to the border here. Theme default is 30px.', 'avia_framework' ),
              'lockable'    => true
            )
        );

      $template = array(
              array(
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( 'Padding', 'avia_framework' ),
                'content'   => $c
              ),
          );

      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_padding' ), $template, true );


      $c = array(
             array(
              'name'    => __( 'Background', 'avia_framework' ),
              'desc'    => __( 'Select the type of background for the column.', 'avia_framework' ),
              'id'    => 'background',
              'type'    => 'select',
              'std'   => 'bg_color',
              'subtype' => array(
                        __( 'Background Color', 'avia_framework' )    => 'bg_color',
                        __( 'Background Gradient', 'avia_framework' ) => 'bg_gradient',
                      )
            ),

            array(
              'name'    => __( 'Custom Background Color', 'avia_framework' ),
              'desc'    => __( 'Select a custom background color for this cell here. Leave empty for default color', 'avia_framework' ),
              'id'    => 'background_color',
              'type'    => 'colorpicker',
              'rgba'    => true,
              'required'  => array( 'background', 'equals', 'bg_color' ),
              'std'   => '',
            ),

            array(
              'type'      => 'template',
              'template_id' => 'gradient_colors',
              'id'      => array( 'background_gradient_direction', 'background_gradient_color1', 'background_gradient_color2', 'background_gradient_color3' ),
              'lockable'    => true,
              'required'    => array( 'background', 'equals', 'bg_gradient' ),
              'container_class' => array( '', 'av_third av_third_first', 'av_third', 'av_third' ),
            ),

            array(
              'name'    => __( 'Custom Background Image', 'avia_framework' ),
              'desc'    => __( "Either upload a new, or choose an existing image from your media library. Leave empty if you don't want to use a background image.", 'avia_framework' ),
              'id'    => 'src',
              'type'    => 'image',
              'title'   => __( 'Insert Image', 'avia_framework' ),
              'button'  => __( 'Insert', 'avia_framework' ),
              'std'   => ''
            ),

            array(
              'name'    => __( 'Background Attachment', 'avia_framework' ),
              'desc'    => __( 'Background can either scroll with the page or be fixed', 'avia_framework' ),
              'id'    => 'background_attachment',
              'type'    => 'select',
              'std'   => 'scroll',
              'required'  => array( 'src', 'not', '' ),
              'subtype' => array(
                        __( 'Scroll', 'avia_framework' )              => 'scroll',
                        __( 'Fixed (relative to the viewport)', 'avia_framework' )  => 'fixed',
                        __( 'Local (relative to cell)', 'avia_framework' )      => 'local'
              )
            ),

            array(
              'type'      => 'template',
              'template_id' => 'background_image_position'
            )

        );

      $template = array(
              array(
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( 'Background', 'avia_framework' ),
                'content'   => $c
              ),
          );

      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_background' ), $template, true );


// new insertion dividers
      $template = array(
              array(
                'type'      => 'template',
                'template_id' => 'svg_divider_toggle',
                'lockable'    => true
              )
          );

      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'layout_svg_dividers' ), $template );



      /**
       * Advanced Tab
       * ============
       */

      $c = array(
            array(
              'type'      => 'template',
              'template_id' => 'linkpicker_toggle',
              'name'      => __( 'Cell Link', 'avia_framework' ),
              'desc'      => __( 'Select where this cell should link to', 'avia_framework' ),
              'subtypes'    => array( 'no', 'manually', 'single', 'taxonomy' ),
              'no_toggle'   => true,
              'title_attr'  => true
            ),

            array(
              'name'      => __( 'Hover Effect', 'avia_framework' ),
              'desc'      => __( 'Choose if you want to have a hover effect on the column', 'avia_framework' ),
              'id'      => 'link_hover',
              'type'      => 'select',
              'required'    => array( 'link', 'not', '' ),
              'std'     => '',
              'subtype'   => array(
                          __( 'No', 'avia_framework' )  => '',
                          __( 'Yes', 'avia_framework' ) => 'opacity80'
                      )
            )


        );

      $template = array(
              array(
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( 'Column Link', 'avia_framework' ),
                'content'   => $c
              ),
          );

      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_link' ), $template, true );

    }

    /**
     * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
     * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
     * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
     *
     * @param array $params     holds the default values for $content and $args.
     * @return array        usually holds an innerHtml key that holds item specific markup.
     */
    public function editor_element( $params )
    {

      extract( $params );

      if( empty( $data ) || ! is_array( $data ) )
      {
        $data = array();
      }

      $name = $this->config['shortcode'];
      $drag = $this->config['drag-level'];
      $drop = $this->config['drop-level'];

      $data['shortcodehandler']   = $this->config['shortcode'];
      $data['modal_title']    = __( 'Edit Cell','avia_framework' );
      $data['modal_ajax_hook']  = $this->config['shortcode'];
      $data['dragdrop-level']   = $this->config['drag-level'];
      $data['allowed-shortcodes'] = $this->config['shortcode'];
      $data['closing_tag']    = $this->is_self_closing() ? 'no' : 'yes';

      if( ! empty( $this->config['modal_on_load'] ) )
      {
        $data['modal_on_load']  = $this->config['modal_on_load'];
      }

      $dataString  = AviaHelper::create_data_string( $data );

      // add background color or gradient to indicator
      $el_bg = '';

      if( empty( $args['background'] ) || ( $args['background'] == 'bg_color' ) )
      {
        $el_bg = ! empty( $args['background_color'] ) ? " style='background:{$args['background_color']};'" : '';
      }
      else
      {
        if( $args['background_gradient_color1'] && $args['background_gradient_color2'] )
        {
          $el_bg = "style='background:linear-gradient({$args['background_gradient_color1']},{$args['background_gradient_color2']});'";
        }
      }

      $output  = "<div class='avia_layout_column avia_layout_cell avia_pop_class avia-no-visual-updates {$name} av_drag' {$dataString} data-width='{$name}'>";
      $output .=    "<div class='avia_sorthandle'>";

      $output .=      "<span class='avia-col-size'><span class='avia-element-bg-color' {$el_bg}></span>" . avia_sc_cell::$size_array[ $name ] . '</span>';
      $output .=      "<a class='avia-delete'  href='#delete' title='" . __( 'Delete Cell', 'avia_framework' ) . "'>x</a>";
      $output .=      "<a class='avia-clone'  href='#clone' title='" . __( 'Clone Cell', 'avia_framework' ) . "' >" . __( 'Clone Cell', 'avia_framework' ) . '</a>';

      if( ! empty( $this->config['popup_editor'] ) )
      {
        $output .= "    <a class='avia-edit-element'  href='#edit-element' title='" . __( 'Edit Cell', 'avia_framework' ) . "'>" . __( 'edit', 'avia_framework' ) . '</a>';
      }

      $output .=    '</div>';
      $output .=    "<div class='avia_inner_shortcode avia_connect_sort av_drop ' data-dragdrop-level='{$drop}'><span class='av-fake-cellborder'></span>";
      $output .=      "<textarea data-name='text-shortcode' cols='20' rows='4'>" . ShortcodeHelper::create_shortcode_by_array( $name, $content, $args ) . '</textarea>';

      if( $content )
      {
        $output .=    $this->builder->do_shortcode_backend( $content );
      }

      $output .=    '</div>';
      $output .=    "<div class='avia-layout-element-bg' " . $this->get_bg_string( $args ) . "></div>";
      $output .=  '</div>';

      return $output;
    }

    /**
     * Returns the width of the cells. As this is the base class for all cells we only need to implement it here.
     *
     * @since 4.2.1
     * @return float
     */
    public function get_element_width()
    {
      return isset( avia_sc_cell::$size_width[ $this->config['shortcode'] ] ) ? avia_sc_cell::$size_width[ $this->config['shortcode'] ] : 1.0;
    }

    /**
     * Only needed for backend canvas
     *
     * @param array $args
     * @return string
     */
    protected function get_bg_string( $args )
    {
      $style = '';

      if( ! empty( $args['attachment'] ) )
      {
        $image = false;
        $src = wp_get_attachment_image_src( $args['attachment'], $args['attachment_size'] );
        if( ! empty( $src[0] ) )
        {
          $image = $src[0];
        }

        if( $image )
        {
          $element_styling = new aviaElementStyling( $this, 'xxx' );

          $bg = ! empty( $args['background_color'] ) ? $args['background_color'] : 'transparent';
          $pos = $element_styling->background_position_string( $args['background_position'], 'center center' );
          $repeat = ! empty( $args['background_repeat'] ) ? $args['background_repeat'] : 'no-repeat';
          $extra = '';

          if( $repeat == 'stretch' )
          {
            $repeat = 'no-repeat';
            $extra = 'background-size: cover;';
          }

          if( $repeat == 'contain' )
          {
            $repeat = 'no-repeat';
            $extra = 'background-size: contain;';
          }

          $style = "style='background: {$bg} url($image) {$repeat} {$pos}; {$extra}'";
        }

      }

      return $style;
    }

    /**
     * Create custom stylings
     *
     * @since 4.8.7
     * @param array $args
     * @return array
     */
    protected function get_element_styles( array $args )
    {
      $result = parent::get_element_styles( $args );

      extract( $result );

      $default = array(
            'vertical_align'    => '',
            'padding'       => '',
            'background'                    => 'bg_color',
            'background_gradient_color1'    => '',
            'background_gradient_color2'      => '',
            'background_gradient_direction'     => '',
            'background_color'                => '',
            'background_position'   => '',
            'background_repeat'   => '',
            'background_attachment' => '',
            'fetch_image'     => '',
            'attachment_size'   => '',
            'attachment'      => '',
            'link'          => '',
            'linktarget'      => '',
            'link_hover'      => '',
            'mobile_display'    => '',
            'mobile_col_pos'    => 0,
            'svg_dividers'   => ''
          );

      $default = $this->sync_sc_defaults_array( $default, 'no_modal_item', 'no_content' );

      $atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

      //  fallback - prior 4.8.7 '0px' was handled this way
      if( $atts['padding'] == '0px' || $atts['padding'] == '0' || $atts['padding'] == '0%' )
      {
        $atts['padding'] = '0px';
      }

      $element_styling->create_callback_styles( $atts );

      $classes = array(
            'flex_cell',
            $element_id,
            'av-gridrow-cell',
            str_replace( 'av_cell_', 'av_', $shortcodename ),
            'no_margin',
            $atts['mobile_display']
          );

      $element_styling->add_classes( 'container', $classes );
      $element_styling->add_classes_from_array( 'container', $meta, 'el_class' );

      if( ! empty( $atts['vertical_align'] ) )
      {
        $element_styling->add_classes( 'container', "content-align-{$atts['vertical_align']}" );
        $element_styling->add_styles( 'container', array(
                        'vertical-align'  => $atts['vertical_align']
                    ) );
      }

      if( ! empty( avia_sc_cell::$attr['mobile_column_order'] ) && 'individual' == avia_sc_cell::$attr['mobile_column_order'] )
      {
        $element_styling->add_styles( 'container', array( 'order' => $atts['mobile_col_pos'] ) );
      }

      if( ! empty( avia_sc_cell::$attr['min_height'] ) && empty( avia_sc_cell::$attr['min_height_percent'] ) )
      {
        $min = (int) avia_sc_cell::$attr['min_height'];
        $element_styling->add_styles( 'container', array(
                        'height'    => $min . 'px',
                        'min-height'  => $min . 'px'
                    ) );
      }


//  SVG Dividers
      $element_styling->add_classes( 'divider-top', array( 'avia-divider-svg', 'avia-divider-svg-' . $atts['svg_div_top'] ) );
      $element_styling->add_classes( 'divider-bottom', array( 'avia-divider-svg', 'avia-divider-svg-' . $atts['svg_div_bottom'] ) );

      $element_styling->add_callback_styles( 'divider-top-svg', array( 'svg_div_top_svg', 'svg_div_top_color' ) );
      $element_styling->add_callback_styles( 'divider-bottom-svg', array( 'svg_div_bottom_svg', 'svg_div_bottom_color' ) );

      $element_styling->add_callback_classes( 'divider-top', array( 'svg_div_top' ) );
      $element_styling->add_callback_classes( 'divider-bottom', array( 'svg_div_bottom' ) );


      /**
       * MODIFIKATION: Padding-Behandlung für .flex_cell_inner
       * =====================================================
       */
      
      // Füge Klassen für .flex_cell_inner hinzu
      $inner_classes = array();
      
      //  fallback - prior 4.8.7 '0px' was handled this way
      if( $atts['padding'] == '0px' )
      {
        $inner_classes[] = 'av-zero-padding';
      }

      $element_styling->add_classes( 'inner', $inner_classes );

      /**
       * Allow fallback to ignore responsive padding in case a page/site gets broken
       *
       * @since 5.3
       * @param boolean $disable_responsive_padding
       * @param array $atts
       * @param array $result
       * @param aviaShortcodeTemplate $this
       * @return false|mixed            anything not false to fallback
       */
      $disable_responsive_padding = apply_filters( 'avf_disable_grid_cells_responsive_padding', false, $atts, $result, $this );

      // MODIFIKATION: Padding jetzt auf 'inner' statt 'container'
      if( false !== $disable_responsive_padding )
      {
        //  fallback
        $element_styling->add_callback_styles( 'inner', array( 'padding' ) );
      }
      else
      {
        $element_styling->add_responsive_styles( 'inner-padding', 'padding', $atts, $this, '!important' );
      }

      /**
       * Style Background (bleibt auf .flex_cell)
       * =========================================
       */
      if( ! empty( $atts['attachment'] ) )
      {
        $src = wp_get_attachment_image_src( $atts['attachment'], $atts['attachment_size'] );
        if( ! empty( $src[0] ) )
        {
          $atts['fetch_image'] = $src[0];
        }
      }

      if( $atts['background_repeat'] == 'stretch' )
      {
        $element_styling->add_classes( 'container', 'avia-full-stretch' );
        $atts['background_repeat'] = 'no-repeat';
      }

      if( $atts['background_repeat'] == 'contain' )
      {
        $element_styling->add_classes( 'container', 'avia-full-contain' );
        $atts['background_repeat'] = 'no-repeat';
      }

      // background image, color and gradient
      $bg_image = '';

      if( ! empty( $atts['fetch_image'] ) )
      {
        $bg_pos = $element_styling->background_position_string( $atts['background_position'] );
        $bg_image = "url({$atts['fetch_image']}) {$bg_pos} {$atts['background_repeat']} {$atts['background_attachment']}";
      }

      if( $atts['background'] != 'bg_gradient' )
      {
        if( ! empty( $bg_image ) )
        {
          $element_styling->add_styles( 'container', array( 'background' => "{$bg_image} {$atts['background_color']}" ) );
        }
        else if( ! empty( $atts['background_color'] ) )
        {
          $element_styling->add_styles( 'container', array( 'background-color' => $atts['background_color'] ) );
        }
      }
      // assemble gradient declaration
      else if( ! empty( $atts['background_gradient_color1'] ) && ! empty( $atts['background_gradient_color2'] ) )
      {
        // fallback background color for IE9
        $element_styling->add_styles( 'container', array( 'background-color' => $atts['background_gradient_color1'] ) );

        if( empty( $bg_image ) )
        {
          $element_styling->add_callback_styles( 'container', array( 'background_gradient_direction' ) );
        }
        else
        {
          $gradient_val_array = $element_styling->get_callback_settings( 'background_gradient_direction', 'styles' );
          $gradient_val = isset( $gradient_val_array['background'] ) ? $gradient_val_array['background'] : '';

          //  ',' is needed !!!
          $gradient_style = ! empty( $gradient_val ) ? "{$bg_image}, {$gradient_val}" : $bg_image;

          $element_styling->add_styles( 'container', array( 'background' => $gradient_style ) );
        }
      }
      else
      {
        //  fallback to image and first gradient color
        if( ! empty( $bg_image ) )
        {
          $element_styling->add_styles( 'container', array( 'background' => "{$bg_image} {$atts['background_gradient_color1']}" ) );
        }
        else if( ! empty( $atts['background_gradient_color1'] ) )
        {
          $element_styling->add_styles( 'container', array( 'background-color' => $atts['background_gradient_color1'] ) );
        }
      }




      // MODIFIKATION: Erweiterte Selektoren für .flex_cell_inner
      $selectors = array(
            'container'     => ".flex_cell.{$element_id}",
            'inner'             => ".flex_cell.{$element_id} .flex_cell_inner",

            'divider-top-div'     => ".flex_cell.{$element_id} .avia-divider-svg-top",
            'divider-bottom-div'  => ".flex_cell.{$element_id} .avia-divider-svg-bottom",
            'divider-top-svg'     => ".flex_cell.{$element_id} .avia-divider-svg-top svg",
            'divider-bottom-svg'  => ".flex_cell.{$element_id} .avia-divider-svg-bottom svg",

            //  see grid.css !!!
            'inner-padding'     => ".responsive #top #wrap_all .flex_cell.{$element_id} .flex_cell_inner"
          );

      $element_styling->add_selectors( $selectors );

      $result['default'] = $default;
      $result['atts'] = $atts;
      $result['content'] = $content;
      $result['element_styling'] = $element_styling;
      $result['meta'] = $meta;

      return $result;
    }



 /**
     * Returns the modal popups svg divider preview windows in $svg_list
     *
     * @since 4.8.4
     * @param array $args
     * @param array $svg_list
     * @return array
     */
    public function build_svg_divider_preview( array $args, array $svg_list )
    {
      //  clear content and not needed settings - we only need minimal stylings
      $args['content'] = '';
      unset( $args['atts']['content'] );


      $result = $this->get_element_styles( $args );

      extract( $result );

      $dummy_text = __( 'Grid Cell Dummy Content to demonstrate &quot;Bring To Front&quot; option', 'avia_framework' );

      foreach( $svg_list as $id => $info )
      {
        $svg_height = $atts[ $id . '_height' ];
        $svg_max_height = $atts[ $id . '_max_height' ];

        if( ! is_numeric( $svg_height ) )
        {
          $svg_height = is_numeric( $svg_max_height ) ? $svg_max_height : 100;
        }

        $dummy_dist = $svg_height > 30 ? 20 : 5;
        $dummy_height = $svg_height + 20;

        $style_col = array(
                'height'  => max( $svg_height + 120, 150 ) . 'px'
              );

        $style_dummy = array(
                'height'      => $dummy_height . 'px',
                'line-height' => $dummy_height . 'px',
              );

        if( 'top' == $info['location'] )
        {
          $class = 'av-top-divider';
          $element_styling->add_styles( 'preview-column-top', $style_col );
          $element_styling->add_styles( 'preview-dummy-top', array( 'top' => $dummy_dist . 'px' ) );
          $element_styling->add_styles( 'preview-dummy-top', $style_dummy );
        }
        else
        {
          $class = 'av-bottom-divider';
          $element_styling->add_styles( 'preview-column-bottom', $style_col );
          $element_styling->add_styles( 'preview-dummy-bottom', array( 'bottom' => $dummy_dist . 'px' ) );
          $element_styling->add_styles( 'preview-dummy-bottom', $style_dummy );
        }

        $selectors = array(
                'preview-column-top'  => ".flex_cell.{$element_id}.av-top-divider",
                'preview-column-bottom' => ".flex_cell.{$element_id}.av-bottom-divider",
                'preview-dummy-top'   => ".flex_cell.{$element_id}.av-top-divider .av-dummy-text",
                'preview-dummy-bottom'  => ".flex_cell.{$element_id}.av-bottom-divider .av-dummy-text"
              );


        $element_styling->add_selectors( $selectors );

        $style_tag = $element_styling->get_style_tag( $element_id );

        $html  = '';
        $html .= $style_tag;
        $html .= "<div class='svg-shape-container flex_cell {$element_id} {$class}'>";

        if( ! empty( $atts[ $id ] ) )
        {
          $html .= AviaSvgShapes()->get_svg_dividers( $atts, $element_styling, $info['location'] );
        }

        $html .=    '<div class="av-dummy-text">';
        $html .=      '<p>' . esc_html( $dummy_text ) . '</p>';
        $html .=    '</div>';

        $html .= '</div>';

        $svg_list[ $id ]['html'] = $html;
      }


      return $svg_list;
    }


    /**
     * Frontend Shortcode Handler (angepasst für flex_cell_inner Klassen)
     *
     * @param array $atts array of attributes
     * @param string $content text within enclosing form of shortcode element
     * @param string $shortcodename the shortcode found, when == callback name
     * @return string $output returns the modified html string
     */
    public function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '')
    {
      global $avia_config;

      $result = $this->get_element_styles( compact( array( 'atts', 'content', 'shortcodename', 'meta' ) ) );

      extract( $result );

      $avia_config['current_column'] = str_replace( 'av_cell_', 'av_', $shortcodename );

      $link = AviaHelper::get_url( $atts['link'] );
      $link_data = '';
      $title_attr_markup = '';
      $reader_html = '';

      if( ! empty( $link ) )
      {
        $element_styling->add_classes( 'container', array( 'avia-link-column', 'av-cell-link' ) );
        if( ! empty( $atts['link_hover'] ) )
        {
          $element_styling->add_classes( 'container', 'avia-link-column-hover' );
        }

        $screen_reader = '';

        $link_data .= ' data-link-column-url="' . esc_attr( $link ) . '" ';

        $title_attr_markup = AviaHelper::get_link_title_attr_markup( $atts['title_attr'] );

        if( ( strpos( $atts['linktarget'], '_blank' ) !== false ) )
        {
          $link_data .= ' data-link-column-target="_blank" ';
          $screen_reader .= ' target="_blank" ';
        }

        //  we add this, but currently not supported in js
        if( strpos( $atts['linktarget'], 'nofollow' ) !== false )
        {
          $link_data .= ' data-link-column-rel="nofollow" ';
          $screen_reader .= ' rel="nofollow" ';
        }

        /**
         * Add an invisible link also for screen readers
         */
        $reader_html .= '<a class="av-screen-reader-only" href="' . esc_attr( $link ) . '" ' . $screen_reader . '>';

        if( ! empty( $atts['title_attr'] ) )
        {
          $reader_html .=   esc_html( $atts['title_attr'] );
        }
        else
        {
          $reader_html .=   AviaHelper::get_screen_reader_url_text( $atts['link'] );
        }

        $reader_html .= '</a>';
      }


      //  if the user uses the column shortcode without the layout builder make sure that paragraphs are applied to the text
      $inner_content = ( empty( $avia_config['conditionals']['is_builder_template'] ) ) ? ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) ) : ShortcodeHelper::avia_remove_autop( $content, true );

      $style_tag = $element_styling->get_style_tag( $element_id );
      $container_class = $element_styling->get_class_string( 'container' );
      
      // MODIFIKATION: Hole die inner-Klassen
      $inner_class = $element_styling->get_class_string( 'inner' );

      $output  = '';
      $output .= $style_tag;
      $output .= $reader_html;
      $output .= "<div class='{$container_class}' {$link_data} {$title_attr_markup}>";
      $output .= AviaSvgShapes()->get_svg_dividers( $atts, $element_styling, 'top' );
      // MODIFIKATION: Füge die inner-Klassen hinzu
      $output .=    "<div class='flex_cell_inner {$inner_class}'>";
      $output .=      $inner_content;
      $output .=    '</div>';
      $output .= AviaSvgShapes()->get_svg_dividers( $atts, $element_styling, 'bottom' );
      $output .= '</div>';

      unset( $avia_config['current_column'] );

      return $output;
    }

  }
}




if( ! class_exists( 'avia_sc_cell_one_half', false ) )
{
  class avia_sc_cell_one_half extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '1/2';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-half.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 90;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_one_half';
      $this->config['html_renderer']  = false;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
      $this->config['tooltip']  = __( 'Creates a single column with 50&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
    }
  }
}


if( ! class_exists( 'avia_sc_cell_one_third', false ) )
{
  class avia_sc_cell_one_third extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '1/3';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-third.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 80;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_one_third';
      $this->config['html_renderer']  = false;
      $this->config['tooltip']  = __( 'Creates a single column with 33&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_two_third', false ) )
{
  class avia_sc_cell_two_third extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '2/3';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-two_third.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 70;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_two_third';
      $this->config['html_renderer']  = false;
      $this->config['tooltip']  = __( 'Creates a single column with 67&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_one_fourth', false ) )
{
  class avia_sc_cell_one_fourth extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '1/4';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-fourth.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 60;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_one_fourth';
      $this->config['tooltip']  = __( 'Creates a single column with 25&percnt; width', 'avia_framework' );
      $this->config['html_renderer']  = false;
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_three_fourth', false ) )
{
  class avia_sc_cell_three_fourth extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '3/4';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-three_fourth.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 50;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_three_fourth';
      $this->config['tooltip']  = __( 'Creates a single column with 75&percnt; width', 'avia_framework' );
      $this->config['html_renderer']  = false;
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_one_fifth', false ) )
{
  class avia_sc_cell_one_fifth extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '1/5';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-fifth.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 40;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_one_fifth';
      $this->config['html_renderer']  = false;
      $this->config['tooltip']  = __( 'Creates a single column with 20&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_two_fifth', false ) )
{
  class avia_sc_cell_two_fifth extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '2/5';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-two_fifth.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 39;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_two_fifth';
      $this->config['html_renderer']  = false;
      $this->config['tooltip']  = __( 'Creates a single column with 40&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_three_fifth', false ) )
{
  class avia_sc_cell_three_fifth extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '3/5';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-three_fifth.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 38;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_three_fifth';
      $this->config['html_renderer']  = false;
      $this->config['tooltip']  = __( 'Creates a single column with 60&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}

if( ! class_exists( 'avia_sc_cell_four_fifth', false ) )
{
  class avia_sc_cell_four_fifth extends avia_sc_cell
  {

    protected function shortcode_insert_button()
    {
      $this->config['invisible'] = true;
      $this->config['name']   = '4/5';
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-four_fifth.png';
      $this->config['tab']    = __( 'Layout Elements', 'avia_framework' );
      $this->config['order']    = 37;
      $this->config['target']   = 'avia-section-drop';
      $this->config['shortcode']  = 'av_cell_four_fifth';
      $this->config['html_renderer']  = false;
      $this->config['tooltip']  = __( 'Creates a single column with 80&percnt; width', 'avia_framework' );
      $this->config['drag-level'] = 2;
      $this->config['drop-level'] = 1;
      $this->config['tinyMCE']  = array( 'disable' => 'true' );
    }
  }
}