/*
Theme Name: slicknav-theme-zestonics
Theme URI: http://www.deichnetz.de
Author: Heino Stavermann
Author URI: http://www.deichnetz.de
*/

@font-face
{
font-family: 'bebas_neuebold';
src: url('schriften/bebasneue_bold-webfont.eot');
src: url('schriften/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('schriften/bebasneue_bold-webfont.woff2') format('woff2'),
url('schriften/bebasneue_bold-webfont.woff') format('woff'),
url('schriften/bebasneue_bold-webfont.ttf') format('truetype'),
url('schriften/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
font-weight: normal;
font-style: normal;
}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

* + html body
{
overflow-x: hidden;
}

#cmplz-document
{
clear: both;
margin: 0 auto !important;
min-width: 100% !important;
}

#cmplz-document h2
{
text-align: center !important;
}

#cmplz-document ul
{
max-width: 90% !important;
margin: 0 auto !important;
text-align: left !important;
}

/*Button - Jetzt bestellen*/
div.buybutton_amazon a
{
background: #e6b72f; 
padding: 8px 16px 8px 16px;
font-size: 16px;
color: #fff;
text-decoration: none;
border-radius: 4px;
}

div.buybutton_amazon a:hover
{
background: #f9cc4b; 
color: #fff;
}

/*Produkt-Selling*/
div.product_seller
{
display: flex;
width: 35%;
justify-content: center;
}

/*shortcodes*/

a.buttonsprungmarke
{
margin: 10px 20px 20px 20px;
border: 0px !important;	
}

/*Tabellen/TablePress*/

table.tablepress
{
margin: 26px 0 26px 0;
font-family: 'Lato', verdana, arial sans-serif;
border: 1px solid #e8e8e8 !important;

}

h2.tablepress-table-name
{
margin: 6px 0 16px 0;
font-size: 16px;
font-weight: bold;
line-height: 26px;
}

.tablepress thead th
{
font-size: 15px;
background-color: #e6b72f !important;
max-width: 100% !important;
color: #ffffff;
}

.tablepress tr,
tbody td
{
font-size: 15px;
}

.tablepress td,
.tablepress thead th
{
padding: 8px;
border: 1px solid #e8e8e8 !important;
}

.tablepress td ul
{
margin-top: 0px;
}


.tablepress caption a
{
font-size: 12px;
color: #b1b1b1;
}

span.tablepress-table-description
{
display: block;
margin: -10px 0 20px 0;
padding: 14px;
font-size: 15px;
background:#f2f2f2;
}

div.dataTables_filter
{
float: left;
display: block;
width: 98%;
margin: 10px 0 10px 0;
padding: 1%;
font-size: 15px;
background: #f1f0f0;
}

div.dataTables_filter input
{
padding: 4px;
font-size: 15px;
}



header, nav, section, article, footer
{
display: block;
}

input.required
{
color:  blue;
border: 4px solid green;
}

body
{
width: 100%;
margin: 0;
padding: 0;
background: #fff;
letter-spacing: 0px;
box-sizing: border-box;
}

div.product_box_buybutton
{
display: flex; flex-wrap: wrap; justify-content: center; align-content:center;
float: left;
margin: 20px auto 20px auto;
width: 100%;
}

div.product_box_buybutton_content
{
float: left;
margin: 60px auto 60px auto;
width: 100%;
}

div.product_box_buybutton_description
{
float: left;
width: 100%;
margin: 20px auto 60px auto;
padding: 40px;
text-align: center;
background: #f5f5f5;
}

div.product_box_buybutton_description h3
{
margin: 30px auto 10px auto !important;
}

div.footer_payment
{
float: left;
width: 100%;
margin: 160px 0 0 0;
padding: 40px;
text-align: left;
background: #f0f0f0;
border-bottom: 6px solid #e5b633;
}

div.footer_payment_inner
{
width: 90%;
max-width: 1200px;
margin: 0 auto 0 auto;
}
	
div.footer_payment_inner:after
{
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

div.footer_payment_content
{
float: left;
margin: 0px 20px 20px 0;
}

div.footer_payment_inner h4
{
margin: 0 0 10px 0;
padding: 4px 0 4px 0;
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #afafaf;
border-bottom: 1px solid #dbdada;
}

div.footer_payment_inner ul
{
clear: both;
margin: 0 auto 0 auto !important;
list-style-type: none;
}

div.footer_payment_inner ul li
{
float: left;
margin: 10px 20px 0 0;
font-family: 'Open Sans', arial, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #3b3d3d;
list-style-type: none;
}

div.footer_payment_inner img, div.footer_payment_inner a img
{
float: left;
margin: 0 10px 0 0;
border: 0px;
}



#wrapper
{
clear: both;
margin: 0 auto;
width: 100%;
max-width: 1200px;
padding: 0px;
}

#searchbox_home, aside#sidebar #searchbox
{
display: none;
}

div#topmenu_right #searchbox
{
display: block;
float: right;
width: auto;
height: auto;
margin: 60px 0 0px 0;
}

#searchfield fieldset, div#topmenu #searchfield fieldset
{
float: right;

border: none;
}

aside#sidebar #searchfield fieldset
{   
min-width: 300px;
margin: 0px;
padding: 0px;
border: none;
}

#searchfield input, div#topmenu #searchfield input, aside#sidebar #searchfield input
{
display: block;
max-width: 100px;
float: left;
margin: 0px;
padding: 8px;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 16px;
color: #B9B7B7;
background: #fff;
border-top: 1px solid #e7e8ea;
border-right: 0px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
border-left: 1px solid #e7e8ea;
}

#searchfield input.suchen, div#topmenu #searchfield input.suchen, aside#sidebar #searchfield input.suchen
{
display: block;
float: left;
margin: 0px;
padding: 8px;
width: 39px;
height: auto;
cursor:pointer;
background: #fff url(images/suchen.png) center left no-repeat; 
background-size: 30px;
border-top: 1px solid #e7e8ea;
border-right: 1px solid #e7e8ea;
border-bottom: 1px solid #e7e8ea;
border-left: 0px solid #e7e8ea;
}

section#content .header
{
clear: left;
height: auto;
}

.headerbild
{
float: left;
margin: 0 0 -20px 0;
width: 100%;
max-width: 1200px;
height: auto;
}

section#content .headerbild img
{
float: left;
width: 100%;
max-width: 100%;
height: auto;
}

section#content .headline
{
position: relative;
top: -94px;
z-index: 444;
width: 100%;
margin: 0px;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content .headline_no_header
{
position: relative;
top: 0px;
z-index: 444;
width: 100%;
margin: 0px;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content h1
{
display: inline;
padding: 2px 12px 2px 12px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 60px;
line-height: 64px;
text-transform: uppercase;
letter-spacing: 4px;
color: #fff;
background: #3b3b3b;
}


section#content h1 a
{
color: #fff;
background: #3b3b3b;
text-decoration: none;  
}

section#content h2
{
clear: both;
width: 100%;
display: block;
margin: 20px 0 20px 0;
padding: 2px 12px 2px 12px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 52px;
line-height: 60px;
text-transform: uppercase;
letter-spacing: 4px;
box-sizing: border-box;
}        

section#content h2 a
{
text-decoration: none;
}

section#content h3
{
clear: both;
display: block;
margin: 0 0 12px 0;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 22px;
line-height: 26px;
}

section#content h4
{
clear: both;
display: block;
margin: 20px 0 12px 0;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 26px;
}

section#content h3 a, section#content h4 a { text-decoration: underline; color: #bf8f02; }

section#content h3 a:hover, section#content h4 a:hover {color: #e6b72f; }

section#content
{
margin: 0 auto;
width: 100%;
max-width: 1200px;
height: auto;
font-family: 'Open Sans', arial, sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: normal;
color: #333333;
box-sizing: border-box;
}

#content_post
{
width: 100%;
float: left;
margin: 0 auto;
box-sizing: border-box;
}


#content:after
{
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#home_post
{
clear: both;
padding: 0px;
width: 100%;
padding: 0px 0px 30px 0px;
margin: 0px 0 30px 0;
color: #333333;
text-align: center;
}

.search-results #post
{
clear: both;
width: 100%;
}

.search-results #post div.headline
{
margin: 40px 0 20px 0;
padding: 20px 0 0 0;
border-top: 1px dashed #B4B4B4;
}

.teaser_home
{
float: left;
width: 100%;
margin: 60px 0 140px 0;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box; 
justify-content:space-between;
align-content:space-between;
}

.teaser_home > div
{
float: left;
width: 35%;
padding: 0px;     
box-sizing: border-box;
}

.teaser_home > div > div
{
clear: both;
padding: 6px;
box-sizing: border-box;
}

.teaser_home > div > div img
{
width: 20%;
max-width: 100%;
height: auto;
text-align: center;
}

.teaser_home > div.home_teaser_middle_top
{
display: none;
float: left;
width: 33%;
padding: 40px;
box-sizing: border-box;
}

.teaser_home > div.home_teaser_middle
{
float: left;
width: 28%;
padding: 0px;
box-sizing: border-box;
}

.teaser_home > div.home_teaser_middle img
{
margin: 60px 0 0 0;
width: auto;
max-width: 100%;
height: auto;
text-align: center;
}

.product_box
{
float: left;
margin: 60px auto 0 auto;
width: 100%;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
justify-content:space-between;
align-content:space-between;
box-sizing: border-box;
}



.product_box > div
{
float: left;
width: 33%;
padding: 10px;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
}

.product_box > div > div
{
clear: both; 
padding: 0px;
height: auto;
box-sizing: border-box;
border: 1px solid #c9c9c9;

}

.product_box > div > div:after
{
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.product_box > div > div img
{
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
box-sizing: border-box;
}

.product_box div.product_image img
{
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
box-sizing: border-box;
}


.product_box > div > div.product_info
{
width: 100%;
clear: both;
padding: 20px;
box-sizing: border-box;
background: #4d4d4d
}

.product_box > div > div.product_info h3
{
float: left;
margin: 0 0 12px 0;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 24px !important;
line-height: 30px;
text-align: left;
color: #fff !important;
}

.product_box div.product_description
{
float: left;
margin: 0 0 16px 0;
font-size: 16px;
text-align: left;
color: #fff !important;
}


.product_box div.product_description p
{
display: block;
float: left;
margin: 0 0 6px 0;
font-size: 16px;
text-align: left;
color: #fff !important;
}

.product_box > div > div > div.button_shop 
{
float: right;
display: block;
width: 60%;
padding: 10px;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
box-sizing: border-box;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.product_box > div > div > div.button_shop a img
{
margin: 0 0 0 14px;
width: 30%;
}        

.product_box > div > div > div.button_shop a:hover img
{
opacity: 0.5;
}        

.product_box > div > div > div.button_shop a
{
text-decoration: none;
color: #fff;
}

.product_box > div > div > div.pricing
{
float: left;
display: block;
font-size: 26px;
line-height: 42px;
font-weight: bold;
color: #ecb92c;  
}

.product_box > div > div a img
{
float: right;
width: 40%;
max-width: 100%;
height: auto;
text-align: center;
}


.home_teaser
{
clear: both;
margin: 160px auto 160px auto;
padding: 30px 0px 40px 0px;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
justify-content:space-between;
align-content:space-between;
box-sizing: border-box;
width: 100%;
height: auto;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
text-align: center;
line-height: 22px;
background: #dce3ea;
}

.ani
{
opacity: 0;
transition: opacity 0.8s ease-in-out;
-webkit-transition: 0.8s ease-in-out;
}

.visible 
{
opacity: 1;
}

div.home_teaser > div
{
padding: 20px;
margin: 0 auto;
width: auto;
width: 100%;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
box-sizing: border-box;
}


div.home_teaser > div > div 
{
display: inline-block;
width: auto; 
padding: 20px;
}

div.home_teaser > div > div p
{
clear: both;
margin: 0px 20px 30px 20px;
font-size: 16px;
}

div.home_teaser > div > div h3
{
display: block;
clear: both;
margin: 0 auto 0 auto;
font-size: 28px;
line-height: 36px;
font-weight: bold;
text-transform: uppercase;
color: #ecb92c;
}



div.home_teaser > div > div h4
{
clear: both;
display: inline-block;
margin: 20px 0 20px 0;
padding: 20px 32px 20px 32px;
font-weight: normal;
font-style: normal;
font-size: 34px;
line-height: 38px;
text-align: center;
text-transform: uppercase;
letter-spacing: 4px;
color: #fff;
background: #3b3b3b;
}


div.button_shop2 
{   
width: 100%;
clear: both;
display: inline;
margin: 40px 0 0 0;

}



div.button_shop2 a
{
clear: both;
padding: 10px 30px 10px 30px;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
color: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: #ecb92c;
}

section#content p
{
margin: 6px 0 6px 0 ;
}

section#content p a
{
color: #e6b72f; 
text-decoration: underline;
}

section#content p a:hover
{
color: #c4950c;
}

section#content div.date 
{
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #4d4d4d;
}

section#content div.filed
{
margin: 0 0 12px 0;
padding: 4px 0px 4px 0px;
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px;
line-height: 30px;
font-weight: normal;
color: #333333;
border-bottom: 1px solid #e0dede;
}

section#content div.filed a
{
margin: 0 4px 0 0;

font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #4d4d4d;
}

section#content div.filed a:hover
{
color: #8e8377;
}
  
section#content ul
{


margin: 20px 0 20px 0;
list-style-type: none;
color: #545454;
}

section#content ul li
{

position: relative;
margin: 6px 0 6px 0;
padding: 0 0 0 16px;
font-size: 15px;
line-height: 24px;
}

section#content ul li:before 
{
position: absolute;
content: "";
width: 0px;
height: 0px;
top: 0;
left: 0;
margin-top: 8px;
border-left: 4px solid #4d4d4d;
border-top: 4px solid #4d4d4d;
border-right: 4px solid #4d4d4d;
border-bottom: 4px solid #4d4d4d;
}

section#content ul li a
{
color: #4d4d4d;
text-decoration: underline;
}

section#content ul li a:hover
{
color: #8e8377;
}

section#content ol  
{
margin: 20px 0 20px 16px;
}

section#content ol li
{
margin: 6px 0 6px 0;
padding: 0 0 0 4px;
font-size: 15px;
line-height: 24px;
}

section#content ol li a
{
color: #4d4d4d;
text-decoration: underline;
}

section#content ol li a
{
color: #8e8377;
}

section#content p img, #post p a img
{ 
max-width: 100%;
width: auto;
height: auto;
padding: 0px;
margin: 10px 0px 10px 0;  
background: #ffffff;
}

section#content p img.signature
{
max-width: 100%;
width: auto;
height: auto;
padding: 0px;
margin: 10px 0px 40px 0;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

section#content p img.alignleft, #post p a img.alignleft
{
max-width: 100%;
width: auto;
height: auto;
float: left;
margin: 4px 36px 28px 0;
}

section#content p img.alignright, #post p a img.alignright
{
max-width: 100%;
width: auto;
height: auto;
float: right;
margin: 4px 0px 28px 0;
}

.wp-caption
{
float: left;
display: block;
margin: 4px 30px 16px 0;
padding: 0 20px  0 0 ;
}

.wp-caption img, .wp-caption a img
{
max-width: 98%;
width: auto;
height: auto;
padding: 12px;
background: #ffffff;
-webkit-box-shadow: 0px 9px 7px -6px rgba(209,192,163,1);
-moz-box-shadow: 0px 9px 7px -6px rgba(209,192,163,1);
box-shadow: 0px 9px 7px -6px rgba(209,192,163,1);
}

p.wp-caption-text
{
float: left;
margin: 6px 0 8px 4px !important;
font-size: 12px !important;
line-height: 14px;
color: #383838;
}

section#content blockquote
{
clear: both;
position: relative;
width: auto;
margin: 40px 0 40px 0;
padding: 10px 10px 10px 30px;
color: #383838;
background:#f6f5f4;
border-left: 3px solid #4d4d4d;
}

section#content blockquote p
{
width: auto;
margin: 6px 0 6px 0;
color: #383838;
}

section#content .pagenav ul
{
float: left;
margin: 20px 0 0 0;
padding: 0;
list-style-type: none;
}

section#content .pagenav ul li
{
list-style-type: none;
display: block;
float: left;
margin-right: 6px;
padding: 0;
font-size: 16px;
color: #ffffff;
}

section#content .pagenav ul li:before
{
border: 0px;
}

section#content .pagenav li span.current
{
display: block;
float: left;
margin: 0px;
padding: 6px 14px 6px 14px;
font-size: 16px;
color: #ffffff;
background: #4d4d4d;
}

section#content .pagenav ul li a
{
display: block;
margin: 0px;
padding: 6px 14px 6px 14px;
font-size: 16px;
text-decoration: none;
color: #fff;
background:#d3cec8;
}

section#content .pagenav ul li a:hover
{
display: block;
text-decoration: underline;
color: #ffffff;
background: #4d4d4d;
}

section#content .pagenav ul li span.dots
{
display: block;
margin: 0px;
padding: 6px 14px 6px 14px;
font-size: 16px;
text-decoration: none;
color: #fff;
background:#4d4d4d;
}

div.divide
{
clear: both;
width: 100%; 
height: 2px; 
margin: 30px 0 30px 0; 
border-top: 1px dashed #31373d; 
}

div.meta
{
font-size: 12px;
line-height: 16px;
}

div.meta a
{
color: #4d4d4d;
}

#post hr
{
margin: 20px 0 20px 0;
height: 1px;
border-width: 0;
border-style: dashed;
background-color: #B4B4B4;
}

footer
{
width: 100%;
margin: 0px 0 0px 0;
padding: 40px 0px 0px 0px;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 22px;
box-sizing: border-box;
background: #11191b;
}

.footer_logo
{
width: 220px;
max-width: 100%;
height: auto;
clear: both;
margin: 40px auto 60px auto;
text-align: center;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
}

.footer_logo h5
{
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 64px;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
}

.teaser_footer
{
height: auto;
clear: both;
margin: 0 auto;
padding-bottom: 60px;
max-width: 1200px;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
}

.teaser_footer > div
{
float: left;
width: 100%;
padding: 0px;
text-align: center;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
justify-content:space-between;
align-content:space-between;
box-sizing: border-box;
}

.teaser_footer > div > div
{
width: 33%;
float: left;
display: block;
}

.teaser_footer > div > div h6
{
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 24px;
color: #ced3bf;
}

.teaser_footer > div > div p
{
color: #969c9e;
}

.teaser_footer > div > div p a
{
text-decoration: none;
color: #969c9e;
} 

.teaser_footer > div > div p a:hover
{
color: #61686a;
} 

.teaser_footer > div img
{

width: 30%;
max-width: 100%;
height: auto;
text-align: center;
}

.footer_logo
{
width: 220px;
max-width: 100%;
height: auto;
clear: both;
margin: 40px auto 60px auto;
text-align: center;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
}

.footer_credit
{
float: left;
width: 100%;
margin: 60px auto 0 auto;
padding: 60px 0 60px 0;
text-align: center;
box-sizing: border-box;
border-top: 1px solid #3e4346;
}

.footer_credit_links
{
clear: both;
width: 223px;
margin: 0 auto;
list-style-type: none;
text-align: center;
color: #fff;   
}

.footer_credit_links:after
{
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.footer_credit_links p
{
margin-top: 80px;
color: #969c9e;
}                         

.footer_credit_links ul
{
clear: both;
width: auto;
margin: 0 auto;
list-style-type: none;
text-align: center;
color: #fff;
}

.footer_credit_links ul li
{
float: left;
width: auto;
margin: 10px;
padding: 4px;
color: #969c9e;
}

.footer_credit_links ul li a
{
color: #969c9e;
}



/*Back to Top*/
.back-to-top
{
display: block;
background: url(images/back_to_top.svg);
background-size: 50px;
position: fixed;
width: 50px;
height: 50px;
bottom:20px;
right:20px;
}

a.back-to-top
{
color: #ffffff;
}

.slicknav_menu {
display:none;
}

/*slicknav---------------------------------------------*/

.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }

.slicknav_menu {
*zoom: 1; }
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
padding-top: 6px;
margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; 
border: 0px !important;}
.slicknav_brand
{
float: left;
}

.slicknav_menu
{
width: 100%;
margin: 0 auto;
padding: 20px 20px 10px 20px;
font-size: 30px;
font-family: 'Open Sans', arial, sans-serif;
font-weight: normal;
font-style: normal;
box-sizing: border-box;
background: #fff;
}

.slicknav_menu *
{
box-sizing: border-box;
border: 0px;
}

.slicknav_menu .slicknav_menutxt
{
color: #fff;
font-family: arial;
line-height: 30px;
font-weight: normal;
font-style: normal;
}

.slicknav_menu .slicknav_icon-bar
{
background-color: #545555;
}

.slicknav_btn
{
float: right;
margin: -10px 0px 10px 0px;
padding: 10px 14px 14px 14px;
text-decoration: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #fff;
}

.slicknav_nav
{
clear: left;
margin: 0px;
padding: 20px 0 0 0px;
width: 100%;
list-style: none;
overflow: hidden;
}

.slicknav_nav ul
{
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 0px;
border: 0px !important;
}

.slicknav_nav .slicknav_row
{
font-size: 14px;
line-height: 20px;
text-decoration: none;
color: #fff;
background: #fff;
border: 1px solid #e8e9eb !important;
}

.slicknav_nav .slicknav_row:hover
{
font-size: 14px;
line-height: 20px;
text-decoration: none;
color: #fff;
border: 0px !important;
}

.slicknav_nav .slicknav_row a
{
font-size: 18px;
line-height: 20px;
text-decoration: none;
color: #fff;
border: 0px !important;
background-color: transparent;
}

.slicknav_nav .slicknav_row a:hover
{
font-size: 18px;
line-height: 20px;
text-decoration: none;
color: #fff;
background: transparent;
border: 0px !important;
}

.slicknav_nav .searchform
{
clear: both;
min-width: 100%;
padding: 10px;
font-size: 18px;
background: #8f8f8f;
}

.slicknav_nav input[type="text"]
{
width: 80%;
margin: 5px 0 0 0;
padding: 4px 4px 4px 4px;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #111111;
background: #FFFFFF;
border: 1px solid #4d4d4d;
}

.slicknav_nav input[type="submit"]
{
padding: 4px 6px 4px 6px;
width: 20%;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #fff;
background: #4d4d4d;
border: 1px solid #4d4d4d;
}

.slicknav_nav a
{
margin: 4px 0 4px 0;
padding: 10px 10px 10px 6px;
font-size: 16px;
line-height: 20px;
text-decoration: none;
color: #3b3d3d;
background: #fff;
border-bottom: 1px solid #e8e9eb !important;
}

.slicknav_nav li:last-child a
{
border-bottom: 0px solid #e8e9eb !important;
}

.slicknav_nav a:hover
{
background: #fff;
color: #7b8080;

border-bottom: 1px solid #e8e9eb !important;
}

.slicknav_nav li li a
{
background: #4e709b;
color: #ffffff;
}

.slicknav_nav .slicknav_txtnode
{
margin-left: 15px;
border: 0px !important;
}

.slicknav_nav .slicknav_item a
{
padding: 0;
margin: 0;
border: 0px !important;
}

.slicknav_nav .slicknav_parent-link a
{
padding: 0;
margin: 0;
border: 0px !important;
}

.slicknav_brand
{
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px;
border: 0px;
}

/*menu---------------------------------------------*/


nav
{
position: fixed;
z-index: 999;
clear: both;
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 100%;
height: auto;
max-width: 100%;
box-sizing: border-box;
transition:transform .25s .1s ease-in-out;
background: #fff;
}

.down nav
{
transform:translate3d(0, -196px, 0);
}

#menu
{
height: auto;
width: 96%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
justify-content:space-between;
align-content:space-between;
box-sizing: border-box;
border: 0px solid #929292;
}

#menu:after
{
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


#menu > div
{
justify-content: center;
justify-content:space-between;
align-content:space-between;
float: left;
margin: 0px auto;
width: 25%;
height: auto;
}

#menu > div.ident a
{
color: #fff;
}

#menu > div.menu-topmenu-container
{

margin: 0px auto;
width: 50%;
height: auto;
text-align: center;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
justify-content: center;
justify-content:space-between;
align-content:space-between;
}

#menu > div.topmenu_right
{
float: left;
margin: 0px auto;
width: 25%;
height: auto;
}

#menu > div img
{
max-height: 160px;
}


div#content_topper
{
display: block;
width: 100%;
height: 166px;
}

/*superfish---------------------------------------------*/

/*** ESSENTIAL STYLES ***/
#menu-topmenu, #menu-topmenu *
{
margin:			0;
padding:		0;
list-style:		none;
}

#menu-topmenu
{
line-height:	1.0;
}

#menu-topmenu ul
{
position:		absolute;
top:			-999em;
width:			213px; /* left offset of submenus need to match (see below) */
}

#menu-topmenu ul li
{
width:			100%;
}

#menu-topmenu li:hover
{
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu-topmenu li
{
float:			left;
position:		relative;
}
#menu-topmenu a
{
display:		block;
position:		relative;
}

#menu-topmenu li:hover ul
{
left:			0px;
top:			44px; /* match top ul list item height */
z-index:		99;
}

ul#menu-topmenu li:hover li ul
{
top:			-999em;
}

ul#menu-topmenu li li:hover ul
{
left:			200px; /* match ul width */
top:			0;
}

ul#menu-topmenu li li:hover li ul
{
top:			-999em;
}

ul#menu-topmenu li li li:hover ul
{
left:			10em; /* match ul width */
top:			0;
}


/*** DEMO SKIN ***/


#menu-topmenu
{

height: auto;
margin: 60px auto 0 auto;
padding: 0px;
font-family: 'Open Sans', arial, sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
}

#menu-topmenu a
{
text-decoration: none;
}

#menu-topmenu li
{
float: left;
margin: 0px 2px 0px 2px;
width: auto;
}

#menu-topmenu li a
{
margin-left: 0px;
padding: 15px 25px 15px 25px;
color: #fff;
text-align: center;
background: #4c4c4c;
}

#menu-topmenu li a:hover
{
color: #fff;
background: #e6b72f;
}

#menu-topmenu ul.sub-menu
{
float: left;
display: block;
margin: 2px 0 0 -6px;
padding: 0px 6px 6px 6px;
background: rgba(255, 255, 255, .4);
}

#menu-topmenu li li
{
float: left;
margin-left: 0px;
width: 100%;
border-top: 0px;
}

#menu-topmenu li li a
{
width: auto;
margin-top: 0px;
padding: 15px 15px 15px 15px;
font-size: 14px;
line-height: 20px;
color: #e6b72f;
background: #fff;
}

#menu-topmenu li li a:hover
{
color: #fff;
background: #48678f;
border-top: 0px;
}

#menu-topmenu li li.menu-item-object-category a
{
display: none;
}

#menu-topmenu li.current-menu-item a, #menu-topmenu li.current_page_ancestor a
{
color: #fff;
background: #e6b72f;
}

#menu-topmenu li.current-menu-item li a, #menu-topmenu li.current_page_ancestor li a
{
color: #e6b72f;
background: #fff;
}

#menu-topmenu li.current-menu-item li a:hover, #menu-topmenu li.current_page_ancestor li a:hover
{
color: #fff;
background: #e6b72f;
}

#menu-topmenu li.current-menu-ancestor li a, #menu-topmenu li.current-menu-ancestor li a
{
color: #e6b72f;
}

#menu-topmenu li.current-menu-ancestor li a:hover, #menu-topmenu li.current-menu-ancestor li a:hover
{
color: #fff;
background: #e6b72f;
}


#menu-topmenu li.current-menu-parent a
{
color: #fff;
background: #e6b72f;
}

@media screen and (max-width: 1024px) {   
#wrapper
{
clear: both;
margin: 0 auto;
width: 96%;
max-width: 1200px;
padding: 0px;
box-sizing: border-box;
}

div.footer_teaser
{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 96%;
padding: 0px;
}

div.footer_teaser > div
{
width: auto;
max-width: 100%;
}

div.footer_teaser > div ul
{
float: left;
margin: 0 0 0 -6px;
}

div.footer_teaser > div ul li
{
float: left;
margin: 0 10px 0 0px;
padding: 0;
}

.product_box > div > div > div.button_shop
{
clear: both;
float: left;
display: block;
margin: 10px 0 0 0;
width: 100%;
padding: 10px;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
box-sizing: border-box;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.product_box > div > div > div.button_shop a img
{
float: left;
margin: 0 24px 0 -10px;
width: 26%;
}

section#content .headline
{
clear: both;
position: relative;
top: -76px;
z-index: 444;
width: 96%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

.product_box div.product_description
{
height: 80px;
}
}

@media screen and (max-width: 800px) {
.ani
{
opacity: 1;
}

.visible
{
opacity: 1;
}

nav {
display:none;
}

 .slicknav_menu
{
display: block;
position: fixed;
z-index: 9999;
transition:transform .25s .1s ease-in-out;
}

.down .slicknav_menu
{
transform:translate3d(0, -196px, 0);
}

.logo_screen
{
display: none;
}

.logo
{
float: left;
width: 120px;
height: 40px;
}

.logo_mobile
{
width: 100%;
max-width: 100%;
height: auto;
}

div#content_topper
{
display: block;
width: 100%;
height: 90px;
}

section#content .headline
{
clear: both;
position: relative;
top: -76px;
z-index: 444;
width: 96%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content h1
{
width: auto;
display: inline;
padding: 4px 14px 4px 14px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 46px;
line-height: 50px;
text-transform: uppercase;
letter-spacing: 4px;
color: #fff;
background: #3b3b3b;
}

.teaser_home
{
float: left;
width: 100%;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}

.teaser_home > div
{
float: left;
width: 100%;
padding: 0px;
box-sizing: border-box;
}

.teaser_home > div > div
{
clear: both;
margin: 10px 0 10px 0;
padding: 10px;
box-sizing: border-box;
}

.teaser_home > div > div img
{
width: 15%;
}

.teaser_home > div.home_teaser_middle_top
{
display: block;
float: left;
width: 100%;
padding: 0px;
box-sizing: border-box;
}

.teaser_home > div.home_teaser_middle
{
display: none;
float: left;
width: 33%;
padding: 40px;
box-sizing: border-box;
}

.product_box > div > div > div.button_shop
{
clear: both;
float: left;
display: block;
margin: 10px 0 0 0;
width: 100%;
padding: 10px;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
box-sizing: border-box;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.product_box > div > div > div.button_shop a img
{
float: left;
margin: 0 24px 0 -10px;
width: 36%;
}

.product_box > div > div.product_info h3
{
font-size: 18px !important;
line-height: 24px;
}

.product_box div.product_description
{
height: 120px;
}
}

@media screen and (max-width: 600px) {

/*Produkt-Selling*/
div.product_seller
{
width: 100%;
}	

nav {
display:none;
}

 .slicknav_menu
{
display: block;
position: fixed;
z-index: 9999;
transition:transform .25s .1s ease-in-out;
}

.down .slicknav_menu
{
transform:translate3d(0, -196px, 0);
}

img.logo_screen
{
display: none;
}

section#content .headline
{
clear: both;
position: relative;
top: -56px;
z-index: 444;
width: 96%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content h1
{
display: inline;
padding: 4px 8px 4px 8px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 30px;
line-height: 34px;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
background: #3b3b3b;
}

div.home_teaser > div
{
float: left;
min-width: 100%;
margin: 0px;
padding: 30px 0px 20px 0;
}

.teaser_home > div > div img
{
width: 20%;
max-width: 100%;
height: auto;
}

.product_box > div
{
float: left;
width: 100%;

}

.product_box > div > div
{
float: left;
height: auto !important;
}

.product_box img
{
float: left;
width: 400%;
max-width: 100%;
height: auto;
}

.product_box > div > div > div.button_shop a img
{
width: 15%;
}

.product_box > div > div.product_info h3
{
font-size: 30px !important;
line-height: 36px;
}

.product_box div.product_description 
{
width: 100%;
height: auto;
}
}


@media screen and (max-width: 414px) {
img.logo_mobile
{
width: 100%;
height: auto;
}

section#content .headline
{
clear: both;
position: relative;
top: -48px;
z-index: 444;
width: 96%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content h1
{
display: inline;
padding: 4px 8px 4px 8px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 22px;
line-height: 26px;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
background: #3b3b3b;
} 

section#content h2
{
font-size: 36px;
line-height: 40px;
}

section#content h3
{
font-size: 20px;
line-height: 24px;
}

section#content
{
box-sizing: border-box;
}

section#content #content_post
{
float: left;
padding: 10px;
width: 100%;
box-sizing: border-box;
}

.teaser_home > div > div img
{
width: 30%;
}

.teaser_footer > div
{
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
width: 100%;
}

.teaser_footer > div > div
{
width: 90%;
margin: 15px 0px 15px 0px;
}

.product_box > div > div > div.button_shop a img
{
width: 20%;
}

.product_box > div > div.product_info h3
{
font-size: 26px !important;
line-height: 36px;
}
}

@media screen and (max-width: 375px) {
section#content .headline
{
clear: both;
position: relative;
top: -44px;
z-index: 444;
width: 96%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content h1
{
display: inline;
padding: 6px 8px 4px 8px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
background: #3b3b3b;
} 

section#content h2
{
font-size: 30px;
line-height: 34px;
}

.teaser_home > div.home_teaser_middle_top
{
display: block;
float: left;
width: 100%;
padding: 0px;
box-sizing: border-box;
}  

div.home_teaser_middle_top img
{
width: auto;
max-width: 90%;
height: auto;
text-align: center;
}
}


@media screen and (max-width: 330px) {
section#content .headline
{
clear: both;
position: relative;
top: -30px;
z-index: 444;
width: 80%;
margin: 0px auto;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}

section#content h1
{
display: inline;
padding: 4px 8px 4px 8px;
font-family: 'bebas_neuebold';
font-weight: normal;
font-style: normal;
font-size: 26px;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
background: #3b3b3b;
}

section#content h2
{
font-size: 30px;
line-height: 34px;
}

}