#wpadminbar {display: none !important;}
html:lang(de) {
    margin-top: 0 !important;
}

/* View Tablet and Below*/ 

/* HEADER - All Modes */

#header{ background-color: rgb(240, 240, 240); }
.header-top > div {height: 100% !important;}
.header-main {max-width:1470px !important; margin: 0 auto !important;}
#header > .header-top > div > .header-right {width: 100%; text-align:left;}
.switcher-wrap {display:none !important;}
#menu-top-navigation {float:right; position:absolute !important; font-size: 12px !important;  }
#menu-top-navigation > li > a {padding-left: 10px !important; padding-right: 10px !important;}
#menu-main-menu > .menu-item {z-index: 1002;}
#header > .header-top > .container {max-width: 1470px; padding-right: 15px !important;}
.mini-cart {background-color: rgba(0,0,0,0) !important; }
.cart-head::after {display:none !important;} 
#main-menu {right: 15px !important;  }
.searchform {z-index:1006; }
.header-center, #mini-cart {max-height: 70px;}


@media (min-width: 1470px) { 
  
    #header:not(.sticky-header)>.main-menu-wrap>#main-menu>.menu-center>#menu-main-menu  {    left: 240px  !important;position: absolute  !important; z-index: 			1200; bottom: 18px !important;}
    .header-main:not(.sticky) > .container > .header-right > div >#mini-cart {bottom: 75px  !important;}
    .header-top {height: 70px  !important; font-size: 16px !important; }
    .header-top > div > .header-right:not(.sticky) {padding-left:200px !important; }
    .header-main:not(.sticky) > div > .header-left {  right:15px !important;  height: 138.5px !important; position:relative !important; z-index: 1002;width: 200px;padding: 0 !important;bottom:63px;} 
    #menu-top-navigation {position:absolute; right:0px; top: 18px !important;}
    .header-main > .container > .header-center { position: absolute !important; padding: 0 !important; top: 15px; right: 15px !important;}
    #topcontrol {bottom: 70px !important;}
    .banner-heading1>div>h2 {font-size: 44px !important; font-weight: 200 !important; color: #ffffff !important;}
    .banner-heading2>div>h3 {font-size: 28px !important;  font-weight: 200 !important; color: #b39453 !important;}
 
    .Add_Cart_Button_Product {color: #fff !important;   padding-top:8px; padding-bottom: 8px;}
    #main {min-height: 600px;}
}

@media (min-width: 992px) and (max-width: 1469px) {
    
    .logo {max-width:200px !important;}
    .welcome-msg {max-width: 71%;}
 
    .main-menu  {    left: 240px;position: absolute  !important; z-index: 1200; bottom: 21px !important;}
    .header-main:not(.sticky) > .container > .header-right > div >#mini-cart {bottom: 75px;}
    .header-top {height: 70px; font-size: 16px !important; }
    .header-top > div > .header-right:not(.sticky) {padding-left:200px; }
    .header-main:not(.sticky) > div > .header-left {  right:15px;  height: 138.5px; position:relative !important; z-index: 1002;width: 200px;padding: 0 !important ;bottom: 63px;} 
    #menu-top-navigation {position:absolute; right:0px; top: 18px !important;}
    .header-main > .container > .header-center {position: absolute !important;padding: 0 !important;top: 20px;right: 15px !important;}
    #topcontrol {bottom: 70px !important;}
	#header.sticky-header>.main-menu-wrap>#main-menu>.menu-center>#menu-main-menu {    position: relative !important; top: 0; left: -50px !important}

	
	
    .banner-heading1>div>h2 {font-size: 42px !important; font-weight: 200 !important; color: #ffffff !important;}
    .banner-heading2>div>h3 {font-size: 26px !important;  font-weight: 200 !important; color: #b39453 !important;}
    .Add_Cart_Button_Product {color: #fff !important; padding-top:8px; padding-bottom: 8px;}
	

        #main {min-height: 600px;}
}
@media (min-width: 992px) and (max-width: 1061px) {  .searchform {display:none !important; } .longtext {display:none} }
	
@media (max-width: 991px) { 

	.header-top {display:none !important;}
	#main {margin-top:70px;}
	#header {position: fixed;z-index: 100;height: 70px;top: 0 !important;width: 100%;}
	.header-main {background-color: #193465 !important;  height: 70px}
	.standard-logo {height: 70px; padding: 5px 5px 5px 0;}
	.header-main>.container{    height: 70px; padding: 0 15px 0 15px !important;}
	.header-left,.header-center,.header-right {padding:0 !important}
	#mini-cart {background-color:#193465 !important}
	#side-nav-panel { overflow: hidden; }
	
	 .Add_Cart_Button_Product {color: #fff !important;   padding-top:8px; padding-bottom: 8px;}
       .longtext {display:none;}
       #topcontrol {display:none !important;}
    .banner-heading1>div>h2 {font-size: 34px !important; font-weight: 200 !important; color: #ffffff !important;}
    .banner-heading2>div>h3 {font-size: 20px !important;  font-weight: 200 !important; color: #b39453 !important;}
    #octologo-banner {background-image:none !important;}
	    
} 
@media only screen and (max-width: 550px) {.welcome-msg {display:none !important;}}

.main-menu-wrap { max-width: 1470px;  margin: 0 auto; }
#menu-main-menu {background-color: transparent !important; opacity: 0.95; }

/* Non-sticky header specific*/

@media only screen and (min-width: 992px) { .header-main:not(.sticky) { height: 80px;}
.header-main:not(.sticky) > div > .header-center {/* bottom: 28.5px; */right: 120px;}
.header-main:not(.sticky) > div > .header-right{bottom: 28.5px; padding-left: 200px; }
.header-main:not(.sticky) > .container >.header-right > div > #Warenkorbschrift {display:none !important;}

.header-main:not(.sticky) > .container > .header-right > div >#mini-cart {    position: relative;
    top: auto;
    z-index: 1040;
     
    right: 80px;}
.header-main:not(.sticky) > .container > .header-right > div >#mini-cart>.cart-head {  padding-right: 105px !important;  }
}
/* Sticky header specific */

.main-menu-wrap {z-index:2000 !important;}
#Warenkorbschrift {float:right; padding-top: 10px; padding-left: 5px; font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;}
.header-main.sticky>.container>.header-right>div>div>div>.minicart-icon {font-size:30px !important;}
#header.sticky-header > .main-menu-wrap {padding: 0 !important}
#header.sticky-header >.main-menu-wrap>#main-menu > .menu-left {padding: 0 !important}
#header.sticky-header>.main-menu-wrap>#main-menu > div.menu-left > div > a > img {position: relative; height: 70px;}
#header.sticky-header>.main-menu-wrap>#main-menu>.menu-center>#menu-main-menu {position: relative !important;top: 0;left: 0px !important;}