/* HEIGHT MENU */

			header #logo { height: 60px;	 }
			/*.open-nav { height: 60px; }
			.open-nav .text { line-height: 60px;	 }*/
			header.header-open:not(.header-transparent) nav#main-nav > ul > li > a { line-height: 60px; }
			header.header-open:not(.header-transparent) nav#main-nav ul li > ul.sub-menu { top: calc(50% + 15px); }
			/*#page-body { padding-top: 140px; }*/
			header:after, header:before { top: -140px; height: 140px; }	
			header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 140px; }
			#header-filter, #header-share, #header-search { top: -140px;	 min-height: 140px; }
			header.header-open:not(.header-transparent) #menu .open-filter, header.header-open:not(.header-transparent) #menu .open-share, header.header-open:not(.header-transparent) #menu .open-search, header.header-open:not(.header-transparent) #menu .menu-language { top: calc(25px + 2px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
			
			header.header-open:not(.header-transparent) + #hero.hero-full { height: calc(100vh - 180px); }
			header.margin-medium.header-open:not(.header-transparent) + #hero.hero-full { height: calc(100vh - 140px); }
			header.margin-small.header-open:not(.header-transparent) + #hero.hero-full { height: calc(100vh - 120px); }
			
					@media only screen and (max-width: 781px) {
						header #logo { height: 30px;	 }
						header:after, header:before { top: -90px; height: 90px; }
						header.header-open:not(.header-transparent) + #hero, header.header-open:not(.header-transparent) + #page-body { margin-top: 90px; }
					}
				
/* CUSTOM FONTS */
body {font-size: 16px;line-height: 28px;letter-spacing: 0.02em;}.widget_nav_menu ul.menu > li { font-weight: ; }.widget_nav_menu ul.menu > li > .sub-menu li { font-weight: ; }h1, .h1 {font-size: 88px;line-height: 114px;letter-spacing: 0.08em;text-transform: uppercase;}#page-loader .loader, .inline-video:after { font-family:; font-weight:; text-transform: uppercase; letter-spacing: 0.08em; }h2, .h2 {font-size: 58px;line-height: 75px;letter-spacing: 0.08em;text-transform: uppercase;}h3, .h3 {font-size: 40px;line-height: 52px;letter-spacing: 0.02em;text-transform: uppercase;}h4, .h4 {font-size: 20px;line-height: 26px;letter-spacing: 0.04em;text-transform: uppercase;}#reply-title { font-size: 20px;line-height: 26px; }h5, .h5 {font-size: 20px;line-height: 26px;letter-spacing: 0.04em;text-transform: none;}.woocommerce-MyAccount-navigation ul li a { font-size: 20px; line-height: 26px; }h6, .h6 {font-size: 18px;line-height: 23px;letter-spacing: 0.04em;text-transform: uppercase;}legend { font-size: 18px; line-height: 23px; }.sr-button-text, #scroll-down, #backtotop, .entries-pagination li a, .single-pagination li a, #menu .open-filter, #menu .open-share, .menu-cart-content .cart-bottom .total .label { font-size: 14px;  }.price, .amount, .shop-container .shop-item .grid-button .sr-button-text, .shop-container .shop-item .grid-button .sr-button-text strong, ul.cart_list li .item-name { font-size: 16px;  }@media only screen and (max-width: 1024px) { body { font-size: 16px !important; line-height: 20px !important; }h1, .h1 { font-size: 78px !important; line-height: 101px !important; }h2, .h2 { font-size: 52px !important; line-height: 67px !important; }h3, .h3 { font-size: 34px !important; line-height: 44px !important; }h4, .h4 { font-size: 20px !important; line-height: 26px !important; }h5, .h5 { font-size: 20px !important; line-height: 26px !important; }h6, .h6 { font-size: 18px !important; line-height: 23px !important; } }@media only screen and (max-width: 781px) { body { font-size: 16px !important; line-height: 20px !important; }h1, .h1 { font-size: 64px !important; line-height: 83px !important; }h2, .h2 { font-size: 42px !important; line-height: 54px !important; }h3, .h3 { font-size: 32px !important; line-height: 41px !important; }h4, .h4 { font-size: 20px !important; line-height: 26px !important; }h5, .h5 { font-size: 20px !important; line-height: 26px !important; }h6, .h6 { font-size: 18px !important; line-height: 23px !important; } }@media only screen and (max-width: 481px) { body { font-size: 16px !important; line-height: 20px !important; }h1, .h1 { font-size: 38px !important; line-height: 49px !important; }h2, .h2 { font-size: 30px !important; line-height: 39px !important; }h3, .h3 { font-size: 29px !important; line-height: 37px !important; }h4, .h4 { font-size: 20px !important; line-height: 26px !important; }h5, .h5 { font-size: 20px !important; line-height: 26px !important; }h6, .h6 { font-size: 18px !important; line-height: 23px !important; } }.alttitle {letter-spacing: 0.04em;text-transform: none;}table caption, blockquote, .copyright, ul.filter li a, .blog-masonry-entry .blog-content .time, .blog-masonry-entry .post-sticky, .widget_rss .rss-date, .widget_rss cite,
			.price, .amount, .woocommerce span.onsale,
			.woocommerce-MyAccount-navigation ul li a { letter-spacing: 0.04em;}#blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-category span, #blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-tags span, .menu-cart-content .cart-bottom .total .label { }nav#main-nav ul li > a, .open-nav .text, .widget_nav_menu ul.menu li {font-size: 14px;letter-spacing: 0.04em;text-transform: uppercase;}.widget_calendar tfoot a, #menu .open-filter, #menu .open-share, #menu .menu-language a, #scroll-down, .single-pagination li a, .entries-pagination li a, .entries-pagination li span, .sr-button-text, .sr-button-text strong, #blog-comments .comment-reply-link, #blog-comments #cancel-comment-reply-link, #backtotop, table th, .woocommerce .cart-actions .button, .woocommerce .coupon input[type=submit], .woocommerce .checkout-coupon input[type=submit], .phatvideo-bg .mute-video, .phatvideo-bg .playpause-video {letter-spacing: 0.04em;text-transform: uppercase;}#blog-single .blog-meta .meta-author a, #blog-single .blog-meta .meta-category a, #blog-single .blog-meta .meta-tags a {text-transform: uppercase;}nav#main-nav ul li > ul.sub-menu li a {font-size: 13px;letter-spacing: 0.1em;text-transform: uppercase;}a.sr-button, input[type=submit], .button, a.button {letter-spacing: 0.1em;text-transform: uppercase;}label, form label {font-size: 13px;letter-spacing: 0.1em;text-transform: uppercase;}input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, select, .select2-container .select2-choice .select2-chosen {font-size: 16px;text-transform: none;} 

/* COLOR */

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #0101ff !important; }
input[type=submit], .button { background: #0101ff; }
a { color: #0101ff; }
.colored { color: #0101ff; }
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background: #0101ff; }
nav#main-nav > ul:not(.hover-underline) > li:hover > a, nav#main-nav > ul:not(.hover-underline) > li.current-menu-item > a { color: #0101ff !important; }
#backtotop:hover { color: #0101ff; }
ul.filter li a.active, ul.filter li a:hover { color: #0101ff; }
#blog-single .blog-meta .meta-author a:hover, #blog-single .blog-meta .meta-category a:hover, #blog-single .blog-meta .meta-tags a:hover { color: #0101ff; }
.single-pagination li a:hover span	{ color: #0101ff; }
.single-pagination li.backtoworks a:hover { color: #0101ff; }
.entries-pagination li a:hover, .entries-pagination li.page span { color: #0101ff; }
#blog-comments #cancel-comment-reply-link { color: #0101ff; }
a.sr-button1:hover { background: #0101ff; }
a.sr-button2 { background: #0101ff; }
a.sr-button3:hover { background: #0101ff; }
a.sr-button4 { background: #0101ff; }
a.button:hover { background: #0101ff; }
.inline-video:hover::before { color: #0101ff; }
.inline-video .inline-iframe-container .close-inline-video:hover { color: #0101ff; }
.tabs ul.tab-nav li a.active { color: #0101ff; }
.toggle-item .toggle-title.toggle-active:after { color: #0101ff; }
.toggle-item .toggle-title:hover:after { color: #0101ff; }
.toggle-item .toggle-title:hover .toggle-name  { color: #0101ff; }	
.toggle-item .toggle-title.toggle-active .toggle-name  { color: #0101ff; }
#hero .page-title h1 a, #hero .page-title h2 a, #hero .page-title h3 a, #hero .page-title h4 a, #hero .page-title h5 a, #hero .page-title h6 a { color: #0101ff; }


.wolf-caption a.caption-hover:hover h4, 
.wolf-caption a.caption-hover:hover h5, 
.wolf-caption a.caption-hover:hover h6, 
.wolf-caption a.caption-hover:hover h3 { color: #0101ff; }	

.shop-container .shop-item .grid-button .sr-button-text:hover,
.woocommerce .cart-actions .button,
.woocommerce .coupon input[type=submit], .woocommerce .checkout-coupon input[type=submit],
.woocommerce .star-rating span,
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { color: #0101ff; }



span.onsale.custom { background: #0101ff; }
/* CUSTOM CSS (Theme Options) */
header #logo {
    height: 30px !important;
}

a.img-hover.hover-dark:before { 
background: rgba(0, 0, 0, 0) !important; 
}

.icon {
width: 60px !important;
height: 60px !important;
}

#loader{
/*color: #eb5c3f !important;*/
color: #0101ff !important;
}

.sub-menu{
width: 190px !important;
}


/* Spreadshirt-Shop Header off */
.my-shop-header-image {
display: none !important;
}

/* Spreadshirt-Shop Home Button off */
#startpageButton {
display: none !important;
}


/* F O N T S */

@font-face {
    font-family: 'NexaRustScriptR-1';
        src: url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/NexaRustScriptR-1.woff') format('woff');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face{ 
	font-family: 'NexaRustExtras-Icons';
	src: url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/NexaRustExtras-Icons.eot');
	src: url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/NexaRustExtras-Icons.eot?#iefix') format('embedded-opentype'),
	     url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/NexaRustExtras-Icons.woff') format('woff'),
	     url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/NexaRustExtras-Icons.ttf') format('truetype'),
	     url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/NexaRustExtras-Icons.svg#webfont') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}





/* lekton-regular - latin */
@font-face {
  font-family: 'Lekton';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/lekton-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lekton'), local('Lekton-Regular'),
       url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/lekton-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/lekton-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/lekton-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/lekton-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.grafinesse.net/wp-content/themes/avoc_2019/files/fonts/lekton-v10-latin-regular.svg#Lekton') format('svg'); /* Legacy iOS */
}

<link href="https://fonts.googleapis.com/css?family=Lekton&display=swap" rel="stylesheet">


h5 {
font-family: 'Lekton', sans-serif !important;
}

h6 {
font-family: 'Lekton', sans-serif !important;
}

h2 {
font-family: 'NexaRustScriptR-1' !important; 
text-transform: none !important; 
letter-spacing: normal !important;
}



p {
font-family: 'Lekton', sans-serif !important;
color: #000000 !important;
}

strong {
font-weight: 700 !important;
}

.bold {
font-family: 'Lekton',  sans-serif !important;
font-weight: 700 !important;
}

.text {
font-family: 'Lekton', sans-serif !important;
}


.kleinbuchstaben {
text-transform: lowercase !important;
}

.portfolio-name {
font-size: 24px !important;
line-height: 27px !important;
}



#backtotop {
font-family: 'Lekton',  sans-serif !important;
}

#page-loader .loader, .inline-video:after { 
font-family: 'Lekton',  sans-serif !important;
}


table caption, .copyright, ul.filter li a, .blog-masonry-entry .blog-content .time, .blog-masonry-entry .post-sticky, .widget_rss .rss-date, .widget_rss cite 
#blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-category span, #blog-single .blog-meta .meta-author span, #blog-single .blog-meta .meta-tags span {
font-family: 'Lekton', sans-serif !important;
}

/'
nav#main-nav ul li > a, .open-nav .text {
font-family: 'Lekton', sans-serif !important;
font-weight: normal !important;
}
*/


.widget_calendar tfoot a, #menu .open-filter, #menu .open-share, #scroll-down, .single-pagination li a, .entries-pagination li a, .sr-button-text, #blog-comments .comment-reply-link, #blog-comments #cancel-comment-reply-link, footer, .button {
font-family: 'Lekton', sans-serif !important;
}

#blog-single .blog-meta .meta-author a, #blog-single .blog-meta .meta-category a  {
font-family: 'Lekton', sans-serif !important;
}

nav#main-nav ul li > ul.sub-menu > li a{
font-family: Lekton !important;
font-weight: normal !important;
}

a.sr-button, input[type=submit] {
font-family: 'Lekton', sans-serif !important;
}

input[type=text], input[type=password], input[type=email], textarea {
font-family: 'Lekton', sans-serif !important;
letter-spacing: 0px !important;
} 


#hero .page-title a:hover { 
color: #ffffff !important; 
}

.icon { 
font-family: 'NexaRustExtras-Icons' !important; 
font-size: 30px;
text-transform: none !important; 
}

.grafinesse {
font-family: 'NexaRustScriptR-1' !important; 
text-transform: none !important; 
letter-spacing: normal !important;
}

.about-subhead {
font-family: 'Lekton', sans-serif !important;
font-weight: 700 !important;
font-size: 20px !important;
line-height: 28px !important;
text-transform: none !important; 
}

.matthias {
font-family: 'NexaRustScriptR-1' !important; 
text-transform: none !important; 
font-size: 66px !important;
line-height: 68px !important;
letter-spacing: normal !important;
/*color: #eb5c3f !important;*/
color: #0101ff !important;
font-weight: normal !important;
}

@media  (max-width: 480px) and (orientation: portrait) {


p {
line-height: 25px !important;
}

.matthias {
font-size: 50px !important;
line-height: 54px !important;
}



nav#main-nav ul li > a {
	font-weight: 700 !important;
        font-size: 28px !important;
	line-height: 44px !important;										
	letter-spacing: normal !important;
}

nav#main-nav ul li > ul.sub-menu > li a  {
        font-size: 18px !important;
	line-height: 21px !important;										
	letter-spacing: normal !important;
	padding-top: 10px !important;
}

/*
a:hover   {
color: #eb5c3f !important;
}
*/

nav#main-nav ul.hover-underline li > a::after {
content: unset !important;
}

}



footer {
/*background: #eeeeee !important;*/
background: #FFFFFF !important;

}


.pace-progress {
/*background: #eb5c3f !important;*/
background: #0101ff !important;
}


.blockquote {
font-family: 'NexaRustScriptR-1' !important; 
text-transform: none !important; 
letter-spacing: normal !important;
font-size: 33px !important;
line-height: 44px !important;
}


a.img-hover:before {
background: #222222 !important;
}

#lightcase-overlay {
background: #111111 !important;
opacity: 0.98 !important;
}

p#lightcase-caption {
color: #ffffff !important;
}


#lightcase-nav a.lightcase-icon-prev span:before, #lightcase-nav a.lightcase-icon-next span:before {
background: #ffffff !important;
}

#lightcase-nav a.lightcase-icon-prev span { border-width: 5px 5px 5px 0; border-color: transparent #ffffff transparent transparent; right: auto; left: 0px; }

#lightcase-nav a.lightcase-icon-next span {
width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: 50%; margin-top: -5px;
	right: 0;
	transition: all 0.3s ease;
	}

#lightcase-nav a.lightcase-icon-close:after, #lightcase-nav a.lightcase-icon-close:before {
background-color: #ffffff !important;
}

h4#lightcase-title {
color: #ffffff !important;
}


/* S H O P */

p.stock.in-stock {
/*color: #eb5c3f !important;*/
color: #0101ff !important;
font-weight: 900 !important;
}

.product_meta {
margin-top: 50px !important;
}

.product-name h6 {
/*color: #eb5c3f !important;*/
color: #0101ff !important;
}

.sidebar-light {
background-color: #EFEFEF !important;
}

.price, .price_label, .label, .item-quantity, .product_meta, .includes_tax, .product-quantity {
font-family: 'Lekton', sans-serif !important;
}

h1.h2.product-title {
font-size: 52px !important;
line-height: 58px !important;
}

span.woocommerce-Price-amount.amount {
font-family: 'Lekton', sans-serif !important;
font-weight: 700 !important;
}

.onsale {
font-family: 'Lekton', sans-serif !important;
text-transform: uppercase !important;
}

.tag-cloud-link {
font-family: 'Lekton', sans-serif !important;
}


.shop-container .shop-item .grid-button .sr-button-text, .shop-container .shop-item .grid-button .sr-button-text strong, ul.cart_list li .item-name {
font-family: 'Lekton', sans-serif !important;
}

.button.single_add_to_cart_button.button.alt {
font-family: 'Lekton', sans-serif !important;
font-size: 14px !important;
}

.shop-container .shop-item .item-infos {
text-align: center;
}

a.sr-button-text {
font-family: 'Lekton', sans-serif !important;
}

a.checkout-button.button.alt.wc-forward {
font-family: 'Lekton', sans-serif !important;
font-size: 14px !important;
}

input#place_order.button.alt {
font-family: 'Lekton', sans-serif !important;
font-size: 14px !important;
margin-top: 50px !important;
}

table th {
font-family: 'Lekton', sans-serif !important;
}

label, form-label {
font-family: 'Lekton', sans-serif !important;
font-size: 14px !important;
color: #666666 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
font-family: 'Lekton', sans-serif !important;
}



.widget_nav_menu ul.menu li {
font-family: 'Lekton' !important;
font-size: 13px !important;
font-weight: 300;
letter-spacing: 0.1em;
padding: 0px 0 0 0;
}

.menu-shop-rechtliches-container li a {
color: #000000 !important;
}

.menu-shop-rechtliches-container li a:hover {
/*color: #eb5c3f !important;*/
color: #0101ff !important;
}

.product-title {
padding-top: 9px !important;
line-height: 15px !important;
}

.product-name h6 {
font-family: 'Lekton', sans-serif !important;
}

.product_list_widget .product-title {
font-family: 'Lekton', sans-serif !important;
}
 
a.button, .wc-forward {
font-family: 'Lekton', sans-serif !important;
font-size: 12px !important;
}

.woocommerce-message, .woocommerce-error, .woocommerce-info, .select2-results__options, .required, .select2-container--default .select2-selection--single .select2-selection__rendered {
font-family: 'Lekton', sans-serif !important;
}

.input-text, .select2-container--default .select2-selection--single {
border-bottom: 1px solid #666666 !important;
}

#billing_phone {
font-family: 'Lekton', sans-serif !important;
}

.woocommerce-MyAccount-navigation li a {
    font-family: 'Lekton', sans-serif !important;
}

ul.woocommerce-thankyou-order-details.order_details, ul.wc-bacs-bank-details.order_details.bacs_details, .woocommerce .shop_table .product-name, .td:last-child {
font-family: 'Lekton', sans-serif !important;
}
ul.woocommerce-thankyou-order-details.order_details {
padding-bottom: 60px;
}

.woocommerce-thankyou-order-received {
padding: 40px 0 40px 0 !important;
}

.wc-bacs-bank-details-heading {
    font-family: 'Lekton', sans-serif !important;
font-size: 38px !important;
line-height: 50px !important;
padding-top: 100px !important;
}

.wc-bacs-bank-details-account-name {
    font-family: 'Lekton', sans-serif !important;
font-size: 22px !important;
line-height: 40px !important;
}

.section.woocommerce-bacs-bank-details {
padding-top: 100px !important;
}

.column-section.clearfix.spaced-big.order-details {
padding-top: 60px !important;
}

#shipping_postcode_field {
padding-bottom: 100px !important;
}

legend {
font-family: 'Lekton', sans-serif !important;
}

.open-share {
display: none !important;
}

.input-text.qty.text {
    font-family: 'Lekton', sans-serif !important;
}


.gda18-label {
height: 42px !important;
width:70px !important;
padding-bottom: 7px !important;
}

.woidliebe-vitaicon {
width: 90px !important;
margin-top: -5px !important;
}

.woidliebe-logo-small {
width: 220px !important;
}



ul.sub-menu li.current-menu-item a {
/*color: #eb5c3f !important;*/
color: #FFFFFF !important;
}


.siegel {
width: 235px !important;
height: 70px !important;
}


.woocommerce-price-suffix {
font-size: 0.6em !important;
}

.shoplink a {
color: #000000 !important;
}


.error404  {
 background-image: url("https://www.grafinesse.net/wp-content/uploads/2015/07/cp_backvideo.mp4") !important;
  background-position: center !important;
  background-repeat: no-repeat !important; 
  background-size: cover !important;
  background-attachment: fixed !important;
  background-blend-mode: lighten !important;
  background-color: #FF0000 !important;
} 

.error404 h4  {
color: #FFFFFF !important;
}

.error404 a.sr-button2 {
  background-color: #000000 !important;
}
.error404 a.sr-button2:hover {
  background-color: #FF0000 !important;
}


.woocommerce-price-suffix {
display: none;
}

.woocommerce-message {
  background: #0101ff !important;
  color: #FFFFFF !important;
}


.restore-item {
  color: #FFFFFF !important;
  text-decoration: underline;
}

.menu-nav {
font-family: 'Lekton', sans-serif !important;
font-weight: normal !important;
}


nav#main-nav ul li > a {
	display: inline-block;
	font-family: 'Lekton', sans-serif !important;
	font-weight: 700;
	font-size: 14px;
	line-height: 30px;										
	text-transform: uppercase;
	color: #0d0d0d;
	letter-spacing: 0.12em;
	transition: all 100ms ease;
	position: relative;
	}

.entries-pagination li a, .entries-pagination li.page, .single-pagination li a, .alttitle  {
	font-family: 'Lekton', sans-serif !important;
}

h4 .alttitle  {
	font-family: 'Lekton', sans-serif !important;
}

#scroll-down  {
	font-family: 'Lekton', sans-serif !important;
}

.socialmedia-widget li.instagram:hover a {
color: #ffffff !important;
}
.socialmedia-widget li.facebook:hover a {
color: #ffffff !important;
}
.socialmedia-widget li.behance:hover a {
color: #ffffff !important;
}
.socialmedia-widget li.mail:hover a {
color: #ffffff !important;
}