• Hero Content Section und Footer befindet sich im Content Block – aktiviert für alles seiten in uncode theme options
• Texte und Headlines oft mit eigener Class versehen
• Slider Home ist Full Screen
• Restlichen Slider sind Full Width
• im Content haben Links eine underline – ist als eigene klasse definiert .content-text
• manche Texte/Inhalte/Empty Space sind nur Mobile/Desktop sichtbar
• Revolution Slider Settings für Desktop und Mobile extra angeben
• .inverted-device-order (class) für Mobil Korrektur der 2 spaltigen Bild-Text-Text-Bild zu Bild-Text-Bild-Text Abfolge

Direkt in den Theme Daten ändern/auskommentieren

uncode-icons.css in Zeile 290 in wp-content/themes/uncode/core/inc/main.php
uncode.gmaps.min.js in Zeile 6 und 7 in wp-content/themes/uncode/vc_templates/vc_gmaps.php

Plugin Performance Probleme

• GDPR
• Instagram Widget
• Revolution Slider
• Google Fonts auch direkt vom Server

Custom CSS
@font-face{
font-family:“Montserrat“;
font-weight:300;
src:url(https://www.barproscatering.com/wp-content/Fonts/Montserrat/Montserrat-Light.ttf) format(„truetype“);
/*font-display: swap;*/
}
@font-face{
font-family:“Montserrat“;
font-weight:400;
src:url(https://www.barproscatering.com/wp-content/Fonts/Montserrat/Montserrat-Regular.ttf) format(„truetype“);
/*font-display: swap;*/
}

@font-face{
font-family:“Lora“;
font-weight:400;
src:url(https://www.barproscatering.com/wp-content/Fonts/Lora/Lora-Regular.ttf) format(„truetype“);
/*font-display: swap;*/
}
@font-face{
font-family:“Lora“;
font-weight:600;
src:url(https://www.barproscatering.com/wp-content/Fonts/Lora/Lora-Bold.ttf) format(„truetype“);
/*font-display: swap;*/
}

body, p{ font-family: ‚Montserrat‘, sans-serif; letter-spacing: -0.4px; font-weight:300;}
p {margin: 10px 0px 0px 0px;}
.content-text a {text-decoration: underline;}
h1{ font-family: „Lora“, serif; letter-spacing: -0.5px; font-weight:400; line-height: 80px !important; color:#fff !important;}
h2,h3,h4,h5{ font-family: „Lora“, serif; letter-spacing: -1px; font-weight:400;}
h6{ font-family: ‚Montserrat‘, serif; letter-spacing: 2px; font-weight:400;}
.text-like-h3{ font-family: „Lora“, serif; letter-spacing: -1px; font-weight:400; font-size: 32px; line-height: 36px;}
body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a {color: #fff !important; font-family: „Lora“, serif !important;}

body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner>.nav>.menu-smart>li>a, html.overlay-open body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override .menu-horizontal-inner>.nav>.menu-smart>li>a {
color: #fff !important;
}

.font-family-menu, .menu-container ul.menu-smart a:not(.social-menu-link) {font-family: „Lora“, serif !important; font-weight: 400; color: #fff !important;}
.text-white, .text-white a {color: #fff !important;}
.text-white a:hover{color: #666 !important;}
.text-999, .text-999 a {color: #999;}
.text-333, .text-333 a {color: #333;}
.text-lead, .text-lead > * {margin: 25px 0px 0px 0px;}
::selection {background: #333; color: #999 !important;}
/* menu */
.menu-horizontal {font-family: „Lora“, serif !important; letter-spacing: -1px; font-weight:400; color:#fff !important;}
.footer-menu-custom {text-align: center; }
.footer-menu-custom a{text-align: center; color: #fff !important; font-size: 24px;}
footer .footer-center {background-color: #161616; padding-top: 35px; padding-bottom: 35px;}
.botton-style-white a{color: #333333 !important;}
input {
border: 0px;
font-size: 20px;
line-height: 24px;
margin: 9px 0px 0px 0px;
padding: 16px;
border-style: solid;
border-radius: 2px;
font-weight: normal;
color: #999999 !important;
}

@keyframes fadeIn {
from {opacity:0}
to {opacity:1}
}

@media (min-width: 960px) {

.hmenu-center-split #masthead > .menu-container {
opacity: 1 !important;
/*
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s
-webkit-animation-delay:1s;
-moz-animation-delay:1s;
animation-delay:1s
*/
}
.hmenu-center-split .navbar-main > ul {
left: 27px !important; /* <– adjust this value */ } } @media (max-width: 959px){ body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item > a, body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link > a, body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item-link > a, body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item-link > a{
font-size: 40px !important;
line-height: 1.3 !important;
font-weight: 400;
color:#fff !important;
}

.text-lead, .text-lead > * {font-size: 18px; line-height: 1.75;}
h1{ font-size:60px !important; line-height: 65px !important; }

/**/
.menu-container .logo-container {
position: relative;
padding: 15px 0px 15px 50% !important;
margin-left: -30px;
}

}

@media (max-width: 569px){

h1{ font-size:60px !important; line-height: 65px !important; }
.wpcf7-inline-wrapper .wpcf7-inline-field {
width: 100%;
padding: 10px 10px 10px 10px;
}

}

#myVideo{
left: 50%;
position: absolute;
top: 0;
transform: translate(-50%, 0);
z-index: -1;
}