body { width:100%; color:#241f1e; font-family: 'Arial', sans-serif; font-size: 14px; padding:0; margin:0; line-height:20px; height:100%; background: #eee; }







h1 { font-size:20px; line-height:25px; color:#d31219; padding:0; margin:0 0 20px 0; font-weight:300; font-family: 'Arial', sans-serif; }



h2 {  font-size:17px; color:#d31219; padding:0; margin:0 0 20px 0; font-weight:300; line-height: 25px; font-family: 'Arial', sans-serif;}

h2.firma {  font-size:24px; color:#000; margin:0 0 5px 0; line-height: 29px; }

h2 .red { color:#d31219; }



h3 { font-size:14px; line-height:30px; color:#d31219; /*padding:0 10px;*/ margin:0 0 20px 0; font-weight:normal; /*background:#fbba16;*/ display:inline-block; }



.subBox .subBoxTitle { font-size:20px; line-height:25px; color:#d31219; padding:0; margin:0 0 20px 0; font-weight:300; font-family: 'Arial', sans-serif; }







a	{ color:#d31119; text-decoration:none; outline:none; }



a:hover { color:#241f1e; text-decoration:none; }







/* ### FRAME ################################################################################################# 



############################################################################################################ */



.container { max-width:1000px; }



.contentContainer { margin:20px 40px 0 40px; }



#content {  background:#fff; box-shadow: 2px 2px 8px #aaa; }







/*Standards*/



.colored { color:#d31219; }







/*Content*/



.header { position:relative; height:124px; background:#d31119 url(../images/bgHeader.png) no-repeat; margin:0 40px 0 40px;   } 



.header .logo a { position:absolute; height:160px; width:229px; right:40px; top:0; background: url(../images/logo.png) no-repeat; } /*left:613px; */ 



.header .slogan { position:absolute; left:40px; top:90px; color:#fff; font-size: 14px; letter-spacing:2px;  } 



.header .options { position:absolute; right:40px; top:36px; } 



.header .options a { color:#aaa; margin-left:20px; font-size:12px; }







.social a { position:absolute; right:0; top:0; width:40px; height:40px; background: url(/frontend/images/social/smSprite40.png) 0 0 no-repeat;} 



.social a.facebook { background-position:0 0; background-color:#aaa; } 



.social a.facebook:hover { background-position:-40px 0;} 


.social a.instagram { background: url(../images/instagram_link.png) 0 0 no-repeat; background-color:#aaa; right:40px; } 



.social a.instagram:hover { background: url(../images/instagram_hover.png) 0 0 no-repeat; } 



.social a.xing { background-position:0 -480px; background-color:#aaa; right:120px;} 



.social a.xing:hover { background-position:-40px -480px; background-color:#aaa; } 



.social a.youtube { background-position:0 -200px; background-color:#aaa; right:160px;} 



.social a.youtube:hover { background-position:-40px -200px; background-color:#aaa; } 



.social a.twitter { background-position:0 -40px; background-color:#aaa; right:80px;} 

.social a.twitter:hover { background-position:-40px -40px; background-color:#aaa; } 











.mainmenu { position:relative; margin:80px 40px 0 40px; background:#eee; height:40px; padding:0; font-family: 'Arial', sans-serif; z-index:99000; }



.mainmenu ul li ul { margin: 0; }



.mainmenu li { float:left; position:relative; z-index:5000; height:40px; line-height:40px;  margin: 0; padding:0; display: inline !important; }



@media(min-width:992px) { /*768px*/



.mainmenu li:hover { background:#241f1e; border-bottom:2px solid #d31219; color:#fff;}



.mainmenu li:hover a { background:#241f1e; border-bottom:2px solid #d31219; color:#fff;}



.mainmenu li:hover a ul li a.drop { padding-bottom:0;  }



}



.mainmenu li.onCat a {  background:#241f1e; border-bottom:2px solid #d31219; color:#fff;  }







.mainmenu li a { display:block; font-size:14px; line-height:38px; padding:0 12px; margin:0; color:#3c5362;  font-weight:400; text-decoration:none; text-transform:uppercase; border:none; border-bottom:2px solid #eee;   }



@media(min-width:992px) { /*768px*/



	.mainmenu li a:hover {  border-bottom:2px solid #d31219; }



	.mainmenu li a.onSite { }



	.mainmenu li.rightonCat  { background:#98b0c1; }



	.mainmenu li.rightonCat a { background:#98b0c1; color:#fff;  }



}



.mainmenu ul ul { visibility:hidden; position:absolute; top:40px; left:0; width:270px; padding:15px 0 10px 0; background:#bbb; border-bottom:2px solid #d31219;}



.mainmenu ul li.last ul { right:0;  }



@media(min-width:992px) { /*768px*/



	.mainmenu ul li:hover ul li { height:30px; width:100%; }



	.mainmenu ul li:hover ul li:hover { background:none; }



	.mainmenu ul li:hover ul li a { display:block;  line-height:30px; font-size: 13px; padding:0 15px; color:#fff; text-decoration:none; margin:0; background:#bbb; border:none;  }



	.mainmenu ul li:hover ul li a:hover { color:#d31219; }



	.mainmenu ul li:hover ul li a.onSite {  }



	



	.mainmenu ul li:hover ul { visibility:visible; }



	.mainmenu ul a:hover ul { visibility:visible; }



}



.mainmenu li.close { display:none !important; position:absolute; top:-30px; }







.contentframe { padding:0; }



.sub { }



/*.id19895 { border: 1px solid #c00; margin-left:0!important; }







.gallery {  }







.gallery .col-lg-12 { padding-left:0!important; padding-right:0!important; }



.gallery .row { margin-left:0!important; margin-right:0!important; }



*/







img.motiv { margin:20px 40px 0 40px; } 







/*SubBox */



.subBox { margin-bottom:0;  background:#eee; padding:20px; }



.subBox.menu {  } 



.subBox.menu li a { display:block; line-height:20px; margin:0 0 10px 0; font-size:15px; color:#aaa; border:none; padding: 0; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; }



.subBox.menu li.onCat a { color:#d31219; }



.subBox.menu li a:hover { color:#d31219;} 



.subBox.menu li.onCat  li a { display:block; color:#aaa;  line-height:20px; padding:0 0 0 15px; margin:0; font-size:12px; border:none; }



.subBox.menu li.onCat  li.onCat a { color:#d31219; }



.subBox.menu li.onCat  li a:hover { color:#d31219; }  



.subBox.menu li.onCat  li.last a {  }





.subBox.text.id1033 { padding-top:0; }

.subBox.text.id1033 p a em { margin-right:10px; }







.subBox.newsticker { background:#eeeeee; padding:20px;  }



.subBox.newsticker ul li { border-top:1px solid #fff; padding:5px 0; }



.subBox.newsticker ul li:first-child { border-top:0px solid #fff; }



.subBox.newsticker ul .date { display:none; float:none; line-height:20px; padding:0; margin:0; font-size:13px; color:#444; border-left:0; }



.subBox.newsticker ul .date img { display: inline-block; }



.subBox.newsticker ul .title a { padding:0; border-width:0; margin:0 0 20px 0; font-size:13px; line-height:20px; background:none; }



.subBox.newsticker ul .teaser { border:none; margin:5px 0 0 0; }



.subBox.newsticker img.tickerThumb { display: none !important; width: 50px; }







.subBox.newsCats a.newsarchiv { display:none; }



.subBox.newsCats .titleL { float:left !important; width:200px !important;  }



.subBox.newsCats .count { float:right; }



.subBox.newsticker { background:#eeeeee; padding:20px;  }



.subBox.sortiment_bild { background:#eeeeee; padding:20px 20px 0 20px; text-align:center; margin:0;  }



.subBox.sortiment_bild img { border:1px solid #98b0c1; border-width: 10px 18px 10px 19px  }



.subBox.sortiment_text { background:#eeeeee; padding:20px;  }







.footer { margin-top:40px; padding:0; height:60px; color:#fff; background:#241f1e; font-size:12px; line-height:20px; }



.footer .row { padding:0; margin:0;  }



.footer .one { padding:20px 40px 0 40px; height:60px; background:#d31119; }



.footer .two { padding:20px 30px; }



.footer .two span { display:block; float:left; width:40px; }



.footer .three { padding:20px 40px; }



.footer .four { padding:20px 0; }







.footer a { color:#fff; }



.footer a:hover { color:#d31119; }







/* Home */



.home { padding:40px 40px 0 40px; }







.moreDiv { padding:20px; background:#eeeeee; display:none; }







.news .date { }







ul.newsList .row { border-top:1px solid #eeeeee; padding:25px 0; margin:0!important; text-align:justify; }



ul.newsList li:first-child { border-top:0px solid #fff; }



ul.newsList li p { margin:0; padding:0;  }



ul.newsList .title { font-weight:normal!important; margin-bottom:20px;  }



ul.newsList .boxText { max-width: 100%;}



ul.newsList .date { font-weight:normal!important;  font-size:12px; color:#888; }







ul.news li { border-top:1px solid #eeeeee; padding:25px 0; margin:0!important;  text-align:justify;}



ul.news li:first-child { border-top:0px solid #fff; }



ul.news li p { margin:0; padding:0;  }



ul.news li .title { font-weight:normal!important;  }



ul.news .date { font-weight:normal!important;  font-size:12px; color:#888; }



ul.news .title { font-weight:normal!important; margin-bottom:20px;  }







.news.article { text-align:justify; }



.news.article .date { font-weight:normal!important;  font-size:12px; color:#888; margin-bottom:20px; }



.news.article .title { font-weight:normal!important; margin-bottom:20px;  }







.homeSlideshow ul { height:400px; }



.homeSlideshow img { width:100%; display:block; }



.homeSlideshow { margin:20px 40px 0 40px; }



.adresse strong { font-weight:normal; width:60px; display:inline-block; }



a.facebook span { display:block; float:left; width:18px; height:18px; background:#fff url(/frontend/images/social/smSprite18.png) -36px 0 no-repeat; margin:2px 5px 0 0; }



.homeSlideshow .slideshow { background:#eeeeee; padding:20px; margin-top:20px; }



.homeSlideshow .adresse { background:#eeeeee; padding:16px 20px; margin-top:20px; }



.homeSlideshow h2 { margin-bottom:5px;  }



/*Slider */ 



.sliderA { position:absolute; bottom:20px; right:20px; line-height:40px; height:40px; padding:0 20px; color:#d31219; z-index:2000; font-size:16px; font-weight:300; background:#eeeeee; }



.sliderB { position:absolute; top:0; left:150px; line-height:20px; font-family: Arial; color:#d31219; z-index:4000; font-size: 12px; text-shadow: 2px 2px 5px #000; } 











#expand { display:none; cursor:pointer; line-height:40px; padding-left:15px; color: #d31219; font-size:14px; }



#expand i { font-size:18px; padding-right:4px; margin-top:2px; }



@media(max-width:991px) {

	

	.header { background-size:90%; background-position:left center; }

	

	.footer { height:auto; }

	

}





@media(max-width:991px) { /*768px*/



        #nav > ul > li > a {



            color: red;



        }



        .header {



         /*   width: 91%;

            margin: 0 auto;*/
			
			margin: 0 15px;


            position: relative;



            height: 124px;



            background: #d31119 url(../images/bgHeader.png) no-repeat;



            background-position: left;



            background-size: 100%;






        }



        .header .logo a {



            position: absolute;



 /*           height: 43px;






            width: 61px;
left: 613px;*/

left:auto; height:124px; width:160px;


            padding: 0;
			
            background-color: white;



            



            top: 0;



            background: url(../images/logo.png) no-repeat;


background-size: 80%;  background-position:top center;

            /* background: url(../images/logo.png) no-repeat; */



            background-color: white;



        }



	#nav { display:none; background: #eee; z-index: 99999999; position: relative; }



	.mainmenu a { display:block; padding:0 15px!important; line-height: 32px; }



	.mainmenu ul ul li a:hover { color:#d31219; }



	.mainmenu li.onCat { background:none;  }



	.mainmenu li a.onSite { background:#98b0c1;  }



	.mainmenu li { float:none; display:block!important; height:auto; padding:0; }



	.mainmenu ul ul { visibility:visible; position:static; top:auto; left:auto; padding:5px 0 4px 15px; background:none; width:auto; }



	.contentContainer,



	.stores,



	.homeSlideshow { margin:15px 15px 0 15px; }



	.mainmenu { margin:0 15px; }



	.header .signet { right:15px;  padding:0 7px; line-height:32px;  font-size: 12px; }



	.header .social a { right:88px; width:32px; height:32px; background: url(/frontend/images/social/smSprite30.png) no-repeat;} 



	.header .social a.facebook { background-position:-60px 0;} 



	.header .social a.facebook:hover { background-position:0 0;} 



	.footer {  } /*margin-top:15px; padding:8px 15px 15px 15px;*/






	#expand { display:block; }



}



@media(max-width:609px) { 
        .social {right: 0px; top:0px !important;}
	.header .logo a { right:40px; width:120px; background-position:center center; }
        .pageBox.image img {width: 100% !important;}

}

@media(max-width:509px) { 


	.header { height:198px; background-size:600px; background-position:bottom left; }

	.header .logo a {  height: 104px; width:160px; background-position:top center; }

}

@media(max-width:459px) { 


	.header { height:188px; background-size:550px; }

}

@media(max-width:429px) { 


	.header { height:178px; background-size:480px; }

}

@media(max-width:409px) { 


	.header { height:218px; background-position:bottom 0px left 5px; }

	.header .logo a {  height: 144px; width:225px; left:15px; right:auto;  }
	
	.social { float:none; position:absolute; width:200px; height:40px; top:40px; }

}

@media(max-width:389px) {
	
	
	.header { height:188px; background-size:380px; }

	.header .logo a {  height: 124px; width:195px; }
	
}

h2 table td { width:33%; }