,

Menüzeile früher umbrechen (Enfold)

@media only screen and (max-width: 1350px) {
	#top #header .av-main-nav > li > a { font-size: 18px !important; }
}
@media only screen and (max-width:1270px) {
	#top #header .av-main-nav > li > a { font-size: 16px !important; }
}
@media only screen and (max-width:1200px) {
	#avia-menu .menu-item { display: none; }
	#avia-menu .av-burger-menu-main { display: block; }
	#avia-menu { width:auto !important; float:right: !important; }
}
,

Icons in Trennzeilen grösser machen (Enfold)

.av-seperator-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    line-height: 50px;
}
,

Enfold Topbar höher machen

#header_meta, #header_meta .container {
    min-height: 36px;
}
#header_meta .sub_menu {
    font-size: 16px;
}
#header_meta .sub_menu li {
    line-height: 16px;
}
#header_meta .phone-info {
    font-size: 16px;
    padding: 9px 0 0 0;
    font-weight: normal;
}
#top #wrap_all .social_bookmarks  {
    margin-top: 2px;
}
#header_meta .sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
    font-weight: normal;
}
,

Enfold Gallerie kein Hover Effekt

#top .avia-gallery .avia-gallery-thumb a:hover {
   opacity: 1;
}
, ,

Sprachleiste mit DE | EN statt Flaggen (WPML)

.avia_wpml_language_switch li .language_flag {
    display: none;
}
.avia_wpml_language_switch li .language_code {
    display: block;
text-transform: uppercase;
}
.avia_wpml_language_switch {top: 0px; padding: 0; }
#top ul.avia_wpml_language_switch li {
    padding: 0 10px !important;
    border-right-style: solid !important;
    border-right-width: 1px !important;

}
#top ul.avia_wpml_language_switch li:last-child {
    padding: 0 10px !important;
    border-right-style: none !important;
    border-right-width: 0 !important;
}
,

Enfold Untermenü breiter machen

.av-main-nav ul { width: 308px; }
,

Ampersand (&) normal machen

.special_amp {
	color: inherit !important;
	font-family: inherit;
	font-size: inherit;
}
,

Vertical Scrollbare Table (responsive)

<div class="tableresponsiv">
	<table width="100%">...</table>
</div>

Und nehmen folgenden CSS Code im Stylesheet auf:

.tableresponsiv {
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
	overflow-y: hidden;
	border: 1px solid #DDD;
	overflow-x: auto;
	min-height: 0.01%;
}

Firefox unscharfe Bilder wenn verkleinert Korrektur

img { image-rendering: auto; }

Silbentrennung per CSS

Web Silbentrennung aktivieren:

@supports (hyphens: auto) {
	body {
		hyphens: auto;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}
}

Nicht alle Geräte unterstützen dies.