@charset "utf-8";

/* ============================================================
   PIOS Desktop — legacy base layer (WP8/2, desktop redesign)
   This is the retired css/styles.css minus: widget cores moved
   to css/desktop/legacy-widgets.css (fancybox, selectBox,
   TransBanner, cycle slider, marquee, validate labels), the
   cookie bar (consolidated into css/desktop/desktop.css) and
   provably dead blocks (votingBox, IE6-8 hacks, timePicker,
   autocomplete, blink animations, #noIce).
   Loads FIRST in the cascade — everything here can be overridden
   by tokens.css / desktop.css / legacy-widgets.css / styles2.css.
   Kept in css/ (not css/desktop/) so relative url() assets keep
   resolving. Trim pass 2 (WP8/2): table-era product rules and
   orphaned page blocks removed with markup/DOM proof (see
   docs/CHANGELOG.md 2026-07-04). Shrink further only with proof.
   ============================================================ */


/* body { font: 66%/150%  'Roboto Condensed',sans-serif,Helvetica, Arial, sans-serif; color: #F7F7F7; background: no-repeat #F7F4EA; background-position:  center top; } */
body { font: 66%/150%  'Roboto',sans-serif,Helvetica, Arial, sans-serif; min-width: 980px; background: no-repeat #F7F4EA; background-position:  center top;  /* -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; */ }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

}

#wrapper { width: 1060px; z-index: 2; position: relative; margin: 0 auto 0px auto; background: rgba(0, 0, 0, 0.42) none repeat scroll 0 0; }

/* bricolage grotesque (variable 200-800) - latin; display face. base.css is also
   loaded STANDALONE by datenschutz.php/impressum (no tokens/tee cascade), so the
   @font-face must live here too. Replaces the retired Montserrat — 2-font system
   is Bricolage Grotesque (display) + Roboto (body). */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/bricolage-grotesque-var-latin.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

#main { width: 1020px; margin-right: auto; margin-left: auto; margin-bottom: 15px; }
#content_wrapper { padding: 10px; background-color: #fcfcf9; border-radius: 4px; }
#logo_decobox  img { position: absolute; bottom: -24px; left: -10px; }
a:link, a:visited, a:visited, a:hover, a:active { text-decoration: none; outline: none; }
a img { border: none; }
body, div, a, p, ul, ol, li, h3, h4, form { margin: 0; padding: 0; }
h1, h2 { margin: 15px 0 9px; }
h2 { font-size: 24px; line-height: 100%; font-weight: 900; }
.textColor { font-size: 13px; line-height: 17px; margin-bottom: 5px; }
input:focus { outline: none; }
.roundedT { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.roundedB { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.roundedB3 { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.roundedS {  }
.roundedLL {/* -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; */ }
.roundedL { /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ }
.shadowS { -moz-text-shadow: 1px 1px 1px #666; -webkit-text-shadow: 1px 1px 1px #666; text-shadow: 1px 1px 1px #666; }
.shadowW { -moz-text-shadow: 1px 1px 2px #fff; -webkit-text-shadow: 1px 1px 2px #fff; text-shadow: 1px 1px 2px #fff; }
.shadowB { -moz-text-shadow: 1px 1px 0px #fff; -webkit-text-shadow: 1px 1px 0px #fff; text-shadow: 1px 1px 0px #fff; }
.shadowG { -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; }
.gradient1 { background: #ff3019; /* old browsers */background: -moz-linear-gradient(top, #ff3019 0%, #9B0303 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#9B0303)); /* webkit */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#9B0303',GradientType=0 ); /* ie */background: -o-linear-gradient(top, #ff3019 0%,#9B0303 100%); /* opera */ }
.gradient2 { background: #BF1313; /* old browsers */background: -moz-linear-gradient(top, #BF1313 0%, #6B0202 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BF1313), color-stop(100%,#6B0202)); /* webkit */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BF1313', endColorstr='#6B0202',GradientType=0 ); /* ie */background: -o-linear-gradient(top, #BF1313 0%,#6B0202 100%); /* opera */ }
.boxShadow { -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2); -moz-webkit-shadow: 2px 2px 4px rgba(0,0,0,0.2); box-shadow: 2px 2px 4px rgba(0,0,0,0.2) }
.boxShadow2 { -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4),0px 0px 2px #DBD4C1; -moz-webkit-shadow: 2px 2px 4px rgba(0,0,0,0.4),0px 0px 2px #DBD4C1; box-shadow: 2px 2px 4px rgba(0,0,0,0.4),0px 0px 2px #DBD4C1; }
.clear { clear: both; height: 2px; }
.clearL { clear: left; }
.hidden	{ display: none; }
.free10 { height: 10px; clear: both; }
.error { color: red; }
.red { color: red!important; }
.mMenuC .right { float: right!important; }

hr { background: #ccc; height: 1px; border: none; margin: 10px 0;
box-shadow: 1px solid #fff;
background: -moz-linear-gradient(left, rgba(220,216,210,1) 0%, rgba(220,216,210,0) 100%);
background: -webkit-linear-gradient(left, rgba(220,216,210,1) 0%,rgba(220,216,210,0) 100%);
background: linear-gradient(to right, rgba(220,216,210,1) 0%,rgba(220,216,210,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcd8d2', endColorstr='#00dcd8d2',GradientType=1 );
}

#hiddenMessages { display: none; }
#message { color: #FFF; font-size: 1.1em; line-height: 1.2em; }
#message  h2 { margin:  2px 0 10px; line-height: 112%; color: #F8420C!important; font-weight: bold; }
/* Form controls don't inherit font-family by default -> they'd fall back to the UA
   font (Arial). Force the app-wide body font (Roboto) so the 2-font system holds.
   Buttons excluded on purpose: #sendOrder / .tee-ordernow keep their display font. */
input, select, textarea { font-family: inherit; }
textarea { font-size: 100%; }
.left { float: left; }
.oHide { overflow: hidden; }
.noPad { padding: 0!important;; background: none!important;; border:  none!important; margin: 0!important; }
.noPad strong { font-weight: normal; }
.headerCol { margin-bottom: 5px; }
.mov_value { text-align: right; padding: 4px 13px 4px; font-size: 12px; /* opacity: 0.65;  */}
.mov_value a { cursor: pointer; }
.mov_value a:hover { text-decoration: underline;  }
#combi_selector_wrapper { width: 99.2%; paddiong: 0 6px 0 0; transition: all .2s linear; }
#combi_selector_wrapper.highlight { background: #FC0; }
#header_backlink { opacity: 0.75; position: absolute; font-weight: 500; text-transform: normal; top: 0; font-weight: 300; right: 0; text-align: right; background: #fff; color: #004E98; padding: 1px 4px 0; font-size: 11px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
#header_backlink a { color: #3F494F; display: inline-block; padding: 0 2px; }

/*
.message { background-color: red; height: 12px; line-height: 11px; padding: 0 3px; z-index: 2500; font-size: 9px;  }
*/


/* header */
#header { height: 180px; position: relative; margin: 0 auto; }
#logoBox { height: 62px; float: left; position: relative; margin-top: 4px; z-index: 2; }
#logoBox #logo { height: 150px; width: 500px; float: left; }
#logoBox img { padding-top: 7px; max-width: 500px; }
#mainMenuBox { position: absolute; bottom: 6px; left: 0px; margin: 0 0 0px; padding: 0; width: 100%; }
#sMenuBox { width: 1000px; margin-bottom: -1px; }
#content #sMenuBox { width: 1000px; margin-bottom: 10px; }
.mMenuT { height: 10px; background:url(../images/templ-01/cBlock-T.png) no-repeat; }
.mMenuB { height: 15px; background:url(../images/templ-01/cBlock-B.png) no-repeat; }
.submenu { padding-right: 15px; }
.submenu #sub_nav_arrow  { display: block; float: left; margin: 0 10px 0 0; }
.mMenuC { overflow: hidden; margin: 0 0 0px 0; padding: 0px; }
.submenu { margin: 4px 0; }
#content .submenu { margin: -2px 0 0; padding-bottom: 6px; padding-left: 29px; border-bottom: 1px dashed #efebe5; background: url('../images/arrow_submenu.png') no-repeat 0 6px; }
.submenu  .mLink:not(.active) {  }
.submenu  .mLink:hover { color: #fff!important; }
.submenu .mLink  { padding: 3px 9px !important; color: #ef7d01 !important;
    font-size: 16px !important;
    text-shadow: none !important;}
.submenu .mLink.active, .submenu .mLink:hover { color: #fff!important; }

#inlineContent { /* text-transform: uppercase; */ font-size: 13px; padding: 10px 16px 10px 10px; line-height: 16px; }

.mMenuC2 { clear: left; margin: 0 0 9px 0; padding: 0 0; }
.mLinksBox { /*float: right;*/ cursor: pointer; width: 100%; padding-top: 2px; }
.mMenuC #mLinksBox ul li {  font-weight: bold; font-size: 13px; width: 30px; height: 90px; text-align: center; display: block; float: left; overflow: hidden; }
.mMenuC #mLinksBox ul li p { width: 30px; height: 90px; float: left; position: relative;  }
.mMenuC #mLinksBox ul .active { width: 300px; }
.mMenuC #mLinksBox ul li span { width: 270px; height: 90px; display: block; float: left;  }
.mLinksBox .mLink, #mLinksBox .active { font-weight: normal; margin-left: 10px; font-size: 12px; }
.mLinksBox .mLink {  }
.mLinksBox .mLink:hover, .mLinksBox .mLink:active {  }
.mLinksBox .active {  }

#sliderHeader { width: 410px; height: 130px; float: right; margin: 26px 10px 0 0; overflow: hidden; }
.hImgRight { bottom: 0; position: absolute; right: 0px; }
.hImgRight2 { bottom: 0; position: absolute; right: 5px; }
.hImgLeftBottom { bottom: 0; position: absolute; right: 0; }

/*  popUpExtras  */ 
#popUpExtras { width: 718px; padding: 5px; color: #fff; overflow: hidden; } /*  width 718 */
.cartPage #popUpExtras { width: 1000px; padding: 5px; background: none; }
#popUpExtras img { display: block; margin-bottom: 10px; }
#popUpExtras #mainProduct { overflow: hidden; padding-left: 3px; }
#popUpExtras #mainProduct p, #extras p { color: #FFF; width: 600px; font-size: 240%; float: left; padding: 10px 3px 2px; font-weight: 900; font-family: 'Bricolage Grotesque', sans-serif; }
#popUpExtras #mainProduct p span, #extras p span { display: block; font-size: 51%; padding-top: 11px; font-weight: normal; font-family: 'Roboto', sans-serif; }
#popUpExtras #mainProduct #pricePur, #extrasBox #priceExtras, #allPrice { float: right; padding: 7px 6px; font-size: 140%; font-weight: normal; }
#extras { clear: both; overflow: hidden;  }
#extras p {  color: #f60; width: 200px; float: left; font-size: 14px; padding: 3px 3px 1px 3px; font-weight: normal; }
#extrasBox, #extrasList, #mainProduct { /* background-color: #780000; overflow: hidden; border: 1px solid #990000; border-radius: 5px; */ }
#extrasBox { min-height: 31px; overflow: hidden; }
#extrasBox button { margin-bottom: 3px; }
#extrasBox p { width: 600px; padding: 4px 4px 1px 4px; float: left; }
.eDes span {  }
#extrasBox button { margin: 2px; }
#extrasBox #priceExtras {  }
#extrasBox #noExtras { padding: 5px 6px 0; float: left;  }
#allPriceBox { margin-top: 10px; overflow: hidden; }
#extrasBox { min-height: 31px; overflow: hidden; background: #FAF8F6; border: 1px solid #E4DED6; }
#allPriceBox #allPrice { font-size: 15px; margin-bottom: 5px; height: 20px; }
#allPriceBox #allPrice p { float: right; height: 30px; text-align: right; /* width: 109px; */ font-size: 200%; }
#allPriceBox #allPrice b { font-weight: normal; text-align: right; }
.eDes { height: 16px; }
#extrasList .eDes { display: block; }
.eDes span{ float: left; clear: both; padding: 2px 0 8px 7px; color: #E9B966; font-size: 16px; font-weight: bold; }
.extra_seperator span { clear: both; display: block; font-size: 150%; padding: 10px 0; padding-left: 1px!important; width: 100%; font-weight: bold; }
#popUpExtras hr { clear: both; margin: 20px 0!important; }
#orderNow,#editNow { float: right; clear: right; height: 35px;}
#orderNow button,#editNow button{ height: 28px !important; padding: 5px 10px !important; height: inherit !important;, margin-top: 5px; }
#orderNow button .cartSym, #editNow button .cartSym { display: block; float: left; margin: -2px 4px 0 0 }
#allPrice span { display: block; float: left; font-size: 100%; font-weight: normal; margin-right: 10px; margin-top: 5px; }
.delExtra { background-color: red; padding: 0 4px 0 0; }
.myCart { background-image: url(../images/myC.png); width: 18px; height: 14px; display: block; float: left; margin-right: 8px; }
.popUpButton { border: none; }

#extrasList { padding: 3px 4px 4px 6px; clear: both; }
#extrasList.highlight { background: #FC0; transition: all .2s linear; }
#extrasList button, #extrasBox button { clear: both; font-size: 11px; text-align: left; }
#popUpExtras button { height: 22px; outline: none; }
#extrasList button { width: 172px; margin: 0 0.2em 2px 0; -moz-text-shadow: 1px 1px 1px #780000; cursor: pointer; }
/* #extrasList button:nth-child(4n+4) { margin: 0 0 0 0; } */
#extrasList button .l { float: left; font-weight: bold; }
#extrasList button .r { text-align: right; color: #fff; display: inline; float: right; font-weight: bold }
#extrasList button sup { font-size: 7px; margin-left: 2px; opacity: 0.6; }

/*
#extrasBox button span { padding: 0 2px; color:#000; }
#extrasBox button span:hover { background-color: red; color: #fff; }
*/

/* content */
#content { clear: both; margin: 4px 0 15px 0; padding: 11px; border-radius: 3px; background: rgba(0, 0, 0, 0.09); border: rgba(0, 0, 0, 0.09); }
.mMenuC2 {  }
.productsWI sup { position: relative; top: 1px; padding: 0 2px; font-size: 8px; }
#productsBox {  }


#popUpExtras #mainProduct p {  }
#productsBox .seperator b, #productsBox .seperator h2, .noPad h2 { line-height: 32px; font-size: 35px; text-transform: uppercase; }
#productsBox .seperator h2, .noPad h2 { line-height: 100%; margin: 0px 0 9px; font-family: 'Bricolage Grotesque', sans-serif; color: #e9b966; }
.noPad h2 { font-weight: normal; }
 #productsBox .seperator p { padding-bottom: 5px; max-width: 70%; line-height: 16px; font-size: 14px; font-weight: normal; color: #FFF; }
.html_block  h2 { font-weight: 700; text-shadow: none; padding-left: 0; font-size: 36px!important; 0px 0 9px 0!important; text-transform: uppercase; }
.html_block p, .html_block p b { text-transform: none!important; display: inline!important; }
#productsBox .seperator .right span { position: relative; font-size: 12px; top: 6px; display: block; text-align: center; padding: 3px 0 1px!important; width: 85%; color: #000; left: 2px; background: #E9B966; margin: 0 auto; }
#productsBox .seperator_img .right span { top: 7px; border-bottom: none!important; }

.seperator_img { /* border: none!important; */ }


#productsBox .products { position: relative; z-index: 2; transition: all 250ms; background: #282627 none repeat scroll 0 0; }
#productsBox .products:hover { z-index: 3; background: #3e3b3d; }


#productsBox .seperator .right { vertical-align: bottom; font-weight: 700; }
#productsBox .seperator { background: none; clear: both; }
#productsBox .seperator.seperator_img { border-bottom: none; }
#productsBox .seperator.seperator_img td { padding-bottom: 1px; font-weight: 300; font-size: 16px; }
#productsBox .seperator.seperator_img  h2 { position: relative; /* font-weight: 300; font-size: 42px; */ }
.seperator:not(.seperator_img) { padding: 0 5px 0 0!important;  margin: -2px 0 0 0!important; }
.seperator:not(.seperator_img) h2 { font-size: 20px; }
.seperator:not(.seperator_img)  .right span { top: 3px!important; padding: 1px 0 2px!important; }
.seperator.sep_nth2:not(.seperator_img) { padding-top: 15px!important; }


/*  products withImage  */
#productsBox .wi { width: 320px; height: 135px; /* border: 1px solid #EFEBE5; */ margin: 0 0 9px 0; float: left; position: relative; overflow: hidden; }
#productsBox .wi:not(.productsWIXL):nth-child(2n+1) {float: right; margin-left: 0; }
#productsBox .productsWI.r { float: right; margin-right: 0; }
#productsBox .productsWI .aimg { width: 100px; height: 110px; display: block; float: left; }
#productsBox .productsWI .r { width: 196px; position: absolute; right: -1px; top: 0; overflow: hidden; margin-top: 10px; /* border-left: 1px solid #EFEBE5; border-top: 1px solid #EFEBE5; border-bottom: 1px solid #EFEBE5; */ }
#productsBox .productsWI .r h3 { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 700; padding: 3px 3px 3px 5px; font-size: 15px; background-color: #575757; color: #FFF; }
#productsBox .productsWI .r p { background-color: rgba(194, 194, 194, 0.95); color: #3F494F; line-height: 12px; font-size: 11px; padding: 4px 3px 4px 5px; }
#productsBox .productsWI a[rel] { cursor: pointer; /* color: #C2272D; font-size: 14px; color: #ED5F00; */ }
#productsBox .productsWI a[rel] { /* text-shadow: -2px 0 1px #FFFFFF, 0 2px 1px #FFFFFF, 2px 0 1px #FFFFFF, 0 -2px 1px #FFFFFF, 3px 3px 3px #888888: */ }
#productsBox .productsWI .p_deal { position: absolute; top: -1px; left: -1px; z-index: 5; }

#productsBox .productsWIXL { width: 650px; float: none!important;}
#productsBox .productsWIXL .r { width: 340px; }
#productsBox .productsWIXL .r h3 { font-size: 20px; padding: 7px 4px 7px 5px; }
#productsBox .productsWIXL .r p { font-size: 12px; line-height: 14px; padding: 4px 5px; }

/* cart  */
#cart { margin-right: 6px; }
#cart ul li{ list-style-type: none; /*display: block;*/ color: #fff; background-color:  #990000; margin-bottom: 2px; padding: 1px 5px 2px 4px; font-size: 120%; font-weight: bold; }
#cart ul li span { float: right; font-weight: normal; }
#cart ul li ul li span { float: right; font-weight: normal; }
#cart ul li ul li { display: block; clear: both; font-size: 0.85em; padding: 0 2px 0 2px; height: 13px; background-color: #660000; color: #FFCC99; font-weight: normal; line-height: 15px; }
#cart ul li .price, #cart ul li .preprice { padding-right: 2px; }
#cart ul li .price { color: #333; }
#cart ul li ul li .delCartExtra { margin-right: 10px; display: none; cursor: pointer; padding: 0 3px; font-size: 9.5px;}
#cart ul li ul li .delCartExtra:hover {  }
#cart ul li ul li .delCartExtra:hover { background-color: #C00; }
#cart ul li ul li:hover .delCartExtra { display: inline;  }
#cart ul li b { font-weight: normal;  width: 210px; display: block; float: left; }
#cart ul li p { clear: right; padding: 1px 0 2px; overflow: hidden; }
#cart ul li .total { font-size: 1.2em; }
#cart button { text-decoration: none; padding: 0px 2px!important; margin: 2px 2px 0 0; font-weight: 300!important; border: none; color: #000; border: none; color: #000; font-size: 9px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#cart button:hover {  }
@media all and (-webkit-min-device-pixel-ratio:1) {
	#cart button { padding: 1px 4px!important; }
}

/* orderBox  */
.mMenuC2 #orderBox { width: 314px; padding: 0px; float: right; margin-bottom: 10px; }
.mMenuC .mLink {font-size: 18px; margin: 1px 4px 0 12px; float: left; }
.mMenuC .left { margin-left: 10px; font-weight: bold; }
.formBlock {  }
#orderForm { overflow: hidden; }
#submitOrder { background: inherit; background-color: inherit; float: left; clear: both;  text-decoration: none; padding: 3px 8px; border: none; color: #000; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
input[type="submit"], button[type="submit"], .cssbutton { text-decoration: none; padding: 3px 8px; border: none; color: #000; font-size: 11px; cursor: pointer; background: #feccb1; background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);  }
input[type="submit"]:hover, input[type="submit"]:active, button[type="submit"]:hover { color: #fff; background: #EF6E5D; /* old browsers */background: -moz-linear-gradient(top, #EF6E5D 0%, #ea2803 46%, #E55039 48%, #ff6600 72%, #c72200 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EF6E5D), color-stop(46%,#ea2803), color-stop(48%,#E55039), color-stop(72%,#ff6600), color-stop(100%,#c72200)); /* webkit */ background: -o-linear-gradient(top, #EF6E5D 0%,#ea2803 46%,#E55039 48%,#ff6600 72%,#c72200 100%); /* opera */}
@media all and (-webkit-min-device-pixel-ratio:1) {
	input[type="submit"], button[type="submit"], .cssbutton { padding: 5px 9px!important; }
}
.LL { width: 231px; }
.LL input { width: 220px; }
.LT { width: 285px; }
.LT textarea { width: 289px; max-width: 289px; min-width: 289px; height: 80px; max-height: 100px; }
.LT input { width: 289px; }
.LM { width: 150px; }
.LM input { width: 139px; }
.LS { width: 67px; }
.LS input { width: 57px; }
.LXS { width: 100%; margin: 5px 0 0 1px; }
.LXS input { border: none; background-color: transparent; }
.LXS .first {  float: left; width: 20px; margin-left: -3px; }
.LXS .last { width: 269px; padding: 3px 6px 0 4px; float: right; line-height: 15px; font-size: 11px;  }
.LXS .last a { display: inline; float: none;}
.LM, .LS, .LL, .LT { margin-bottom: 5px; }
.LL input, .LS input, .LM input, .LT input { /* height: 14px; */ }
input[type="text"], input[type="password"], textarea, #payments select { overflow: hidden; padding: 2px 3px; background-color: #fff; border: none; -webkit-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
#jobsform input[type="text"], #jobsform textarea { border-radius: 3px; overflow: hidden; padding: 4px 3px; background-color: #fdf7d6; border: none; }
input:focus[type="text"], input[type="password"]:focus, textarea:focus { }
#registerBox input:focus[type="text"], #registerBox input[type="password"]:focus, #registerBox textarea:focus { }

input[type="text"],input[type="password"] { font-size: 12px; }
.oBoxTitle { font-size: 20px; font-family: 'Bricolage Grotesque', cursive; padding: 8px 0; color: #e9b966!!important; }
.fBox { float: left; }
.fBox p, .fBoxradio p { font-size: 12px; height: 100%; color: #fff; padding: 0 2px; }
.fBoxradio { clear: both; float: left; color: #FFF; width: 100%; }
.fBoxradio label { margin: 0 10px 0 -4px; }
.fBoxradio input { margin-right: 5px; background-color: transparent !important; border: none !important; }
#sendOrderBox { margin-top: 10px; }
#fPrice { font-size: 13px;  padding: 10px 2px 2px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 0 10px 0 0; clear: both; }
#fPriceRight { float:right; font-size: 16px; font-weight: bold;  }
#sCostsB, #sPledgeB { color: #ffc43b;  padding: 2px 4px 2px 4px; margin: 5px 8px 0 3px; float: right; width: 140px; font-size: 11px; box-sizing: border-box; clear: both; }
#sCosts, #pledge_costs, #discount_val  { float: right; font-size: 11px; font-weight: normal;  }
#fPriceRight{ float: right; font-size: 16px; font-weight: bold; }
#sendOrder  { padding: 4px 8px;  margin: 4px; }
#sendOrder.btn_disabled, #sendOrder[disabled] { opacity: 0.45; cursor: not-allowed; pointer-events: none; }
.mov_hint { color: #ffc43b; font-size: 12px; margin: 4px 4px 0; line-height: 135%; }
form button { /*-webkit-box-shadow: 2px 3px 3px rgba(58, 58, 58, 0.46), 0 0 3px #E0B6B4 inset; -moz-box-shadow: 2px 3px 3px rgba(58, 58, 58, 0.46), 0 0 3px #E0B6B4 inset; box-shadow: 2px 3px 3px rgba(58, 58, 58, 0.46), 0 0 3px #E0B6B4 inset; */ }

#discount_wrapper { background: #2F9203; color: #fff; margin: 8px 8px 1px 0; box-sizing: border-box; width: 140px; padding: 2px 4px; clear: both; float: right; border-radius: 3px; font-size: 13px; }

/* voucherBox — full-width input/button stack (was fixed 135/142px) */
#voucherBox { margin: 10px 0; }
#voucherBox #voucherForm { display: flex; flex-direction: column; gap: 6px; }
#voucherBox input[type="text"] { width: 100%; box-sizing: border-box; padding: 6px 8px; }
#voucherBox button { width: 100%; box-sizing: border-box; padding: 6px 10px; }

/*  extraRules */


/* logIn, Datenschutz */
#registerBox { width: 305px; overflow: hidden; margin: 10px auto; padding: 5px; background: #282627; }
#registerBox p { color: #FFF; }
#registerBox .oBoxTitle { padding-left: 5px; font-weight: bold; }
#centerMe { width: 330px; }
#register { padding-left: 5px; }
#register-agb { color: 999; padding-top: 20px;  }

/*  checkOut  */
#checkOut { padding: 6px; min-height: 180px; min-width: 420px; max-width: 420px; max-height: 200px; color: #111; overflow: hidden; /* position: relative; */ }
.coTitle { color: #ff0000!important; font-size: 17px; padding-bottom: 10px; font-weight: bold; line-height: 22px; }
.coTitle .green { color: #390; font-weight: bold;  }
#coContent h3 { display: none; margin-top: 0; font-size: 13px; line-height: 16px; color: #C00; font-weight: normal; }
#coContent h3 span { color: #111; font-weight: normal; display: block; margin-top: 10px; font-size: 11px; padding: 2px 4px; background-color: #F7F7F7; border: 1px solid #ccc; border-radius: 3px; }
#social { display: none; max-width: 150px; max-height: 25px; overflow: hidden; }
.iLikeB { position: absolute; bottom: 6px; width: 83px; overflow: hidden; height: 28px; }
.plus1 { position: absolute; bottom: 6px; left: 92px; width: 35px; overflow: hidden; height: 26px; }
.tweetMe { position: absolute; bottom: 6px; left: 135px; width: 70px; overflow: hidden; height: 26px; }
#fbclose { width: 30px; height: 30px; position: absolute;  right: 0; bottom: 6px; display: none; cursor: pointer; }
#fbclose img { cursor: pointer; }

#footer { clear: both; }
#footer a { padding-right: 20px; padding: 1px 5px 1px 5px!important; margin-left: 5px!important; float: none!important; float: right!important; }
#footer a.left { float: left!important; margin-left: 0px!important; }
#footer a:hover { color: #fff!important; }
#static { width: 620px; float: left; padding: 10px 0 15px 4px; color: #666; font-size: 127%; line-height: 18px;  }


#fbBoxProducts { width: 310px; float: right; clear: right; margin: 15px 0 10px 0; padding: 8px 3px 8px 8px; }
#iMap { background-color: #EAE6DA; height: 230px; text-align: center; width: 800px; }
#mapBox {  height: 100%; position: relative; }
#mapBox img { position: absolute; top: 0; left: 0; }
#postCodes { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/hg-mapbox.jpg)!important; }
#mapBox h2 { font-size: 30px!important; margin: 24px 0 12px; color: #282627!important; }
#mapBox #input_box { font-size: 22px; padding: 5px; border: none; font-size: 18px; width: 390px; margin-right: 9px; margin-top: 8px; border: 1px solid #EEE7D2; }
#mapBox #input_box::-moz-selection { background: #F8C876; }
#mapBox input[type="submit"] { font-size: 16px; height: 32px; padding: 5px 30px; position: relative; top: -2px; }
#outOfTime { width: 75%; margin: 30px auto 10px; border: 1px solid #F9F8F2; }
#mapBox h3 { font-size: 14px; padding: 14px 10px 10px; line-height: 18px;  color: #8B805D; font-weight: 300; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; }
#mapBox h3 span { font-size: 22px; }
#postCodes a { width: 31%; height: auto; min-height: 75px; margin: 5px; padding: 6px 0 16px; display: inline-block; position: relative; overflow: hidden; border: 1px solid #580404; }
#postCodes a:hover, #postCodes a:hover .headerCol { text-shadow: 0 0px 12px #fff; color: #fff!important; }
#postCodes a b { display: block; padding: 10px; font-size: 15px; line-height: 18px; font-weight: bold; text-align: center;  }
#postCodes a p { position: absolute; bottom: 0; left: 0; padding: 3px 0; font-size: 11px; width: 100%; border-radius:0!important; border: none!important; margin-bottom: 0; background: #3D0000; }
#postCodes a b span { font-weight: normal; }
.mapWelcome { font-size: 12px; }
.mapWelcome span { background: #fff; padding: 1px 10px; color: #222; }


#responseBox  { padding: 20px; background: #D1390A;  }
#responseBox p { font-size: 14px; margin-top: 10px; color: #000; }
#responseBox h2 { margin: 0; }
#responseBox2 { background: url("../images/pers/bodyBG.png") }

#mapBox, #responseBox, #outOfTime { background: #efebde;
background: -moz-linear-gradient(top, #efebde 0%, #ded4b4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efebde), color-stop(100%,#ded4b4));
background: -webkit-linear-gradient(top, #efebde 0%,#ded4b4 100%);
background: -o-linear-gradient(top, #efebde 0%,#ded4b4 100%);
background: -ms-linear-gradient(top, #efebde 0%,#ded4b4 100%);
background: linear-gradient(to bottom, #efebde 0%,#ded4b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efebde', endColorstr='#ded4b4',GradientType=0 ); }


#jobs { padding-left: 5px;  }
#jobs { padding-left: 5px;  }
#jobs ul { margin-left: 20px; }
#jobs ul li {  }
#jobs .selectBox-dropdown{ font-size: 100%!important; }
#jobPage .selectBox-options li a { background: none!important; padding-left: 5px!important; }
#jobPage .selectBox-options li a:hover { background: #F8420C!important; color: #f7f7f7!important; }
#jobPage input[type="submit"]{ padding: 6px 12px; margin: 0px; }
#jobs h2 { }


#feedbackform {  }
.feedback_header { font-size: 26px; }

#footer a { font-weight: normal; font-size: 115%!important; }
#footer a.left { float: left!important; }
#footer a:last-child {  }

/* rating  */
.ratebox { width: 30%;  padding: 5px; background: #f6e5c7; float: left; border-radius: 5px!important; margin-right: 5px; }
.ratebox p { font-size: 14px; padding: 2px 0; }
#feedbackform .line { height: 1px; margin: 5px 0; background-color: #dac5a1; box-shadow: 1px 1px 0 #fff; }
.stars { margin-top: 3px; }
#feedback input[type="text"], #feedback textarea { background: #ffe8cf; }