Site is showed full with without the setting

Hi team,
I’m currently struggling at a fresh live page.
It shouln’t use the complete screen. So a margin left and right should considered like here:

https://pasteboard.co/I9vNRxp.png

But now on live side the margins are not hold:
https://pasteboard.co/I9vOxcC.png

I tried to fix a responsive topic but as far as I know set every thing back.
The Setting “use whole page” in header settings is also no checked.

This is everything I have in dhild css:
* disable top bar on mobile */
@media only screen and (max-width: 1200px) {
#header_meta { display: none !important; }}

/* Burger Menu color */
@media only screen and (max-width: 767px){
#top .header_color .av-hamburger-inner{
background-color: #ffffff!important;
}}

/* border section */
#sectionborder{
border-bottom: 3px dotted grey!important;
border-left: none!important;
border-right: none!important;
}

/* Phone info top header icons */
.phone-info-top {
display:inline-block!important;
padding:4px 10px;
}

/* Preistabelle individuell Farben */
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
background-color: red;
color: #232946;
border-color: red;
}

.main_color .pricing-table li.avia-pricing-row, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-pricing-row .pricing-extra {
background-color: #d4e458;
color: #232946;
border-color: #d4e458;
}

Can you please help me to get it shown correctly?

Thanks an greetings.
Michael