man sollte auf jedenfall für kleinere Screenweiten auch von dem riesen padding der grid-cells abweichen.
z.B.

@media only screen and (max-width:1090px) { 
  .responsive #top #wrap_all #main .flex_cell {
    padding: 30px !important;
  }
}

und man kann wie oben schon gesagt die Cell-Sizes ändern z.B auf 2/5 – 3/5. – im Wechsel
siehe: https://webers-testseite.de/freelancer/

könnte Ihr mir mal die Seite als Link zukommen lassen? Wenn es denn absolute nicht geht, das es hier öffentlich gemacht werden kann.
Mein Nick führt Euch ja zu meiner Stammseite, einfach als e-mail dann absenden.
(Habe momentan zwar einen Autoresponder aktiviert, da ich ab morgen mal eine Woche nicht erreichbar sein werde.)

Das Problem mit iPad und Konsorten ist, das der mobile Safari momentan zu einem neuen IE6 wird. Die User werden ordentlich bevormundet, was die eigenen Anpassungen desselben betrifft. Ganze Features, die längst in anderen Browsern umgesetzt sind, fehlen hier. Ausserdem gibt es keine vernünftigen Methoden die Seite im Device mit Dev Tools zu inspizieren. Eine Emulation in Safari Desktop via XCode ist umständlich. Ich würde das mal versuchen, wenn ich nicht schon Sequoia installiert hätte.

PS: ich würde es wo es geht vermeiden, mit dem Trick des “doppelten Content in anderen Darstellungsmethoden” zu arbeiten. Dann lieber die vorhandene Gridrow an die neuen Bedürfnisse anpassen.
Diesen Breakpoint kann man natürlich verändern – via css Anweisung z.B.

@media only screen and (max-width: 1195px) {
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell, 
  .responsive #top #wrap_all .flex_column.av-break-at-tablet {
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }
}

Das Ein-/Ausblenden von Elementen kann man ganz entsprechend mit ähnlichen Media Queries abändern.
Aber – wie gesagt – um bessere Ratschläge zu geben müsst ich erstmal den Sachverhalt live sehen.

Go to Enfold Options Page – Header – Tab: Extra Elements

for the first two settings Header Social Icons and Header Secondary Menu these content had to be set – if they should be shown on that header_meta (top-bar).
For secondary menue – you had to declare a menu as secondary menue on appearance – menus :

For Social icons – go to Enfold Option – Social Profiles.

For Phone Number – you had on the right side an input field for that content ( tags are allowed here)
you might have something like:

<a href="domain/kontakt/#av_gmap_0"><span class="map">Location</span></a><a href="domain/kontakt/"><span class="contact">Contact</span></a><a href="tel:+492281234567"><span class="tel">Phone</span></a>

Offtopic
by the way – the template_redirect could be used to have not the ugly : //domain/?s=xyz on search results page
but //domain/search/xyz

function re_rewrite_rules() {
  global $wp_rewrite;
  $wp_rewrite->search_base = 'search';
  $wp_rewrite->flush_rules();
}
add_action('init', 're_rewrite_rules');

function change_search_url() {
    if ( is_search() && ! empty( $_GET['s'] ) ) {
        wp_redirect( home_url( '/search/' ) . urlencode( get_query_var( 's' ) ) );
        exit();
    }
}
add_action( 'template_redirect', 'change_search_url' );

i can find this css in your setting:

homepage:

.avia-slideshow li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: outside;
  position: absolute;
  visibility: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  clear: both;
  opacity: 0;
  overflow: hidden;
}

visibility: hidden; opacity :0

.av-masonry-entry {
  position: relative;
  display: block;
  width: 24.9%;
  float: left;
  clear: none;
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
}

visibility: hidden; opacity: 0; ?

i thought you like to have the first level only in that style.

ok – get rid of the bold setting for parent theme
( via : #top #header .av-main-nav > li.current-menu-item > a )
and use:

.header_color .main_menu ul  li.current_page_item > a > .avia-menu-text {
  font-weight:700;
  color: #000;
}

Do you use Safari Browser ?

see: https://kriesi.at/support/topic/enfold-back-end-not-working-in-safari-on-sequoia/#post-1468431

Unfortunately, due to a lack of developer tools, mobile browsers cannot be tested in the same way as desktop browsers. Unfortunately, the emulators aren’t accurate enough.
Since scrolling is triggered by a swipe (touch), I suspect that you could, for example, slightly touch a button which then gets the focus.
This is very speculative, but worth a try.

Try ( in this case only for that page-id of https://coralstarfish-com.stackstaging.com ) in your child-theme functions.php:

function blur_all_avia_buttons() { 
if(is_page(22)){
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 	
(function($){
	$('.avia-button').addClass('btn-blur');
	$('.avia-button.btn-blur').on('mousedown touchstart', function(){
		$(this).blur();
	});	
})(jQuery);
});
</script>
<?php 
}
}
add_action('wp_footer', 'blur_all_avia_buttons');

Please delete the caches, especially in the mobile device itself.

to influence the native list-point only – there is no way. Even a list-point color does not exist.

You can only influence the whole list item, it is not possible to influence only the list-style-type.
you do not need to set the color – then it will be inherited from text-block.
Are these red points dots? “disc” – so get rid of color property – and adjust the font-size to your needs.

if you just want to increase the font-size of the list-items select them by the li element and set the font-size property:

#top .avia_textblock > ul > li {
  font-size: 18px;
}

Your wording and topic title led me a little astray. If only you had written: Font-size of the list – that would be clearer