@charset "utf-8";
/* CSS Document */

@media only screen and (min-width : 1220px) {

#mobillogo {
display: none;
}
  
#mobiltlf {
display: none;
}   
  
#header {
width: 100%;
height:120px;
position:fixed;
z-index:100;
background:#FFCD1C;
}

#toplinecontent {
width: 100%;
height:35px;
float: left;
background: #5A290F;
}    
    
#topline {
width: 1220px;
height:35px;
margin-left: auto;
margin-right: auto;
} 
    
#topline .toplineleft {
width: 50%;
height:35px;
float: left;
}     

#topline .toplineright {
width: 50%;
height:35px;
float: right;
}     
#topline .toplineleft p,
#topline .toplineright p {
font-size:14px;
color:#fff;
font-weight:500;
line-height: 7px;    
}    
   
#headercontent {
width: 1220px;
height:120px;
margin-left:auto;
margin-right:auto;
}

#logo {
width: 200px; 
height: auto;
float:left;
}

#logo img {
width: 100%; 
height: auto;
}
    
#soegefelt {
width: 570px; 
height: 40px;
margin-top:25px;
margin-left:150px;
float:left;
} 
    
#soegefelt .visually-hidden.finder {
display: none;
}
    
#soegefelt #mod_virtuemart_search.inputboxsoegefelt {
width: 500px;
height:20px; 
border: none;
border-radius: 5px 0px 0px 5px;
padding: 8px;
}    

#soegefelt div.moduletable.soegefelt form div.searchsoegefelt input.buttonsoegefelt {
width: 50px; 
height:36px; 
border: none;
border-radius: 0px 5px 5px 0px;
padding: 8px;
background: #5A290F; 
color: white;
font-size:13px;
font-weight: 600;
}  
    
#topright {
width: 210px;
height: 90px;
float:left;
margin-left: 90px;
} 
    
#topright p {
color:#5A290F;
font-size:12px;
font-weight: 400;
text-decoration: none;
}       
       
#mainmenucontent {
width: 100%;
height:50px;
float: left;
background:#fefefe;
margin-top:-5px;
box-shadow: 0px 5px 12px #eee;
}

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 1220px;
height: 50px;
margin-left:auto;
margin-right:auto;
}
    
#mainmenu ul {
display:inline;
text-align:center;
float:left;
}

#mainmenu ul li {
display:inline;
text-align:center;  
}

#mainmenu a {
text-decoration:none;
line-height: 17px;
padding-left: 0px;
padding-right: 0px;
padding-top:15px;
padding-bottom:16px;
padding-left:26px;
padding-right:26px;      
font-size:17px;
color:#5A290F;
font-weight:500;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:none;
color:#fff;
background:#5A290F;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul .current a {
text-decoration:underline;
}   

#mobilmenu {
display:none;
} 
    
#footer {
width: 100%;
height: 320px;
float:left;
background-image: url("/images/footer-bg.jpg");  
background-position: bottom left; 
color:#5A290F; 
padding-top: 60px;

}
    
#footermid {
width: 1220px;
height: 320px;
margin-left:auto;
margin-right:auto;
color:#5A290F; 

}    

#footer h3 {
width:300px;    
color:#5A290F;
font-size:22px;
font-weight: 500;
text-decoration: none;
margin-top:0px;
}     
    
#footer p {
color:#5A290F;
font-size:14px;
font-weight: 500;
text-decoration: none;
}  
    
#footer a:link,
#footer a:visited {
color:#5A290F;
font-size:14px;
line-height: 15px;
font-weight: 500;
text-decoration: none;
}
    
#footer a:hover {
text-decoration: underline !important;
}    
     
#footerbox1 {
width: 28%;
height: auto;
float:left;
color:#5A290F;  
}
    
#footerbox2 {
width: 16%;
height: 260px;
float:left;
color:#5A290F; 
padding-left:3%;   
}    
    
#footerbox3 {
width: 17%;
height: 260px;
float:left;
color:#5A290F; 
padding-left:3%; 
}    
    
#footerbox4 {
width: 17%;
height: auto;
float:left;
color:#5A290F; 
margin-top: -5px;
}    
    
#footerbox5 {
width: 15%;
height: auto;
float:left;
color:#5A290F; 
margin-top: -5px;
}
    
#copyright {
width: 100%;
height: 60px;
float:left;    
background: #5A290F;
}
    
#copyrightcontent {
width: 1220px;
height: 60px;
margin-left:auto;
margin-right:auto;
color:#5A290F;       
}
    
#copyrightcontent .copyrightleft {
width: 50%;
height: 60px;
float:left;
} 
    
#copyrightcontent .copyrightright {
width: 50%;
height: 60px;
float:right;
text-align: right;    
}       
    
#copyright p {
color:#fff;
line-height: 12px; 
font-size:14px;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}


body{
font-family: 'Ubuntu', sans-serif;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */  
}  
    
}


/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1219px) {

#mobillogo {
display: none;
}
  
#mobiltlf {
display: none;
}   
  
#header {
width: 100%;
height:120px;
position:fixed;
z-index:100;
background:#FFCD1C;
}

#toplinecontent {
width: 100%;
height:35px;
float: left;
background: #5A290F;
}    
    
#topline {
width: 96%;
height:35px;
margin-left: 2%;
margin-right: 2%;
} 
    
#topline .toplineleft {
width: 50%;
height:35px;
float: left;
}     

#topline .toplineright {
width: 50%;
height:35px;
float: right;
} 
  
#topline .toplineleft p,
#topline .toplineright p {
font-size:14px;
color:#fff;
font-weight:500;
line-height: 7px;    
}    
   
#headercontent {
width: 96%;
height:120px;
margin-left:2%;
margin-right:2%;
}

#logo {
width: 30%; 
height: auto;
float:left;
}

#logo img {
width: 190px; 
height: auto;
}
    
#soegefelt {
width: 45%; 
height: 40px;
margin-top:25px;
float:left;
} 
    
#soegefelt .visually-hidden.finder {
display: none;
}
    
#soegefelt #mod_virtuemart_search.inputboxsoegefelt {
width: 80%;
height:20px; 
border: none;
border-radius: 5px 0px 0px 5px;
padding: 8px;
}    

#soegefelt div.moduletable.soegefelt form div.searchsoegefelt input.buttonsoegefelt {
width: 50px; 
height:36px; 
border: none;
border-radius: 0px 5px 5px 0px;
padding: 8px;
background:#5A290F; 
color: white;
font-size:13px;
font-weight: 600;
}  
    
#topright {
width: 25%;
height: 90px;
float:left;
text-align: right;
} 
    
#topright p {
color:#5A290F;
font-size:12px;
font-weight: 400;
text-decoration: none;
float: right;
}       
       
#mainmenucontent {
width: 100%;
height:50px;
float: left;
background:#fefefe;
margin-top:-5px;
box-shadow: 0px 5px 12px #eee;
}

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 100%;
height: 50px;
float: left;
}
    
#mainmenu ul {
display:inline;
text-align:center;
float:left;
}

#mainmenu ul li {
display:inline;
text-align:center;  
}

#mainmenu a {
text-decoration:none;
line-height: 17px;
padding-top:15px;
padding-bottom:16px;
padding-left:12px;
padding-right:12px;      
font-size:16px;
color:#5A290F;
font-weight:500;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:none;
color:#fff;
background:#5A290F;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul .current a {
text-decoration:underline;
}   

#mobilmenu {
display:none;
} 
    
#footer {
width: 100%;
height: 300px;
float:left;
padding-top: 60px;
background-image: url("/images/footer-bg.jpg");  
background-position: bottom left; 
color:#5A290F; 
padding-top: 60px;
}
    
#footermid {
width: 96%;
height: 300px;
margin-left:2%;
margin-right:2%;
color:#fff;       
}    

#footer h3 {
width:300px;    
color:#5A290F;
font-size:18px;
font-weight: 500;
text-decoration: none;
margin-top:0px;
}     
    
#footer p {
color:#5A290F;
font-size:14px;
font-weight: 400;
text-decoration: none;
}  
    
#footer a:link,
#footer a:visited {
color:#5A290F;
font-size:14px;
font-weight: 400;
text-decoration: none;
}
    
#footer a:hover {
text-decoration: underline !important;
}    
     
#footerbox1 {
width: 28%;
height: auto;
float:left;
color:#fff;  
}
  
#footerbox1 img {
width: 70%;
height: auto;
float:left;
margin-right:30%;
margin-bottom: 20px;
}  
    
#footerbox2 {
width: 16%;
height: 260px;
float:left;
color:#fff; 
padding-left:3%;   
}    
    
#footerbox3 {
width: 17%;
height: 260px;
float:left;
color:#fff; 
padding-left:3%; 
}    
    
#footerbox4 {
width: 17%;
height: auto;
float:left;
color:#fff; 
margin-top: -5px;
}    
    
#footerbox5 {
width: 15%;
height: auto;
float:left;
color:#fff; 
margin-top: -5px;
}
    
#copyright {
width: 100%;
height: 60px;
float:left;    
background:#5A290F;    
}
    
#copyrightcontent {
width: 96%;
height: 60px;
margin-left:2%;
margin-right:2%;
color:#fff; 
border-top: 1px solid #333;      
}
    
#copyrightcontent .copyrightleft {
width: 50%;
height: 60px;
float:left;
} 
    
#copyrightcontent .copyrightright {
width: 50%;
height: 60px;
float:right;
text-align: right;    
}       
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:14px;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
    text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}



body{
font-family: 'Ubuntu', sans-serif;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */  
}     
}

/************************************************************************************
For Smartphones
*************************************************************************************/

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

#toplinecontent {
display: none;
}
  
#soegefelt {
display: none;  
}  
    
#left {
display:none;
}

#logo {
display:none; 
}
   
#topright {
display:none;  
} 
  
#header {
width:100%;
height:60px;
float:left;
background:#FFCD1C;
position:fixed;
box-shadow: 1px 1px 4px #999;
z-index:1000;
}
    
#mainmenu {
display: none;
}
  
#mobillogo {
width: 120px; 
height: auto;
float:left;
 margin-top:-18px;
 margin-left:8px;
}

#mobillogo img {
width: 100%; 
height: auto;
}
  
#mobiltlf {
width: 122px; 
height: auto;
float:left;
margin-top:-10px;
margin-left:35px;
}

#mobiltlf p {
color:#5A290F;
line-height: 18px; 
font-size:16px;
font-weight: 500;
}   
    
#mobilmenutrigger {
width:40px;
height: auto;
float: right;
margin-right:15px;
margin-top:-7px;
}
    
#mobilmenutrigger .dj-mobile-open-btn {
background:none;
}
    
#mobilmenutrigger .fa.fa-bars {
background:none;
}

.parent a em.fa.fa-caret-down {
display:none;  
}    

#mobilmenutrigger button.menu {
float:right;
width:60px;
height:50px;
}

#mobilmenutrigger .app-bar {
width: 100%;
height: 60px;
z-index:2;
}
  
#dj-megamenu166offcanvas.dj-offcanvas.dj-offcanvas-light.dj-offcanvas-left.dj-fa-5.dj-offcanvas-opened {
margin-top: 60px;
}  

.navdrawer-container {
position: fixed;
width: 240px;
height: 100%;
color: #eee;
-webkit-transform: translate(-250px,0);
transform: translate(-250px,0);
z-index: 2;
font-size:13px;
margin-top:0px;
border-top:2px solid #eee;
background:#fff;
}

#mobilmenu .navdrawer-container ul li a {
display: block;
height: 10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
line-height: 10px;
text-decoration: none;
border-bottom:2px solid #eee;
color:#222 !important;
}

#footer {
width: 100%;
height: auto;
float:left;
background: #FFCD1C;  
background-image: url("/images/footer-bg.jpg");  
background-position: bottom left;
background-repeat: no-repeat;
color:#5A290F; 
margin-top:30px;
padding-top: 10px;
}
    
#footermid {
width: 96%;
height: auto;
float:left;  
margin-left:2%;
margin-right:2%;
color:#5A290F;       
}    

#footer h3 {
color:#5A290F;
font-size:22px;
font-weight: 500;
text-decoration: none;
margin-top:20px;
}     
    
#footer p {
color:#5A290F;
font-size:14px;
font-weight: 500;
text-decoration: none;
}  
    
#footer a:link,
#footer a:visited {
color:#5A290F;
font-size:14px;
font-weight: 500;
text-decoration: underline;
}
    
#footer a:hover {
text-decoration: underline !important;
}    
     
#footerbox1 {
width: 100%;
height: auto;
float:left;
color:#fff;  
text-align: center;
padding-bottom: 0px;  
}

#footerbox1 img {
width: 50%;
height: auto;
float:left;
margin-bottom:20px;
margin-left:25%;
margin-right:25%;  
}  
    
#footerbox2 {
width: 100%;
height: auto;
float:left;
color:#fff;  
text-align: center;
padding-bottom: 30px;
border-top: 1px dashed #d1b02d;   
}    
    
#footerbox3 {
width: 100%;
height: auto;
float:left;
color:#fff;  
text-align: center;
margin-bottom: -42px;
border-top: 1px dashed #d1b02d;
}    
    
#footerbox4 {
width: 100%;
height: auto;
float:left;
color:#fff;  
text-align: center;
margin-bottom: -45px;
}    
    
#footerbox5 {
width: 100%;
height: auto;
float:left;
color:#fff;  
text-align: center;
}
    
#copyright {
width: 100%;
height: 300px;
float:left;    
}
    
#copyrightcontent {
width: 96%;
height: 100px;
margin-left:2%;
margin-right:2%;
color:#fff; 
border-top: 1px dashed #d1b02d;    
padding-top:20px;
}
    
#copyrightcontent .copyrightleft {
width: 100%;
height: auto;
float:left;
text-align:center;    
} 
    
#copyrightcontent .copyrightright {
width: 100%;
height: auto;
float:left;
text-align:center;    
}       
    
#copyright p {
color:#5A290F;
line-height: 2px; 
font-size:14px;
}
    
#copyright a:link,
#copyright a:visited{
color:#5A290F;
line-height: 12px;
font-size:14px;
text-decoration: underline;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#5A290F;
text-decoration: none;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}

body{
font-family: 'Ubuntu', sans-serif;
background:white;  
margin:0px;
padding:0px;
}
    
}