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

/* =========changes Strato css =================*/



@media screen {
  .NavBarTop .NavigationElement > a:hover, .NavBarTop .NavigationElement.Active > a, .NavBarTop .NavigationElement:hover, .NavBarTop .NavigationElement.Active {
    background-color: #1ABC9C;
  }

  .NavBarTop .NavigationElement {
    height: 35px;
    margin-top: -10px;
    padding-top: 7px;
  }

  .ProductDetails .BasketIcon {
    display: none;
  }

  .ContentArea .ProductRating a,
  .ContentArea .ProductRating + p,
  .ContentArea .AdditionalLinks a,
  .ContentArea .AdditionalLinks .LinkAddShoppingList,
  .ContentArea .AdditionalLinks .LinkProductComparison,
  .ContentArea .InfoArea .InfoArea .availability-info,
  .ContentArea .Continue a {
    font-size: 0.85em;
  }

  .ShoppingList ~ .ep-uiInput-text {
    padding: 8px;
    margin-top: 2px;
  }

  .AddressDialog td.InputLabelling,
  .AddressDialog div.InputLabelling,
  .Dialog div.InputLabelling,
  .Dialog td.InputLabelling {
    width: 230px;
  }

  .ContentArea .BreadcrumbItem,
  .ContentArea .BreadcrumbItem:hover,
  .ContentArea .BreadcrumbLastItem {
    font-size: 14px;
  }

  /*-------------------------*/

  html.IsEditor, body {
      background-attachment: fixed;
  }

  button, input, textarea, select, .ep-uiInput, .ep-uiInput-base {
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
  }

  .ContextBox input.Action.RegisterLink{
      background: none;
      padding: 1px 0 0;
  }

  .mozilla .ContextBox input.Action{
      margin: 0 -3px;
  }

  a.Action,
  .Link.Action,
  .ListItemFreeContent,
  .ListItemImprint,
  .ListItemTermsAndConditions,
  .ListItemLink,
  .ListItemArticle,
  .ListItemCategory  {
      background: none;
      padding: 0px;
  }

  .HotDealFootFloatin, .HotDeal {
      overflow: visible;
  }

  .ContentArea h1 {
      margin: 0 0 20px;
  }

  .SearchElement {
      margin-top: 0;
  }

  /*-------------------------*/

  .GeneralLayout {
      max-width: 100%;
      width: 100%;
      padding: 0;
  }

  .Middle,
  .NavBarRoof .PropertyContainer,
  .Header .PropertyContainer,
  .NavBarTop .PropertyContainer,
  .NavBarBottom .PropertyContainer,
  .Footer .PropertyContainer {
    width: 1000px;
  
    margin: 0 0 0 auto;
  
  }

  .NavBarRoof,
  .Header,
  .NavBarTop,
  .NavBarBottom,
  .Footer {
      background-position: right top;
  }

  .NavBarLeft .ShopSlogan, .NavBarLeft .NavigationElement, .NavBarLeft .ContextBoxBody {
      padding: 2px 0px;
  }

  .NavBarLeft .ShopNameHead, .NavBarLeft .ContextBoxHead, .NavBarRight .ShopNameHead, .NavBarRight .ContextBoxHead{
      padding: 0px 0px;
  }

  .NavBarLeft .NavigationElement, .NavBarLeft .ContextBoxBody em a, .NavBarRight .NavigationElement, .NavBarRight .ContextBoxBody em a{
      padding: 0px 12px;
      background: url("https://shop.strato.de/WebRoot/StoreTypes/7.107.0/Strato/SF/ImageSet/Slate/img_actionlink.png") no-repeat left center;
  }

  .NavBarLeft .ContextBox .ContextBoxHead span,
  .NavBarLeft .ShopNameSlogan h1,
  .NavBarLeft .ContextBox .ContextBoxHead h1,
  .NavBarRight .ContextBox .ContextBoxHead span,
  .NavBarRight .ShopNameSlogan h1,
  .NavBarRight .ContextBox .ContextBoxHead h1  {
        height:27px;
        font-family: Open Sans;
  }

  .NavBarLeft .ShopNameSlogan .BoxContainer,
  .NavBarLeft .ContextBox .BoxContainer,
  .NavBarRight .ShopNameSlogan .BoxContainer,
  .NavBarRight .ContextBox .BoxContainer {
      padding: 0 0 15px 0;
  }

  .HotDeal {
      padding: 0 30px 0 0;
  }

  .Header,
  .Middle,
  .NavBarTop,
  .NavBarBottom {
    box-shadow: 0 1.006697654724121px 10px 0 rgba(0, 0, 0, 0.25);
  }
}


.GeneralLayout {
  width: 100%;
  max-width:100%;
  height: 100%; 
  margin: 0px auto 0 auto;  
}
.Div .Middle {
  max-width: 1150px;
  zoom:1;
  position:relative;
}
 @media screen {
   .Middle,
	   .NavBarRoof .PropertyContainer,
	   .Header .PropertyContainer,
	   .NavBarTop .PropertyContainer,
	   .NavBarBottom .PropertyContainer,
	   .Footer .PropertyContainer {
	     width: 100% !important;
		 max-width: 1150px;
	     margin: 0 auto;
	}
}
@media screen {
  .Middle_Mobile {
        width: 100% !important;
        max-width: 1350px;
        margin: 0 auto;
        background-color: #333;
   }
}
@media screen {
  .Mobile,
      .Footer {
        width: 100% !important;
        margin: 0 auto;
        background-color: #eeeeee;
   }
}
.Header .PropertyContainer {
  overflow: hidden;
  background-image: url("https://www.jj-promedia.de/img/bg_b1_2.png");
  /* background-color: #ff4e4e;
  background-color: #ff7676;*/
}
.Homepage {
    /* margin-left:0; */
    ; /* margin-right:0; */
    ;
    margin-top: 6px;
    padding-top: 6px
}
p {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:18px !important; 
	color:#666 !important; 
	font-weight:100 !important; 
	text-align: inherit !important;
}
.Linkcontainer {
  height:350px; 
  width:250px; 
  float:left !important; 
  background-color:#eeeeee;
  margin-right:13px; 
  margin-bottom:15px;
}
.Linkcontainer .Linkarea {
  margin-top: 25px; 
  margin-left: 32px;
}
.Linkcontainer .CtgrLink {
  text-decoration: none !important;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:20px; 
  color:#999; 
}
.Linkcontainer .Links {
  margin-top: 10px; 
  margin-left: 40px;
  color: #666666 !important;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:16px;
  text-decoration: none !important; 
}
.Label {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  border:none; 
}

.Label_footer {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 5px;
  margin-right: 5px;
  border:none;
}


/* ============= Mainbereich ===============   */

.maincontainer {
  background-color:#eee;
  padding-left: 40px;
  display:block;
  height:100%;
  width:100%px;
  /*float:left !important;*/
  padding-right:36px;
  padding-top:20px;
  margin-bottom:25px;
  margin-top:10px;
}

.maincontainer .main_area {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
}

.maincontainer  .main_Link {
  margin-left:0px;
  padding-left: 0px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration: none !important;
}

/* =============Mainbereich End ============  */


.Div .Footer .SizeContainer {
  float:left;
  background-color: #eeeeee;
  width: 100% !important;
}

.footcontainer {
  background-color:#333;
  padding-left: 20px;
  display:block;
  height:260px;
  width:300px;
  float:left !important; 
  margin-right:13px;
  margin-bottom:25px;
}

.footcontainer .footarea {
  float:left !important; 
  margin-top: 25px; 
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
}

.footcontainer  .footLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:16px;
  text-decoration: none !important; 
}

.footcontainer_123 {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:260px;
  float:left !important;
  margin-right:16px;
  margin-bottom:25px;
  margin-top:25px;
}

.footcontainer_123 .footarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
}

.footcontainer_123  .footLink {
  margin-left:0px;
  padding-left: 0px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration: none !important;
}

.footcontainer_end {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:260px;
  float:left !important;
  margin-right:0px;
  margin-bottom:25px;
  margin-top:25px;
}

.footcontainer_end .footarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
}

.footcontainer_end .footLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
}
/* mainbox start*/
.tableleft  {
  padding-left: 10px;
  margin-right:10px;
  margin-bottom:4px;
  margin-top:4px;
  width:48%;
  text-align: left;
}
.tableright  {
  padding-left: 10px;
  margin-right:10px;
  margin-bottom:4px;
  margin-top:4px;
  width:48%;
  text-align: -webkit-center;
}

@media screen and (max-width: 2350px){
  .mainbox_75 {
    background-color:#fff;
    padding-left: 0px;
    display:block;
    height:auto;
    width:790px;
    float:left !important;
    margin-right:16px;
    margin-bottom:0px;
    margin-top:0px;
  }
  .mainbox_25 {
    background-color:#fff;
    padding-left: 0px;
    display:block;
    height:auto;
    width:290px;
    float:left !important;
    margin-right:16px;
    margin-bottom:0px;
    margin-top:0px;
  }
  .tablebox_a  {
    background-color:#d6d6d6;
    padding-left: 0px;
    display: -webkit-box;
    height:auto;
    width:100%;
    float:left !important;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:0px;
  }
  .tablebox_b  {
    background-color:#eeeeee;
    padding-left: 0px;
    display:-webkit-box;
    height:auto;
    width:100%;
    float:left !important;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:0px;
  }
}

@media screen and (max-width: 2350px){
.mainbox_50 {
    background-color:#fff;
    padding-left: 0px;
    display:block;
    height:auto;
    width:48%;
    float: left !important;
    margin-right:16px;
    margin-bottom:0px;
    margin-top:0px;
  }
}

@media screen and (min-width:1151px) {
.mainbox {
  background-color:#333;
  padding-left: 20px;
  display:block;
  height:auto;
  width:540px;
  float:left !important;
  margin-right:13px;
  margin-bottom:25px;
  }

.mainbox .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }

.mainbox_123 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:540px;
  float:left !important;
  margin-right:16px;
  margin-bottom:0px;
  margin-top:0px;
  }

.mainbox_123 .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_123  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration: none !important;
  }

.supbox_25 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:270px;
  float:left !important;
  margin-right:8px;
  margin-bottom:0px;
  margin-top:0px;
  }

.mainbox_end {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:260px;
  float:left !important;
  margin-right:0px;
  margin-bottom:25px;
  margin-top:25px;
  }

.mainbox_end .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_end .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }
.tablebox_a  {
  background-color:#d6d6d6;
  padding-left: 0px;
  display: -webkit-box;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
}
.tablebox_b  {
  background-color:#eeeeee;
  padding-left: 0px;
  display:-webkit-box;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
  }
.mainbox_75 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:790px;
  float:left !important;
  margin-right:16px;
  margin-bottom:0px;
  margin-top:0px;
  }
}

@media screen and (min-width:951px) and (max-width:1150px) {
.mainbox {
  background-color:#333;
  padding-left: 20px;
  display:block;
  height:auto;
  width:540px;
  float:left !important;
  margin-right:13px;
  margin-bottom:25px;
  }

.mainbox .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }

.mainbox_123 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:450px;
  float:left !important;
  margin-right:16px;
  margin-bottom:0px;
  margin-top:0px;
  }

.footcontainer_123 {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:230px;
  float:left !important;
  margin-right:6px;
  margin-bottom:25px;
  margin-top:25px;
 }

.mainbox_123 .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_123  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration: none !important;
  }

.supbox_25 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:230px;
  float:left !important;
  margin-right:8px;
  margin-bottom:0px;
  margin-top:0px;
  }


.mainbox_end {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:260px;
  float:left !important;
  margin-right:0px;
  margin-bottom:25px;
  margin-top:25px;
  }

.mainbox_end .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_end .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }
.mainbox_75 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:16px;
  margin-bottom:0px;
  margin-top:0px;
  }
.tablebox_a  {
  background-color:#d6d6d6;
  padding-left: 0px;
  display: -webkit-box;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
  }
.tablebox_b  {
  background-color:#eeeeee;
  padding-left: 0px;
  display:-webkit-box;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
  }
}

@media screen and (min-width:751px) and (max-width:950px){
.mainbox {
  background-color:#333;
  padding-left: 20px;
  display:compact;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:13px;
  margin-bottom:25px;
  }

.mainbox .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }

.mainbox_123 {
  background-color:#fff;
  padding-left: 0px;
  display:compact;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:16px;
  margin-bottom:25px;
  margin-top:25px;
  }

.mainbox_123 .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_123  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration: none !important;
  }

.supbox_25 {
  background-color:#fff;
  padding-left: 0px;
  display:block;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:8px;
  margin-bottom:0px;
  margin-top:50px;
  }


.mainbox_end {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:260px;
  float:left !important;
  margin-right:0px;
  margin-bottom:25px;
  margin-top:25px;
  }

.mainbox_end .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_end .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }
}

@media screen and (max-width: 750px){
.mainbox {
  background-color:#333;
  padding-left: 20px;
  display:compact;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:13px;
  margin-bottom:25px;
  }

.mainbox .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }

.mainbox_123 {
  background-color:#fff;
  padding-left: 0px;
  display:compact;
  height:auto;
  width:100%;
  float:left !important;
  margin-right:16px;
  margin-bottom:25px;
  margin-top:25px;
  }

.mainbox_123 .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_123  .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-decoration: none !important;
  }

.mainbox_end {
  background-color:#eee;
  padding-left: 20px;
  display:block;
  height:180px;
  width:260px;
  float:left !important;
  margin-right:0px;
  margin-bottom:25px;
  margin-top:25px;
  }

.mainbox_end .mainboxarea {
  float:left !important;
  margin-top: 25px;
  margin-left: 0px;
  padding-left: 0px;
  font-size:24px;
  font-family:arial,verdana,helvetica;
  color:#ffed2e;
  }

.mainbox_end .mainboxLink {
  margin-left:0px;
  padding-left: 0px;
  color: #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration: none !important;
  }
}

/* mainbox end */

.ContentArea a,
.ContentArea .Link,
.ExtractedContentAreaElement a,
.ExtractedContentAreaElement .Link {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000 !important;
}

.Div .ContentArea {
  padding-top: 0px !important;
}

/*a {
    text-decoration: none;
    outline: none;
    background-color: transparent; 
	color: #333 !important;
}*/

.Footer p,
.Footer td {
  margin:0;
  padding: 0 4px 0 0px !important;
}
/* =========changes Strato css =================*/

.banner {
  width: 100%; 
  background-color: #d4e44e; 
  font-size: 24px !important;
  font-weight:400 !important;
  font-family:Arial, Gadget, sans-serif !important; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  margin-left: 0px; 
  margin-right: 0px;
  margin-bottom: 10px;
  color:#333;
}
@media screen and (max-width: 450px) {
    .hide_banner {
      width: 100%;
      background-color: #d4e44e;
      font-size: 24px !important;
      font-weight:400 !important;
      font-family:Arial, Gadget, sans-serif !important;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      color:#333;
      display: none;
    }
}
@media screen and (min-width: 450px) {
    .hide_banner {
      width: 100%;
      background-color: #d4e44e;
      font-size: 24px !important;
      font-weight:400 !important;
      font-family:Arial, Gadget, sans-serif !important;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      color:#333;
      display: block;
    }
}
/* Add a black background color to the top navigation */
.topnav1 {
  background-color: #ff4e4e !important;
  overflow: hidden !important;
  width: auto !important;
  padding-top: 0px;
  border-radius: 0px;
}

/* Style the links inside the navigation bar */
.topnav1 a {
  float:left;
  display: block;
  color: #CCC;
  text-align: center;
  padding: 0px 0px;
  text-decoration: none;
  font-size: 16px;
}

.topnav_sm a {
  float:left;
  display: block;
  color: #CCC;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  font-size: 16px;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown1 {
  float:left;
  margin-bottom: 0px;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown1 .dropbtn1 {
  list-style:none;
  font-size: 17px; 
  border: none;
  outline: none;
  color: #FFF;
  padding: 5px 5px;
  background-color: inherit;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  padding-top: 0px;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content1 a {
  float:none;
  color: black;
  padding: 3px 6px;
  text-decoration: none;
  display: inline-block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav1 a:hover, .dropdown1:hover .dropbtn1 {
  background-color: #CCC!important;
  color: #FFF !important;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content1 a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown1:hover .dropdown-content1 {
  display: block;
}

/* Add a black background color to the top navigation */
.topnav2 {
  overflow: hidden !important;
  width: auto !important;
  padding-top: 0px;
  border-radius: 0px;height: 50px;
  margin-bottom: 10px;
}

/* Style the links inside the navigation bar */
.topnav2 a {
  float:left;
  display: block;
  color: #CCC;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 16px;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown2 {
  float:left;
  margin-bottom: 0px;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown2 .dropbtn2 {
  list-style:none;
  font-size: 17px; 
  border: none;
  outline: none;
  color: #FFF;
  padding: 5px 5px;
  background-color: #999;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  padding-top: 0px;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content2 a {
  float:none;
  color: black;
  padding: 3px 6px;
  text-decoration: none;
  display: inline-block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav2 a:hover, .dropdown2:hover .dropbtn2 {
  background-color: #CCC!important;
  color: #FFF !important;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content2 a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown2:hover .dropdown-content2 {
  display: block;
}


/* Main Text Responsive Mobile START*/
.maintxtcontainer {
  width:auto;
  float: inherit;
  padding-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
}
.maintxt {
  display: block;
  text-align:justify; 
  table-layout: inherit;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  text-decoration: none;
}
.maintxt .maintxtLink {
  list-style:none !important;
  border: none;
  outline: none;
  font-size: 16px;
  color: #333;
  margin: 0;
}
/* Main Text Responsive Mobile END*/

/* footer Text Responsive Mobile START*/
.footertxtcontainer {
  width:auto;
  float: inherit;
  padding-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
}
.footertxt {
  display: block;
  text-align: left; 
  table-layout: inherit;
  color: #cccccc !important;
  font-size: 14px !important;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  padding-top: 4px !important;
  text-decoration: none;
}
.footertxt .footertxtLink {
  list-style:none !important;
  border: none;
  outline: none;
  font-size: 16px;
  color: # CCC;
  margin: 0;
}
/* Main Text Responsive Mobile END*/


/* Add a black background color to the top navigation */
.topnav3 {
  background-color: transparent !important;
  width: auto !important;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px;
}

.row_line {
  background-color: #292929;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #dddc41;
  margin-top: 10px;
}

.row_links {
  display: block;
  width: 100%;
  text-align: left;
  color: #dddc41;
}

.row_footer {
  background-color: #292929;
}

.topnav_footer {
  background-color: transparent !important;
  width: 100% !important;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  float: left-side;
}

.marken_footer {
  background-color: transparent !important;
  width: 100% !important;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  float: left-side;
}

.row_marken {
  background-color: #292929;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #dddc41;
}

.row_marken_footer {
  background-color: #292929;
}

.Linkcontainer_footer {
  height: 320px;
  width: 130px;
  line-height: 0%;
  float:left !important;
  background-color:#292929;
  margin-right: 5px;
  margin-bottom: 5px;
}

.Linkcontainer_footer .Linkarea_footer {
  line-height: 0%;
  margin-top: 25px;
  margin-left: 5px;
}

.Link_footer {
  font-size: 12px;
  line-height: 0%;
  color: #999999;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.Linkcontainer_footer .Link_footer {
  margin-top: 10px;
  margin-left: 10px;
  line-height: 0%;
  color: #888888 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none !important;
}

@media screen {
 .HotDeal {
     padding: 0 10px 0 0 !important;
     width: 340px;
 }
}

.bvt_copyright {
    padding: 20px 0px 30px 0px;
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    text-align: center;
    color: var(--footer_copyright, #666);
    background-color: #999;
}
.active {
  background-color: transparent !important;
  color: white;
}

.InputField.SearchForm {
  height: 35px;
  text-align: -webkit-center !important;
  width: 240px;
  border-radius: 24px;
}
.SearchForm.horizontal-search > input {
  padding: 4px 50px 4px 4px !important;
  margin-top: 1px;
}
@media screen and (max-width: 600px) {
  .sm_hide {
    display: none;
  }
}
/*   Produkt style Aenderungen   */
.CategoryProducts {
    width:99%!important;
}