/* main */
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html, body {width:100%;height:100%;margin:0px;padding:0px;font-family:"Open Sans", Tahoma, Arial, sans-serif;font-weight:400;color:#686868}
h1 {font-size:30px;font-weight:300;padding:0px;padding-bottom:20px;margin:0px;color:#3593cf;line-height:28px}
h2 {width:100%;font-size:20px;font-weight:100;padding:0px;padding-bottom:20px;margin:0px;color:#0d84c1;line-height:28px}
h3 {width:100%;font-size:20px;font-weight:400;padding:0px;padding-bottom:20px;margin:0px;color:#0d84c1;line-height:28px}
h4 {font-size:17px;font-weight:500;padding:0px;padding-bottom:20px;margin:0px;color:#0d84c1;line-height:28px}
h5 {font-size:20px;font-weight:100;padding:0px;padding-bottom:20px;margin:0px;color:#0d84c1;line-height:28px}
h6 {font-size:20px;font-weight:100;padding:0px;padding-bottom:20px;margin:0px;color:#0d84c1;line-height:28px}
a {color:#3593cf;text-decoration:none;cursor:pointer;outline:none}
a:hover {color:#93c41d;text-decoration:underline}
a.ext {background:url("../pics/ext.gif") 3px 5px no-repeat;color:#7cb116;padding-left:17px;text-decoration:none}
img, a, *:focus {outline:none}
img {border:0px}
small {color:#828282;font-size:10px}
abbr {border-bottom:1px dotted #ccc}
abbr:hover {cursor:help}
strong {font-weight:600}
sup, sub {line-height:7px;font-size:8px}
p {margin:0px}
ul {margin:0px;padding:0px;list-style:none}
button, button.button-green, select, input {font-family:"Open Sans",serif;font-size:13px;border-radius:0px}
select {background-color:#fff}
td {vertical-align:top}
.left {text-align:left}
.center {text-align:center}
ol.olist, ol.olist ol {
float: left;
width: 100%;
counter-reset: item;
margin: 0px 0px 30px 0px;
padding: 0px;
list-style: none;
}
ol.olist ol,
ol.olist ul {
margin: 6px 0px 0px 0px;
}
ol.olist li {
position: relative;
float: left;
width: 100%;
padding: 0px 0px 30px 10px;
margin: 0px;
list-style: none;
padding-left: 42px
}
ol.olist li li {
padding-left: 50px
}
ol.olist li:before {
content: counters(item, ".") " "; counter-increment: item;
position: absolute;
top: 2px;
left: 0px;
font-size: 26px;
font-weight: 700;
color: #aaa
}
ol.olist li li:before {
top: 0px;
left: 0px;
font-size: 16px;
padding: 0px 0px 10px 0px
}
ol.olist ol li {
padding-bottom: 20px
}
ol.olist ol li:last-child {
padding-bottom: 0px
}
/* special font settings */
#menu,
.tablomat-top-menu,
.heading-inner,
.heading,
.pprice,
button,
button.button-green,
.grid-head,
.content-box-head,
.left-menu-headline,
.popup-head,
.glue_content p,
.product-box-head, .product-teaser-txt div, .full-size-teaser-spacer span, .hero-grid-box, .bestseller-title, .start-title, .subline, .subline-h3, h1, h2, h3, h4, h5, h6 {font-family:"museo-slab",serif}
/* Flash of Unstyled Text-Effekts by loading Webfonts */
.wf-loading {font-family:"museo-slab",serif;visibility:hidden}
.wf-active {visibility:visible}
/* buttons */
.button-green, .button-grey {float:left;padding:8px 11px 8px 11px;margin-right:20px;font-size:12px;font-weight:500;line-height:23px;color:#fff;background:#639d1e;background:radial-gradient(circle,#7ab138,#639d1e);border-radius:3px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -3px 0px rgba(0, 0, 0, 0.2)}
.button-green:hover, .button-grey:hover {color:#fff;background:#639d1e;background:radial-gradient(circle,#54900d,#5d961a);text-decoration:none;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}
.button-grey {color:#686868;background:#dddddd;background:radial-gradient(circle,#f0f0f0,#dddddd)}
.button-grey:hover {color:#686868;background:#dddddd;background:radial-gradient(circle,#c1c1c1,#dddddd)}
.button-green-detail, .button-grey-detail {float:left;padding:15px 20px 15px 20px;margin-top:20px;font-size:15px;font-weight:600;color:#fff;background:#639d1e;background:radial-gradient(circle,#7ab138,#639d1e);border-radius:3px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -3px 0px rgba(0, 0, 0, 0.2)}
.button-green-detail:hover, .button-grey-detail:hover {color:#fff;background:#639d1e;background:radial-gradient(circle,#54900d,#639d1e);text-decoration:none;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}
.button-grey-detail {color:#686868;background:#dddddd;background:radial-gradient(circle,#f0f0f0,#dddddd)}
.button-grey-detail:hover {color:#686868;background:#dddddd;background:radial-gradient(circle,#c1c1c1,#dddddd)}
/* wrapper */
#top-wrapper {float:left;position:relative;width:100%;background-position:center top}
.spacer {width:1170px;margin:0 auto}
/* coupon */
.coupon {width:100%;float:left;position:relative;z-index:2;display:none;padding-top:4px;background:#128dc1}
.coupon div {width:100%;float:left;padding:4px 15px 5px 15px;font-size:13px;font-weight:600;line-height:25px;text-align:center;color:#fff}
.coupon span.aktion {padding:0px 7px}
.coupon a {color:#fff}
/* top */
#top {float:left;position:relative;z-index:1;width:100%;background:#fff;background:rgba(255,255,255,0.5);border-top:3px solid #39adde}
#top ul {float:right}
#top li {float:left}
#top a {float:left;padding:8px 0px 9px 15px;font-size:11px;color:#8d8d8d}
#top a:hover {color:#93866e}
/* head */
#head {float:left;position:relative;z-index:4;width:100%;background:#fff;background:rgba(255,255,255,0.5)}
#logo {float:left;margin:0px 0px 26px 0px}
#logo img {float:left}
#head-separator {float:right/*;width:70%*/}
/* global-search */
#global-search {float:right;margin:3px 200px 0px 0px}
#global-search .global-search-input {float:left;height:40px;width:300px}
#global-search input[type=text] {float:left;padding:0px 10px;height:100%;width:100%;color:#817975;background:#fff;border:1px solid #dbd2cf;box-shadow:inset -2px 1px 1px rgba(0, 0, 0, 0.1);border-radius:3px 0px 0px 3px}
#global-search input[type=text]:focus {background:#d6ecf4}
#global-search .global-search-select {float:left;height:40px;width:100px}
#global-search select {float:left;padding:2px 30px 2px 10px;margin-left:-4px;height:100%;width:100%;color:#817975;background-color:#fafafa;border:1px solid #dbd2cf;border-left:0px;box-shadow:inset -2px 1px 1px rgba(0, 0, 0, 0.1);-webkit-appearance:none;-moz-appearance:none;border-radius:0px;background-image:url("../pics/icons/arrow-down.svg");background-repeat:no-repeat;background-position:85% center;background-size:8px}
#global-search select::-ms-expand {display:none} /* IE hack */
#global-search .global-search-button {float:left;height:40px;width:40px}
#global-search input[type=submit] {float:left;width:100%;height:100%;margin-left:-6px;font-size:0px;border:1px solid #dbd2cf;cursor:pointer;background:#dbd2cf url("../pics/icons/magnifying.svg") no-repeat center center;background-size:16px;border-radius:0px 3px 3px 0px}
#global-search input[type=submit]:hover {border:1px solid #a39e93;background:#a39e93 url("../pics/icons/magnifying.svg") no-repeat center center;background-size:16px}
/* activate smartphone search */
input.show-mobile-search {position:absolute;display:none;visibility:hidden}
label.show-mobile-search-label {display:none;float:left;width:40px;height:40px;margin-top:8px;font-size:0px;cursor:pointer;border:1px solid #ddd;border-radius:20px;background:#fff url("../pics/icons/magnifying-grey.svg") no-repeat center center;background-size:20px}
.show-mobile-search:checked ~ label.show-mobile-search-label {border:1px solid #39adde;background:#39adde url("../pics/icons/delete.svg") no-repeat center center;background-size:20px}
.show-mobile-search:checked ~ div {z-index:1;display:block!important}
/* purchase */
#purchase {float:right;margin-top:8px}
#purchase li {float:right;position:relative;margin-left:15px}
#purchase a.basket {float:left;width:40px;height:40px;font-size:0px;border:1px solid #ddd;border-radius:20px}
#purchase a.basket {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center center;
background-size: 22px;
background-color: #fff;
}
a.basket:hover {background:#fafafa}
.inital-basket:hover a.basket {border-bottom:1px solid #fff!important;border-radius:6px 6px 0px 0px!important;box-shadow:0px 2px 13px rgba(0, 0, 0, 0.3)}
.basket-blank {display:none}
.inital-basket:hover .basket-blank {display:block;position:absolute;right:1px;bottom:0px;z-index:5;width:38px;height:10px;background:#fff}
/* live basket */
.inital-basket li {float:left;position:relative;width:100%}
.inital-basket .live-basket {display:none;width:300px;height:400px;position:absolute;top:40px;right:1px;z-index:4;overflow:hidden;background:#fff;border-radius:2px 0px 2px 2px;box-shadow:0px 2px 13px rgba(0, 0, 0, 0.3)}
.inital-basket:hover .live-basket {display:block!important}
.inital-basket .live-basket-empty {padding:130px 20px 20px 20px;text-align:center;font-size:13px;background:#fff url("../pics/icons/emoticon-2-grey.svg") no-repeat center 70px;background-size:50px}
.inital-basket .live-basket-top {margin-bottom:60px;min-height:150px;max-height:300px;background:#fff;overflow:auto}
.inital-basket .live-basket-bottom {position:absolute;bottom:0px;left:0px;right:0px;float:left;width:100%;background:#f1f1f1;border-top:1px solid #ccc;padding:15px 20px;text-align:center}
.basket-bottom button, .live-basket-bottom button {padding:5px 10px;font-size:12px}
.basket-count {position:absolute;top:10px;right:107%;padding:2px 7px;color:#fff;font-size:13px;background:#e1610b;cursor:pointer;white-space:nowrap;border-radius:2px}
.basket-count:before {position:absolute;top:50%;left:100%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
.basket-count:before {margin-top:-6px;border-left-color:#e1610b;border-width:6px}
.bskbutton {float:right}
.tabbutton {float:left;padding:10px 20px;color:#585858;font-size:13px;font-family:"Open Sans",serif;text-decoration:none;background-image:linear-gradient(to bottom,#f6f6f6,#e9e9e9);border:1px solid #ccc;border-radius:5px;cursor:pointer;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2)}
.tabbutton:hover {background:#fff;color:#585858;text-decoration:none}
.bcheckout {background-color:#E45D28;background-image:-webkit-linear-gradient(top,#E45D28,#CB490D);background-image:linear-gradient(to bottom,#E45D28,#CB490D);color:#fff;border:1px solid #E45D28}
.bcheckout:hover {background:#E45D28;color:#fff;text-decoration:none}
.bleft {float:left}
.bright {float:right}
/* checkout-wrapper for scrolling */
.checkout-wrapper {width:100%;height:100%;}
.checkout-wrapper iframe {width:100%;height:100%;}
/* basket items */
.live-basket li {margin:0px!important}
.live-basket li:nth-child(even) .basket-item {background:#f1f1f1}
.basket-items {display:table;width:100%}
.basket-item {display:table-row;width:100%}
.basket-image {display:table-cell;width:20%;padding:10px 5px 10px 10px;text-align:center;vertical-align:middle}
.basket-article {display:table-cell;width:65%;font-size:12px}
.basket-delete {display:table-cell;width:15%;text-align:center;border-left:1px dotted #ccc;vertical-align:middle}
.basket-image img {width:100%;border:3px solid #fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2)}
.basket-name {display:inline-block;width:100%;padding:10px 10px 2px 10px}
.basket-quantity-price {display:inline-block;width:100%;padding:0px 10px 10px 10px}
.basket-delete button {font-size:12px;background-image:linear-gradient(to bottom,#f6f6f6,#e9e9e9);border:1px solid #ccc;border-radius:5px;cursor:pointer}
.basket-delete button:hover {background:#fff}
/* big basket */
.basket-page .basket-top {float:left;width:100%}
.basket-page #basket-list {float:left;width:100%}
.basket-page #basket-list li {float:left;width:100%}
.basket-page #basket-list li:nth-child(even) .basket-page-item {background:#f1f1f1}
.basket-page .basket-page-items {display:table;width:100%}
.basket-page .basket-page-item {display:table-row;width:100%}
.basket-page .basket-page-image {display:table-cell;width:15%;padding:20px;text-align:center;vertical-align:middle}
.basket-page .basket-page-article {display:table-cell;width:70%;padding:20px}
.basket-page .basket-page-price {display:table-cell;width:15%;padding:20px;text-align:right;vertical-align:middle}
.basket-page .basket-page-image img {width:100%;border:3px solid #fff;background:#fff;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2)}
.basket-page .basket-page-name {display:inline-block;width:100%}
.basket-page .basket-page-article button {background-image:linear-gradient(to bottom,#f6f6f6,#e9e9e9);border:1px solid #ccc;border-radius:5px;cursor:pointer}
.basket-page .basket-page-article button:hover {background:#fff}
.basket-page .basket-page-quantity-price {display:inline-block;width:100%}
.basket-page .basket-bottom {float:left;width:100%;padding:20px 0px}
.basket-page .basket-full-price {float:left;width:100%;padding:0px 20px;text-align:right}
.basket-page .basket-buttons {float:left;width:100%;padding:20px 20px}
.basket-page .tabbutton {font-size:14px}
.basket-page .bleft {margin-right:20px}
.basket-page .bright {margin-left:20px}
.basket-page .basket-empty {float:left;width:100%;padding:60px;text-align:center;font-style:italic;border:1px solid #e0e0e0}
.basket-page .basket-empty strong {font-weight:600;color:#3593cf}
.basket-page .basket-empty .tabbutton {float:none;display:inline-block}
.basket-page .basket-total {display:inline-block;font-size:20px;font-weight:600;;border-top:1px solid #ccc;padding-top:10px;margin-top:10px}
/* menu */
#menu {float:left;position:relative;width:100%;z-index:3;box-shadow:0px 7px 14px rgba(0, 0, 0, 0.1)}
#menu {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */}
#menu ul {float:left;width:100%}
#menu ul.first {position:relative}
#menu li {float:left;height:50px}
#menu ul a {float:left;position:relative;height:100%;padding:17px 18px 15px 18px;font-size:15px;font-weight:500;color:#686868}
#menu ul li:hover a {background:#fff;color:#39adde;text-decoration:none}
#menu ul li.drop:hover a:before {position:absolute;top:100%;left:50%;z-index:4;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
#menu ul li.drop:hover a:before {margin-left:-8px;border-top-color:#fff;border-width:8px;background:none}
#menu ul a:before, #menu ul a:after {position:absolute;left:0px;width:1px;height:50%;display:block;content:""}
#menu ul a:before {top:0;background:linear-gradient(to top, #ded8d6 0%, transparent 80%)}
#menu ul a:after {bottom:0;background:linear-gradient(to bottom, #ded8d6 0%, transparent 80%)}
#menu ul ul a:before {display:none}
#menu ul ul a:after {display:none}
#menu li.active a {color:#fff;background:#39adde}
#menu ul li.active:hover a, #menu li.active a:hover {color:#fff;background:#39adde}
#menu li.drop.active:hover a:before {position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
#menu li.drop.active:hover a:before {margin-left:-8px;border-top-color:#39adde;border-width:8px}
#menu li.active a:before {position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
#menu li.active a:before {margin-left:-8px;border-top-color:#39adde;border-width:8px}
#menu li.active li a:before {display:none}
#menu li.active a:before, #menu li.active a:after {background:transparent}
#menu ul .menu-dropdown {display:none;position:absolute;top:50px;right:0px;left:0px;z-index:3;padding:20px 10px 0px 10px;background-color:#f7f7f7;background-repeat:no-repeat;background-position:right bottom;box-shadow:0px 3px 4px rgba(0, 0, 0, 0.2)}
/**************/#menu ul li:hover .menu-dropdown {display:block}/**************/
#menu ul li ul {float:left;width:100%}
#menu ul li ul li {width:20%;height:auto;padding:0px 10px 20px 10px}
#menu ul li ul a {width:100%;padding:10px 10px 20px 10px;font-size:13px;text-align:center;background:#f7f7f7;border:1px solid #b9b6b5;color:#686868}
#menu ul li:hover li a {background:transparent;color:#686868}
#menu ul li ul a:hover {background:#fff;color:#39adde}
#menu ul li ul a span {display:inline-block;width:100%}
#menu ul li.active .menu-dropdown {background-color:#44b5e8}
#menu ul li.active ul a {background:#44b5e8;border:1px solid #39adde;color:#fff}
#menu ul li.active:hover li a {background:transparent}
#menu ul li.active ul a:hover {background-color:#39adde}
.micon {display:inline-block;width:20px!important;height:20px;margin:10px 0px!important}
#menu ul li .home-icon {display:inline-block;width:25px;background-repeat:no-repeat;background-position:center center;background-image:url("../pics/icons/home.svg");background-size:65%}
#menu ul li.active .home-icon {background-image:url("../pics/icons/home-white.svg")}
.menu-dropdown.active-dropdown {z-index:4!important}
/* activate smartphone menu */
input.show-mobile-menu {position:absolute;display:none;visibility:hidden}
label.show-mobile-menu-label {display:none;position:fixed;top:12px;right:10px;float:left;width:40px;height:40px;border-radius:50%;padding:0px 0px 0px 10px;font-size:0px;line-height:45px;color:#fff;text-align:left;outline:none;cursor:pointer;background-color:#39adde;background-image:url("../pics/icons/menu.svg");background-repeat:no-repeat;background-size:20px;background-position:center center;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2)}
.show-mobile-menu:checked ~ label.show-mobile-menu-label {background-color:#39adde;background-image:url("../pics/icons/delete.svg");background-repeat:no-repeat;background-size:20px;background-position:center center}
.show-mobile-menu:checked ~ ul {z-index:1;display:block!important}
/* filter */
.filter {float:left;width:100%}
.filter-box {float:left;width:33%}
.filter-box span {float:left;padding:4px 10px 2px 0px}
.filter-box select {float:left;padding:2px 2px 2px 10px;margin-right:20px;height:30px;width:150px;color:#817975;background-color:rgba(103,103,103,0.1);border:1px solid #b9b6b5;box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.1)}
.filter-box select:disabled {color:#b6aca6;background-color:rgba(169,169,169,0.1);border:1px solid #dddada}
.filter-result {display:none;float:left;width:100%}
/* header */
#header-full-center {position:relative;float:left;width:100%;min-height:500px;height:500px;line-height:22px;z-index:2;text-align:center;overflow:hidden}
#header-full-center .spacer {position:relative;height:100%}
#header-full-center h1 {display:block;font-size:44px;margin-bottom:20px;color:#fff;text-transform:uppercase;font-weight:900;line-height:61px;padding:100px 20px 0px 20px;margin:0px;text-shadow:2px 2px 0px rgba(0,0,0,0.3), 5px 5px 0px rgba(0,0,0,0.05)}
#header-full-center h1 div {line-height:30px;font-size:19px;font-weight:500;margin-top:15px;text-transform:none}
#header-full-center p {float:left;width:100%;line-height:26px;font-size:20px;font-weight:400;text-transform:none;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,0.3), 5px 5px 0px rgba(0,0,0,0.05)}
#header-model {position:relative;float:left;width:100%;height:530px;line-height:22px;z-index:2;overflow:hidden}
#header-model .spacer {position:relative;height:100%}
#header-model div.heading {float:left;width:380px;position:relative;z-index:2;margin:120px 0px 30px 0px}
#header-model div.heading small {font-family:"Open Sans",serif}
#header-model .heading-inner {float:left;width:100%;margin-bottom:20px;font-size:55px;text-transform:uppercase;font-weight:900;line-height:61px;color:#4f4038}
#header-model .heading-inner div {width:85%;line-height:26px;font-size:19px;font-weight:400;margin-top:15px;text-transform:none;color:#71655e}
#header-model .header-model-info {float:right;position:relative;z-index:2;width:250px;background:#fff;background:rgba(255, 255, 255, 0.5);padding:20px 20px 0px 20px;margin:0px 0px 0px 0px;font-size:13px}
#header-model .header-model-info .button-green-detail, #header-model .header-model-info .button-grey-detail {width:100%;margin:0px 20px 10px 0px;text-align:center}
#header-model .header-model-img {position:absolute;right:0px;bottom:0px;left:0px;z-index:1;text-align:center}
#header-model .header-model-img img {display:inline-block;margin-right:-50px!important;margin-bottom:-5px;max-height:100%}
#header-model .product-info-line {float:left;width:100%;margin:0px 0px 20px 0px}
#header-model .sizes div {background:#fff;background:rgba(255, 255, 255, 0.6)}
#header-model .header-model-tabs {position:absolute;bottom:0px;left:0px;z-index:2}
#header-model .tabs li a {border:0px;font-size:14px;padding:3px 16px;background:#d4d4d4}
#header-model .tabs li.current a {background:#fff}
#header-right {position:relative;z-index:2;float:right;width:250px;height:100%;line-height:22px;background:#fff;background:rgba(255, 255, 255, 0.5);color:#fff;text-align:center;overflow:hidden}
#header-right-pos {position:absolute;top:0px;left:0px;width:100%}
#header-right span.heading {float:right;background:#fff;color:#585858;padding:8px 15px;margin:60px 40px 0px 0px;font-size:15px}
#header-right p {clear:both;float:right;width:auto;padding:7px 13px;margin:0px 40px 0px 0px;font-size:13px;color:#686868}
#header-right p span {color:#3684bb;font-size:15px}
#header-right p .load-price {margin:0px 0px 0px 5px}
#header-right .button-green {clear:both;float:right;margin:10px 40px 0px 0px}
#header-right img.picture {margin:195px 0px 0px 0px}
#header-section-bg {float:left;width:100%;height:100%;background-color:#39adde;background-size:cover;background-position:bottom}
#header-full-bg {position:relative;width:100%;height:530px;line-height:22px;z-index:2;overflow:hidden;background-size:cover;background-position:bottom}
#header-full-bg .spacer {position:relative;height:100%}
#header-full-bg .heading {float:left;width:500px;position:relative;z-index:2;padding:150px 0px 30px 110px}
#header-full-bg h1 {float:left;width:100%;margin-bottom:20px;font-size:43px;text-transform:uppercase;font-weight:900;line-height:61px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,0.3), 5px 5px 0px rgba(0,0,0,0.05)}
#header-full-bg .big h1 {font-size:33px;line-height:51px}
#header-full-bg .extrastyle .heading {position:absolute;top:0px;bottom:0px;left:0px;width:45%;background:rgba(75,187,234,0.5);padding:115px 70px 30px 70px}
#header-full-bg .extrastyle .heading h1 {font-size:35px;line-height:49px}
#header-full-bg h1 span {font-size:20px;font-weight:600;display:block;text-transform:none}
#header-full-bg h1 div {width:100%;line-height:26px;font-size:20px;font-weight:400;margin-top:15px;text-transform:none}
#header-full-bg p {float:left;width:100%;line-height:26px;font-size:20px;font-weight:400;margin-top:-25px;text-transform:none;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,0.3), 5px 5px 0px rgba(0,0,0,0.05)}
#header-full-bg .button-green-detail {margin-top:40px}
.header-full-bg-box {float:right;position:relative;margin:110px 100px 0px 0px;width:250px;padding:20px 20px 0px 20px;font-size:13px}
.header-full-bg-box .button-green-detail {width:100%;margin:0px 20px 10px 0px;text-align:center}
.header-full-bg-box .grid-full.grid-item .grid-head div {font-size:20px;line-height:27px}
.header-full-bg-box .grid-full.grid-item .grid-head {right:0px;left:0px;background:rgba(0,0,0,0.3)}
.header-full-bg-box .grid-full.grid-item .grid-hover {right:0px;left:0px}
.header-full-bg-box .grid-full.grid-item:hover .grid-hover {right:0px;left:0px}
#header-top {position:relative;width:100%;height:530px;line-height:22px;z-index:2;overflow:hidden;background-size:cover;background-position:bottom}
#header-top .spacer {position:relative;height:100%}
#header-top #header-background {float:left;width:100%;height:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+16,dad8d4+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 16%, #dad8d4 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 16%,#dad8d4 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 16%,#dad8d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dad8d4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#header-top .heading {float:left;width:560px;position:relative;z-index:2;padding:130px 0px 30px 110px;font-size:18px}
#header-top .heading div {float:left;width:100%;margin-bottom:60px;transform:rotate(-1deg)}
#header-top .heading span {float:left;clear:both;padding:25px 30px;color:#fff;text-transform:uppercase;font-size:43px;font-weight:700}
#header-top .heading span:nth-of-type(1) {background:#39adde}
#header-top .heading span:nth-of-type(2) {background:#a9a191;margin:-6px 0px 0px 80px}
#header-top p {float:left;width:100%;line-height:26px;font-size:19px;font-weight:300;color:#71655e}
#header-top .heading-img {position:absolute;right:60px;bottom:0px;z-index:1;text-align:center;transform:rotate(-4deg)}
#header-top .heading-img div {position:absolute;bottom:140px;width:100%}
#header-top .heading-img .button-green-detail {float:none;display:inline-block}
#header-designs {position:relative;float:left;width:100%;height:530px;line-height:22px;z-index:2;overflow:hidden}
#header-designs .spacer {position:relative;height:100%}
#header-designs div.heading {float:left;width:380px;position:relative;z-index:2;padding:140px 0px 30px 0px}
#header-designs h1 {float:left;width:100%;margin-bottom:20px;font-size:37px;text-transform:uppercase;font-weight:900;line-height:52px;color:#4f4038}
#header-designs p {float:left;width:100%;line-height:26px;font-size:19px;font-weight:400;margin-top:-25px;text-transform:none;color:#71655e}
#header-designs .header-model-img {position:absolute;right:0px;bottom:0px;left:0px;z-index:1;text-align:center}
#header-designs .header-model-img img {display:inline-block;margin-right:-150px!important;margin-bottom:-5px;max-height:100%}
#header-designs .product-box {right:0px!important}
.product-box {position:absolute;bottom:40px;right:60px;float:right;z-index:2;width:250px;background:#fff;background:rgba(255, 255, 255, 0.6);padding:20px 20px 0px 20px;margin:0px 0px 0px 0px;font-size:13px}
.product-box:before {position:absolute;top:50%;right:100%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
.product-box:before {border-right-color:rgba(255, 255, 255, 0.6);border-width:20px}
.product-box-head {float:left;width:100%;margin:0px 0px 20px 0px;padding-bottom:20px;color:#242424;font-size:17px;font-weight:600;border-bottom:1px solid #686868;text-transform:uppercase}
.product-box .button-green-detail {width:100%;margin:0px 20px 10px 0px!important;text-align:center}
.product-box-line {float:left;width:100%;margin:0px 0px 20px 0px}
.product-box .color img {background:rgba(255, 255, 255,0.3)!important;border:0px}
.product-box .pprice {color:#575757}
.product-box small {color:#575757}
.product-box-label {display:block;color:#242424;padding-bottom:20px}
#header-full-bg .header-model-img {position:absolute;right:0px;bottom:0px;width:55%;z-index:1;text-align:center}
#header-full-bg .header-model-img img {display:inline-block;margin-bottom:-5px;max-height:100%}
/* backgrounds */
.bg18 {background:url("../pics/background-18.jpg") no-repeat;background-size:cover}
/* icons */
.icon {background-repeat:no-repeat;background-position:center center}
.ico-lupe {background-image:url("../pics/icons/magnifying.svg")}
.ico-palette {background-image:url("../pics/icons/brush-palette.svg")}
.ico-heart-hand {background-image:url("../pics/icons/heart-hand.svg")}
.ico-bucket {background-image:url("../pics/icons/paint-bucket.svg")}
.ico-time {background-image:url("../pics/icons/time.svg")}
.ico-check {background-image:url("../pics/icons/check.svg")}
.ico-wash-1 {background-image:url("../pics/icons/wash-1.svg")}
.ico-wash-2 {background-image:url("../pics/icons/wash-2.svg")}
.ico-wash-3 {background-image:url("../pics/icons/wash-3.svg")}
.ico-wash-4 {background-image:url("../pics/icons/wash-4.svg")}
.ico-wash-5 {background-image:url("../pics/icons/wash-5.svg")}
.ico-logistic {background-image:url("../pics/icons/logistic.svg")}
.ico-hanging-shirt {background-image:url("../pics/icons/hanging-shirt.svg")}
.ico-print-shirt {background-image:url("../pics/icons/print-shirt.svg")}
.ico-monitor-design {background-image:url("../pics/icons/monitor-design.svg")}
.ico-emoticon {background-image:url("../pics/icons/emoticon.svg")}
.ico-group {background-image:url("../pics/icons/group.svg")}
.ico-recycling {background-image:url("../pics/icons/recycling.svg")}
.ico-service {background-image:url("../pics/icons/service.svg")}
.ico-shirts {background-image:url("../pics/icons/shirts.svg")}
.ico-lock {background-image:url("../pics/icons/lock.svg")}
.ico-basket {background-image:url("../pics/icons/basket.svg")}
.ico-coins {background-image:url("../pics/icons/coins.svg")}
.ico-shield {background-image:url("../pics/icons/shield.svg")}
.ico-brush {background-image:url("../pics/icons/brush.svg")}
.ico-user {background-image:url("../pics/icons/user.svg")}
.ico-vector {background-image:url("../pics/icons/vector.svg")}
.ico-heart {background-image:url("../pics/icons/heart.svg")}
.ico-font {background-image:url("../pics/icons/font.svg")}
.ico-picture {background-image:url("../pics/icons/picture.svg")}
.ico-photo-camera {background-image:url("../pics/icons/photo-camera.svg")}
.ico-more {background-image:url("../pics/icons/more.svg")}
/* search */
.search-box {position:relative;width:100%;padding:60px 20px 80px 20px}
.search-out {display:inline-block;margin:0px 5px;background:#fff;background:rgba(0, 0, 0, 0.3);padding:6px;border-radius:3px}
.search-box input[type=text] {display:inline-block;padding:0px 10px;height:40px;width:400px;border:0px;background-color:rgba(255,255,255,0.8);border-radius:3px;box-shadow:inset 0px 1px 1px #d1d1d1}
.search-box input[type=text]:focus {background:#d6ecf4}
.search-box select {display:inline-block;padding:2px 2px 2px 10px;height:40px;width:100px;border:0px;background-color:rgba(255,255,255,0.8);border-radius:3px;box-shadow:inset 0px 1px 1px #d1d1d1}
.search-box input[type=submit] {float:none;display:inline-block;border:0px;margin:0px}
.searching .button-grey {border:0px}
.btn-left {float:left}
.btn-right {float:right;margin-right:0px}
/* grid */
.grid {position:relative;float:left;width:100%;padding:0px 0px 0px 0px;font-size:14px;line-height:22px;text-align:center}
.grid-spacer {width:1170px;margin:0 auto;padding:20px 0px 0px 0px}
/* grid-item */
.grid-item {position:relative;float:left;text-align:center;overflow:hidden}
.grid-item img {float:left}
.grid-item .grid-head {position:absolute;top:0;right:15px;bottom:0;left:15px;z-index:2;text-align:center;background:rgba(131,124,111,0.3)}
.grid-item .grid-head div {position:relative;padding:50px 20px 0px 20px;color:#fff;font-size:40px;line-height:43px;font-weight:600;text-shadow:1px 1px 10px rgba(0,0,0,0.4)}
.grid-item .grid-head.modelv div {padding:100px 20px 0px 20px}
.grid-item .grid-head div:before {position:absolute;bottom:-30px;content:"";width:0;height:5px;background-color:#ededed;left:0;right:0;margin:auto;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s}
.grid-item:hover .grid-head div {-webkit-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;-moz-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;-o-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1}
.grid-item:hover .grid-head div:before {width:80px}
.grid-item .grid-button {position:absolute;right:15px;bottom:60px;left:15px;z-index:2}
.grid-item .grid-button span {letter-spacing:2px;text-transform:uppercase;padding:5px 10px;border:2px solid #fff;color:#fff;font-size:14px;background:rgba(0,0,0,0.3)}
.grid-item:hover .grid-button span {background:#39adde}
.grid-item .grid-hover {position:absolute;top:0;right:15px;bottom:0;left:15px;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s}
.grid-item .grid-hover:before {position:absolute;content:"";top:20px;right:20px;left:20px;bottom:20px;border:1px solid #fff;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;-webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3);box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.grid-item:hover .grid-hover {position:absolute;top:0;right:15px;bottom:0;left:15px;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s}
.grid-item:hover .grid-hover:before {position:absolute;content:"";top:20px;right:20px;left:20px;bottom:20px;border:1px solid #fff;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;-webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3);box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.grid-item:hover .grid-hover {background-color:#000;background-color:rgba(0,0,0,0.3);zoom:1;background-color:transparent\9}
.grid-item:hover .grid-hover:before {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
@-webkit-keyframes grid-head-ani {
0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);opacity:0;filter:alpha(opacity=0)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1;filter:alpha(opacity=100)}
}
@-moz-keyframes grid-head-ani {
0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);opacity:0;filter:alpha(opacity=0)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1;filter:alpha(opacity=100)}
}
@-o-keyframes grid-head-ani {
0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);opacity:0;filter:alpha(opacity=0)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1;filter:alpha(opacity=100)}
}
@keyframes grid-head-ani {
0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);opacity:0;filter:alpha(opacity=0)}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);opacity:1;filter:alpha(opacity=100)}
}
.grid-box {float:left;width:100%;height:100%;background:#39adde}
/* grid-full */
.grid-full {position:relative;float:left;text-align:center;width:100%;padding:0px 15px;overflow:hidden}
.grid-full.with-img {padding:0px 0px}
.grid-full.grid-item img {float:left;width:100%;height:auto}
.grid-full.grid-item .grid-head div {padding:40px 20px 0px 20px;font-size:24px;line-height:29px}
.grid-full.grid-item:hover .grid-head div:before {bottom:-15px}
.grid-full.grid-item .grid-button {bottom:40px}
.grid-img-2 img {width:50%!important;float:left}
.grid-img-3 img {width:33%!important;float:left}
/* grid-middle */
.grid-middle {position:relative;float:left;text-align:center}
.grid-middle .grid-item {width:100%}
/* grid-gallery */
.grid-gallery {width:176px!important;height:146px!important;overflow:visible!important;float:none!important;display:inline-block}
.grid-gallery img {padding:6px;background:#fff;border:1px solid #dcdbd6;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);border-radius:100px}
.grid-gallery .grid-head {right:15px;bottom:15px;left:15px;background:transparent!important;overflow:hidden}
.grid-gallery .grid-hover {right:15px!important;left:15px!important;border-radius:100px}
.grid-gallery:hover .grid-hover:before {border-radius:100px}
/* grid-gallery */
.grid-motive {float:left;position:absolute;top:0px;right:15px;bottom:0px;left:15px;background:url("../pics/wood.jpg") no-repeat;background-size:cover}
.grid-motive img {float:none;width:70%;margin-top:30px}
/* grid-tut */
.grid-tut {float:left;position:absolute;top:0px;right:15px;bottom:0px;left:15px;background:url("../pics/stone.jpg") no-repeat}
/* grid-nolayer */
.grid-nolayer > div {background:#39adde!important}
.grid-nolayer .grid-head {background:rgba(0,0,0,0.0)}
/* grid-design */
.grid-design {background:url("../pics/shirt-bg.png") no-repeat;background-size:90%;background-position:center top}
.dark.grid-design {background:url("../pics/shirt-dark-bg.png") no-repeat;background-size:90%;background-position:center top}
.grid-design img {float:none;max-width:100%;max-height:100%;padding:45% 20% 30% 20%}
#designs .grid-design .grid-head {top:35%;right:20%;bottom:15%;left:20%;background-repeat:no-repeat;background-size:contain;background-position:center center}
#designs .grid-design img {padding-bottom:20px}
/* grid 3 */
.grid-3 {width:33.3%;padding:15px 0px}
.grid-3:nth-child(1) {padding-right:20px}
.grid-3:nth-child(2) {padding-right:10px;padding-left:10px}
.grid-3:nth-child(3) {padding-left:20px}
.grid-3:nth-child(4) {padding-right:20px}
.grid-3:nth-child(5) {padding-right:10px;padding-left:10px}
.grid-3:nth-child(6) {padding-left:20px}
.grid-3-2 img {position:relative}
.grid-3-2 .grid-item:nth-of-type(1) .grid-box {bottom:15px}
.grid-3-2 .grid-item:nth-of-type(2) .grid-box {top:15px}
.grid-3.grid-3-2 .grid-item:nth-of-type(1) .grid-head {top:15px}
.grid-3.grid-3-2 .grid-item:nth-of-type(1) .grid-hover {top:15px}
.grid-3.grid-3-2:hover .grid-item:nth-of-type(1) .grid-hover {top:15px}
.grid-3.grid-3-2 .grid-item:nth-of-type(2) .grid-head {bottom:15px}
.grid-3.grid-3-2 .grid-item:nth-of-type(2) .grid-hover {bottom:15px}
.grid-3.grid-3-2:hover .grid-item:nth-of-type(2) .grid-hover {bottom:15px}
.grid-3.grid-3-2 .grid-item:nth-of-type(2) .grid-button {bottom:55px}
.grid-3 .grid-box {position:relative;overflow:hidden}
.grid-3.grid-item .grid-head {left:0px;right:0px}
.grid-3.grid-item .grid-hover {left:0px;right:0px}
.grid-3.grid-item:hover .grid-hover {left:0px;right:0px}
.grid-3 img {width:100%;height:auto}
.grid-3.grid-middle .grid-item {width:100%}
.grid-3.grid-middle .grid-item .grid-head {top:0px;right:0px;bottom:0px;left:0px}
.grid-3.grid-middle .grid-item .grid-head div {padding:40px 20px 0px 20px;font-size:27px;line-height:25px}
.grid-3.grid-middle .grid-item .grid-hover {top:0px;right:0px;bottom:0px;left:0px}
.grid-3.grid-middle .grid-item:hover .grid-hover {top:0px;right:0px;bottom:0px;left:0px}
.grid-3.grid-middle .grid-item .grid-button {bottom:40px}
/* grid 4 */
.grid-4 {width:25%;/*height:200px;*/padding:0px 15px;overflow:hidden}
.grid-4 .grid-head div {font-size:18px!important;line-height:26px}
.grid-4 img {width:100%;height:auto}
.grid-4 .grid-button {bottom:40px}
.grid-4 .grid-button span span {background:none;border:0px;padding:0px}
.grid-4 .grid-button span span img {width:auto}
/* grid 5 */
.grid-5 {width:191px;height:158px;padding:0px 15px 0px 15px;margin:0px 0px 30px 0px;overflow:hidden}
.grid-5 .grid-head {right:0px;bottom:0px;left:0px}
.grid-5 .grid-head div {font-size:18px!important;line-height:29px}
.grid-5 .grid-head div:before {bottom:-10px}
.grid-5 .grid-head div.icon {opacity:0;width:100%;height:100%;background-size:20px}
.grid-5:hover .grid-head div.icon {opacity:1}
.grid-5.grid-item .grid-hover {right:0px;bottom:0px;left:0px}
.grid-5.grid-item:hover .grid-hover {right:0px;bottom:0px;left:0px}
.grid-5-big {width:383px;height:346px;padding:0px 15px 0px 15px;margin:0px 0px 30px 0px;overflow:hidden}
.grid-5-big .grid-head {right:0px;bottom:0px;left:0px}
.grid-5-big.grid-item .grid-hover {right:0px;bottom:0px;left:0px}
.grid-5-big.grid-item:hover .grid-hover {right:0px;bottom:0px;left:0px}
/* grid 6 */
.grid-6 {width:230px;/*height:230px;*/padding:0px 15px 0px 15px;margin:15px 0px 15px 0px;overflow:hidden}
.grid-6 .grid-head {right:0px;left:0px;background-color:transparent!important}
.grid-6 .grid-head div {opacity:0;font-size:16px!important}
.grid-6:hover .grid-head div {opacity:1}
.grid-6 .grid-head div.icon {opacity:0;width:100%;height:100%;background-size:20px}
.grid-6:hover .grid-head div.icon {opacity:1}
.grid-6.grid-item .grid-hover {top:50%;right:auto;bottom:auto;left:50%;width:100px;height:100px;margin:-50px 0px 0px -50px;background-color:transparent!important}
.grid-6.grid-item .grid-hover:before {border-radius:50%}
.grid-6.grid-item:hover .grid-hover {top:50%;right:auto;bottom:auto;left:50%;width:100px;height:100px;margin:-50px 0px 0px -50px}
.grid-6.grid-item:hover .grid-hover:before {top:20px;right:20px;left:20px;bottom:20px;background:#39adde;border:1px solid #39adde;border-radius:50%}
.grid-center {display:inline-block;margin:0 auto}
/* content */
.content {position:relative;float:left;width:100%;font-size:14px;line-height:22px;background:#fff}
.content.headline h1, .content.headline h2 {position:relative;font-weight:300;font-size:30px!important;padding-bottom:0px}
.content.headline h3 {padding-bottom:0px;text-transform:uppercase;font-size:24px;color:#837c6f}
.content.headline h1 span, .content.headline h2 span {position:relative;font-size:17px;font-weight:100;display:block;padding-top:32px;color:#686868;text-transform:none}
.content.headline h1 span:after, .content.headline h2 span:after {position:absolute;top:0px;content:"";width:10%;height:1px;background-color:#0d84c1;left:0;right:0;margin:17px auto auto auto}
.content.headline h3 span {position:relative;display:block;padding:10px 0px 0px 0px;font-size:16px;line-height:22px;font-weight:100;color:#686868;text-transform:none}
.content.headline h2.h2-extra {position:relative;font-size:17px!important;font-weight:100;display:block;padding-top:0px;color:#686868;text-transform:none}
.content.headline h2.h2-extra:after {position:absolute;top:0px;content:"";width:10%;height:1px;background-color:#0d84c1;left:0;right:0;margin:-8px auto auto auto}
.subline {position:relative;width:100%;text-align:center;font-size:17px;line-height:28px;font-weight:100;display:block;padding:32px 0px 20px 0px;color:#686868;text-transform:none}
.subline-h3, #right .subline {position:relative;width:100%;text-align:center;font-size:17px;line-height:28px;font-weight:100;display:block;padding:10px 0px 20px 0px;color:#686868;text-transform:none}
#right .subline {padding:0px 0px 20px 0px;text-align:left}
.subline:after, .subline:after {position:absolute;top:0px;content:"";width:10%;height:1px;background-color:#0d84c1;left:0;right:0;margin:17px auto auto auto}
.subline-h3:after, .subline-h3:after, #right .subline:after {display:none}
.content-spacer, .content-spacer-center {width:1170px;margin:0 auto;padding:70px 20px 0px 20px}
.content-spacer-center h1, .content-spacer-center h2, .content-spacer-center h3, .content-spacer-center h4 {text-align:center}
.content-spacer-center h1, .content-spacer-center h2 {font-size:27px}
.content-spacer-center .button-green {float:none;display:inline-block}
.content h1 {width:100%;font-weight:300;font-size:26px}
.content h1 span {position:relative;font-size:17px;font-weight:100;display:block;padding-top:12px;color:#686868;text-transform:none}
.content h2 {font-size:20px;font-weight:400}
.content h3 {font-weight:300}
.v-spacer {background:#fafafa}
.v-spacer.content.headline {margin-top:60px}
.v-spacer.view-teaser {padding-bottom:60px}
.v-spacer.start-teaser {padding-bottom:60px}
.v-spacer.grid {padding-bottom:60px}
.v-spacer.bestseller-teaser {padding-bottom:60px}
.v-spacer.teaser {padding-bottom:60px}
.half {float:left;position:relative;width:50%}
.half.txt {padding:0px 40px}
.half .half-img {float:left;width:100%;padding:0px 0px 20px 0px}
.half .half-img img {float:left;width:100%;max-width:100%;height:auto}
.half .start-img {margin:20px 0px 20px 0px}
.full-img {width:100%;float:left;text-align:center}
.full-img img {display:inline-block;max-width:100%;height:auto}
/* start */
.start {float:left;position:relative;width:100%;padding:0px 0px 30px 0px;margin:0px 0px 40px 0px;border-bottom:1px dotted #f0f0f0;line-height:25px}
.start-left {float:left;width:263px}
.start-right {float:right;width:577px}
.start.center {text-align:center;font-size:14px}
.wide-start {float:left;position:relative;width:100%;padding:15px 0px 20px 0px;margin:0px;line-height:25px}
.wide-start.center {text-align:center;font-size:14px}
/* teaser */
.teaser {position:relative;float:left;width:100%;padding:0px 0px 0px 0px;font-size:14px;line-height:22px;text-align:center}
.teaser-spacer {width:1170px;margin:0 auto;padding:30px 10px 0px 10px}
.teaser h3 {float:left;width:100%;padding:0px 30px 20px 30px;text-align:center;color:#0d84c1;font-size:20px}
.teaser p.subline-h3 {display:block;padding:10px 30px 40px 30px;font-size:16px;line-height:22px;font-weight:100;color:#686868}
.teaser-img {width:100%;text-align:center}
.teaser-img img {display:inline-block}
.teaser-content {padding:0px 30px}
.teaser .wide-start {padding:15px 30px 20px 30px}
.tea4 .round-teaser {width:200px;margin:0px 15px 30px 15px}
.tea5 .round-teaser {width:197px;margin:0px 15px 30px 15px}
/* round-teaser list */
ul.round-teaser {display:inline-block;width:100%;margin:0px;padding:0px}
ul.round-teaser li {position:relative;display:inline-block;vertical-align:top}
ul.round-teaser .round-teaser-ico {display:inline-block;width:100px;height:100px;border-radius:80px;background-color:#39adde;background-size:40px}
ul.round-teaser.style2 .round-teaser-ico {background-color:#f3f3f3;border:5px solid #fff;box-shadow:0px 3px 4px rgba(0,0,0,0.1);overflow:hidden}
ul.round-teaser .round-teaser-ico img {display:inline-block;width:95%;height:auto;padding-top:15px;transition:all .4s ease-in-out}
ul.round-teaser .round-teaser-ico.icon-count {color:#fff;font-size:45px;padding-top:37px}
ul.round-teaser .round-teaser-txt {display:block;width:100%;padding-top:20px}
ul.round-teaser li:hover .round-teaser-ico img {width:100%;padding-top:0px}
ul.round-teaser.rtea3 li {width:33%;padding:0px 15px 30px 15px}
ul.round-teaser.rtea4 li {width:200px;margin:0px 15px 30px 15px}
ul.round-teaser.rtea5 li {width:197px;margin:0px 15px 30px 15px}
ul.round-teaser.rtea7 li {width:131px;margin:0px 15px 30px 15px}
/* bestseller-teaser */
.bestseller-teaser {position:relative;float:left;width:100%;padding:20px 0px 20px 0px;font-size:14px;line-height:22px;text-align:center}
.bestseller-item {float:left;width:50%}
.bestseller-item:nth-of-type(1) {padding-right:20px}
.bestseller-item:nth-of-type(2) {padding-left:20px}
.bestseller-product {position:relative;float:left;width:100%;background-size:cover;background-repeat:no-repeat}
.bestseller-product.bgmenshirt {background-image:url('../pics/produkte/bestseller/men-premium-shirt.jpg')}
.bestseller-product.bgwomenshirt {background-image:url('../pics/produkte/bestseller/women-premium-shirt.jpg');background-position:right}
.bestseller-content {float:left;width:100%;padding:40px 0px;background:rgba(131,124,111,0.3)}
.bestseller-title {position:relative;padding:50px 20px 30px 20px;color:#fff;font-size:26px;line-height:33px;font-weight:600;text-shadow:1px 1px 10px rgba(0,0,0,0.4)}
.bestseller-color {float:left;width:100%;padding:20px 20px}
.bestseller-button {z-index:2}
.bestseller-button span.bbutton {letter-spacing:2px;text-transform:uppercase;padding:5px 10px;border:2px solid #fff;color:#fff;font-size:14px;background:rgba(0,0,0,0.3)}
.bestseller-button:hover span.bbutton {background:#39adde}
/* view-teaser */
.view-teaser {position:relative;float:left;width:100%;padding:20px 0px 20px 0px;font-size:14px;line-height:22px;text-align:center}
.view-item {float:left;width:33.3%}
.view-title {float:left;position:relative;width:100%;z-index:1}
.view-title div {display:inline-block;transform:rotate(-1deg);margin-top:-36px}
.view-item:nth-of-type(2) .view-title div {margin-bottom:-36px;margin-top:0px}
.view-title span {float:left;clear:both;padding:8px 16px;color:#fff;text-transform:uppercase;font-size:16px;font-weight:700}
.view-title span:nth-of-type(1) {background:#a9a191;font-size:13px}
.view-title span:nth-of-type(2) {background:#39adde;margin:-6px 0px 0px 30px}
.view-img {position:relative;display:inline-block;background:#edecea;border-radius:50%;width:190px;height:190px;overflow:hidden;border:5px solid #fff;box-shadow:0px 8px 16px rgba(0,0,0,0.07);transition:all .4s ease-in-out}
.view-img:hover {box-shadow:0px 18px 26px rgba(0,0,0,0.2)}
.view-img img {width:100%;height:auto}
/* start-teaser */
.start-teaser {position:relative;float:left;width:100%;padding:20px 0px 20px 0px;font-size:14px;line-height:22px;text-align:center}
.start-item {float:left;width:33.3%}
.start-item:nth-of-type(1) {padding-right:20px}
.start-item:nth-of-type(2) {padding:0px 10px}
.start-item:nth-of-type(3) {padding-left:20px}
.start-img {position:relative;float:left;width:100%;overflow:hidden}
.start-img img {float:left;width:100%;height:auto;max-width:100%}
.start-content {float:left;width:100%;padding:20px 0px}
.start-title {color:#0d84c1;font-size:18px;line-height:33px}
.start-content p {position:relative;color:#686868}
.start-content p:after {position:absolute;top:0px;content:"";width:10%;height:1px;background-color:#0d84c1;left:0;right:0;margin:-12px auto auto auto}
/* designit hover */
.designit-hover {position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:2}
.designit .grid-hover {position:absolute;top:0;right:15px;bottom:0;left:15px;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s}
.designit .grid-hover:before {position:absolute;content:"";top:20px;right:20px;left:20px;bottom:20px;border:1px solid #fff;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;-webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3);box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.designit:hover .grid-hover {position:absolute;top:0;right:15px;bottom:0;left:15px;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s}
.designit:hover .grid-hover:before {position:absolute;content:"";top:20px;right:20px;left:20px;bottom:20px;border:1px solid #fff;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;-webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3);box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.designit:hover .grid-hover {background-color:#000;background-color:rgba(0,0,0,0.3);zoom:1;background-color:transparent\9}
.designit:hover .grid-hover:before {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.designit .grid-hover {position:absolute;top:50%;right:auto;bottom:auto;left:50%;width:100px;height:100px;margin:-150px 0px 0px -50px;background-color:transparent!important}
.designit .grid-hover:before {border-radius:50%}
.designit:hover .grid-hover {top:50%;right:auto;bottom:auto;left:50%;width:100px;height:100px;margin:-50px 0px 0px -50px}
.designit:hover .grid-hover:before {top:20px;right:20px;left:20px;bottom:20px;background:#39adde;border:1px solid #39adde;border-radius:50%}
.designit:hover div.icon {-webkit-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;-moz-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;-o-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1}
.designit div.icon {opacity:0;width:100%;height:100%;background-size:20px}
.designit:hover div.icon {opacity:1}
/* img-listing */
.img-listing {width:33.3%;float:left;position:relative;margin-bottom:40px}
.img-listing.listmiddle img {width:100%;max-width:100%;height:auto;margin-top:-50px}
.img-listing.listmiddle div {position:absolute;top:60%;right:0px;left:0px;text-align:center}
.img-listing.listmiddle .button-green-detail {float:none;display:inline-block}
.img-listing .round-teaser li {width:100%!important;margin:15px 0px!important}
.img-listing .round-teaser-ico {position:absolute;width:60px!important;height:60px!important;background-size:25px!important}
.img-listing .round-teaser-txt {padding-top:10px!important}
.img-listing:nth-child(1) {padding-right:30px}
.img-listing:nth-child(3) {padding-left:30px}
.img-listing:nth-child(1) .round-teaser-ico {top:0px;left:0px}
.img-listing:nth-child(3) .round-teaser-ico {top:0px;right:0px}
.img-listing:nth-child(1) .round-teaser-txt {padding-left:90px}
.img-listing:nth-child(3) .round-teaser-txt {padding-right:90px;text-align:right}
/* youtube */
.youtube-spacer {padding-left:0px;padding-right:0px}
.youtube {width:100%;padding:20px 0px;float:left;text-align:center;background:url('../pics/youtube.gif') no-repeat center center}
.youtube iframe {width:650px;height:350px}
/* design search */
.design-search {float:left;width:100%;padding:30px 0px;margin-top:30px;background:#fafafa}
.design-search form {float:left;width:100%}
.design-search form div {float:left}
.design-search form div:nth-of-type(1) {width:20%;padding-right:20px;color:#a6a09a;font-weight:100;font-size:15px}
.design-search form div:nth-of-type(2) {width:50%;margin-right:-1px}
.design-search form div:nth-of-type(3) {width:20%;padding-right:30px}
.design-search form div:nth-of-type(4) {width:10%}
.design-search input[type=text] {float:left;padding:0px 10px;height:40px;width:100%;border:1px solid #dbd2cf;background-color:#fff;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1)}
.design-search input[type=text]:focus {background:#d6ecf4}
.design-search select {float:left;padding:2px 30px 2px 10px;height:40px;width:100%;border:1px solid #e0dcdc;background-color:#fafafa;color:#a6a09a;box-shadow:inset -1px -1px 16px rgba(0,0,0,0.1);-webkit-appearance:none;-moz-appearance:none;border-radius:0px;background-image:url("../pics/icons/arrow-down.svg");background-repeat:no-repeat;background-position:92% center;background-size:6%}
.design-search select::-ms-expand {display:none} /* IE hack */
.design-search input[type=submit] {float:left;width:100%;height:40px;border:1px solid #39adde;margin:0px;background:#39adde;color:#fff;cursor:pointer}
.design-search input[type=submit]:hover {background:#0d84c1;border:1px solid #0d84c1}
.half .design-search {padding:0px 0px;margin:0px 0px 60px 0px}
.half .design-search form div:nth-of-type(1) {width:65%;padding-right:0px;margin-right:-1px}
.half .design-search form div:nth-of-type(2) {width:35%;padding-right:0px}
.half .design-search.textload form div:nth-of-type(2) {width:35%;padding-right:0px;display:block}
.more-button {position:absolute;left:50%;bottom:0px;width:150px;z-index:4;margin:0px 0px -30px -75px;text-align:center}
.more-button a span {position:absolute;left:50%;white-space:nowrap;color:rgba(255,255,255,0.7);margin:-30px 0px 0px -67px;transition:all .4s ease-in-out}
.more-button div {box-sizing:content-box;display:inline-block;border-radius:50%;width:60px;height:60px;border:3px solid #fff;background-color:#fff;background-image:url("../pics/icons/arrow-down.svg");background-repeat:no-repeat;background-position:center center;transition:all .4s ease-in-out}
.more-button a:hover {text-decoration:none}
.more-button a:hover div {border:3px solid rgba(255,255,255,0.5);background-position:center 30px}
.more-button a:hover span {color:rgba(255,255,255,1.0)}
/* box */
.box .half:nth-child(1) {padding:0px 15px 0px 0px}
.box .half:nth-child(2) {padding:0px 0px 0px 15px}
.box-content {float:left;width:100%;background:#39adde;color:#fff;padding:30px;border-radius:3px}
.box-content img {float:left;width:20%;height:auto}
.box-content h3 {float:right;width:80%;padding:0px 0px 20px 30px;color:#fff}
.box-content p {float:right;width:80%;padding:0px 0px 0px 30px}
.box-content a {color:#bee1f8}
.box-content small {font-size:12px;color:#fff}
/* content-box */
.content-box {float:left;position:relative;width:100%}
.content-box-img {position:absolute;top:0px;left:0px;bottom:0px;overflow:hidden;width:50%;float:left;background:#39adde;background-size:cover;background-repeat:no-repeat}
.content-box-img .content-box-head {position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;background:rgba(0,0,0,0.3)}
.content-box-img .content-box-head div {position:relative;padding:80px 20px 0px 20px;color:#fff;font-size:28px;line-height:37px;font-weight:600;text-shadow:1px 1px 10px rgba(0,0,0,0.4)}
.content-box-img .content-box-head div:before {position:absolute;width:80px;bottom:-20px;content:"";height:5px;background-color:#ededed;left:0;right:0;margin:auto}
.content-box-img .content-box-layer {position:absolute;top:0;left:0;width:100%;height:100%}
.content-box-img .content-box-layer:before {position:absolute;content:"";top:20px;left:20px;right:20px;bottom:20px;border:1px solid #fff;box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.content-box-color {position:absolute;top:0px;left:0px;bottom:0px;width:50%;float:left;background:#39adde}
.content-box-color .content-box-head div {position:relative;padding:80px 20px 0px 20px;color:#fff;font-size:28px;line-height:37px;font-weight:600;text-shadow:1px 1px 10px rgba(0,0,0,0.4)}
.content-box-color .content-box-head div:before {position:absolute;width:80px;bottom:-20px;content:"";height:5px;background-color:#ededed;left:0;right:0;margin:auto}
.content-box-txt {float:right;width:50%;padding:30px 40px;background:#f5f5f5}
.content-box-button {position:absolute;bottom:60px;z-index:2;width:100%}
.content-box-button span {letter-spacing:2px;text-transform:uppercase;padding:5px 10px;border:2px solid #fff;color:#fff;font-size:14px;background:rgba(0,0,0,0.3)}
.content-box h3 {text-align:left;color:#686868}
.content-box h4 {text-align:left;color:#686868}
.content-box.right-img .content-box-img {left:auto;right:0px}
.content-box.right-img .content-box-txt {float:left}
.content-box-img:hover .content-box-head div {-webkit-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;-moz-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;-o-animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;animation:grid-head-ani 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1}
.content-box-img:hover .content-box-head div:before {width:80px}
.content-box-img:hover .content-box-button span {background:#39adde}
.content-box-img:hover .content-box-layer {position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s}
.content-box-img:hover .content-box-layer:before {position:absolute;content:"";top:20px;left:20px;right:20px;bottom:20px;border:1px solid #fff;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;transition:all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;-webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3);box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.content-box-img:hover .content-box-layer {background-color:#000;background-color:rgba(0,0,0,0.3);zoom:1;background-color:transparent\9}
.content-box-img:hover .content-box-layer:before {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
/* quote */
.quote {position:relative;float:left;width:100%;padding:60px 0px 0px 0px;font-size:14px;line-height:22px;text-align:center}
.quote-spacer {width:1170px;margin:0 auto;padding:30px 10px 0px 10px}
.quote-txt {float:left;width:100%;padding-right:50px;text-align:left}
.quote-img {float:right;width:15%}
.quote-img-holder {width:150px;height:150px;border-radius:100px;border:5px solid #fff;overflow:hidden;box-shadow:0px 5px 5px rgba(0,0,0,0.3)}
.quote small {font-size:13px;display:block;padding-top:10px}
/* top-designs */
.top-designs {position:relative;float:left;width:100%;padding:50px 0px 0px 0px;margin-bottom:-30px;font-size:14px;line-height:22px;text-align:center;background:#fff}
.top-designs-spacer {width:1170px;margin:0 auto}
/* left */
#left {float:right;position:relative;width:250px;margin-top:50px;background:#fff}
.left-menu-headline {padding:12px 0px 10px 30px;border-bottom:1px solid #ddd;background:#fafafa;font-size:14px;font-weight:400;color:#686868}
#left-in {float:left;position:relative;z-index:2;width:100%}
#left ul {float:left;position:relative;width:100%;margin:0px 0px 40px 0px}
#left ul ul {margin:0px;border:0px}
#left li {float:left;position:relative;z-index:2;width:100%}
#left li a {float:left;width:100%;padding:8px 15px 8px 30px;font-size:14px;font-weight:600;color:#686868;border-bottom:1px dotted #f0f0f0;background:#fff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
#left li:last-child a {border-bottom:0px}
#left li li a {padding:6px 15px 6px 30px;font-weight:100;font-size:13px;background:#fff}
#left li a:hover {color:#39adde;text-decoration:none;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
#left li a.active, #left li a.active:hover {color:#3593cf;font-weight:600;border-left:3px solid #39adde}
#left li li a.active, #left li li a.active:hover {color:#3593cf;border-left:0px}
#left ul:before {position:absolute;top:15px;right:50px;bottom:15px;left:0px;z-index:1;content:"";box-shadow:0px -2px 30px -4px rgba(0, 0, 0, 0.2)}
#left ul ul:before {display:none}
/* cloth icons */
#left .clothing-menu li a, #left .clothing-menu li a:hover {background-image:none}
#left .clothing-menu li a {padding:11px 15px 11px 15px}
#left .clothing-menu li li a, #left .clothing-menu li li a.active {padding:6px 15px 6px 15px}
.cloth, .micon {display:inline-block;width:20px;height:20px;margin-right:15px;background-image:url("../pics/cloth.png");background-repeat:no-repeat}
.ico-txt {display:inline-block;height:20px}
.ico-sh {background-position:0px 2px}
a:hover .ico-sh, a.active .ico-sh {background-position:-46px 2px}
.active .micon.ico-sh {background-position:-23px 2px}
.ico-bio {background-position:0px -54px}
a:hover .ico-bio, a.active .ico-bio {background-position:-46px -54px}
.active .micon.ico-bio {background-position:-23px -54px}
.ico-lsh {background-position:0px -16px}
a:hover .ico-lsh, a.active .ico-lsh {background-position:-46px -16px}
.active .micon.ico-lsh {background-position:-23px -16px}
.ico-psh {background-position:0px -197px}
a:hover .ico-psh, a.active .ico-psh {background-position:-40px -197px}
.active .micon.ico-psh {background-position:-20px -197px}
.ico-pul {background-position:0px -34px}
a:hover .ico-pul, a.active .ico-pul {background-position:-46px -34px}
.active .micon.ico-pul {background-position:-23px -34px}
.ico-jac {background-position:0px -74px}
a:hover .ico-jac, a.active .ico-jac {background-position:-46px -74px}
.active .micon.ico-jac {background-position:-23px -74px}
.ico-unt {background-position:2px -113px}
a:hover .ico-unt, a.active .ico-unt {background-position:-38px -113px}
.active .micon.ico-unt {background-position:-19px -113px}
.ico-wunt {background-position:0px -131px}
a:hover .ico-wunt, a.active .ico-wunt {background-position:-46px -131px}
.active .micon.ico-wunt {background-position:-23px -131px}
.ico-tri {background-position:0px -94px}
a:hover .ico-tri, a.active .ico-tri {background-position:-46px -94px}
.active .micon.ico-tri {background-position:-23px -94px}
.ico-hos {background-position:4px -151px}
a:hover .ico-hos, a.active .ico-hos {background-position:-28px -151px}
.active .micon.ico-hos {background-position:-12px -151px}
.ico-spo {background-position:0px -172px}
a:hover .ico-spo, a.active .ico-spo {background-position:-39px -172px}
.active .micon.ico-spo {background-position:-18px -172px}
.ico-top {background-position:0px -222px}
a:hover .ico-top, a.active .ico-top {background-position:-39px -222px}
.active .micon.ico-top {background-position:-18px -222px}
.ico-bod {background-position:0px -246px}
a:hover .ico-bod, a.active .ico-bod {background-position:-39px -246px}
.active .micon.ico-bod {background-position:-18px -246px}
.ico-cap {background-position:0px -266px}
a:hover .ico-cap, a.active .ico-cap {background-position:-39px -266px}
.active .micon.ico-cap {background-position:-18px -266px}
.ico-sch {background-position:0px -285px}
a:hover .ico-sch, a.active .ico-sch {background-position:-39px -285px}
.active .micon.ico-sch {background-position:-18px -285px}
.ico-tas {background-position:0px -306px}
a:hover .ico-tas, a.active .ico-tas {background-position:-39px -306px}
.active .micon.ico-tas {background-position:-18px -306px}
.ico-reg {background-position:0px -327px}
a:hover .ico-reg, a.active .ico-reg {background-position:-39px -327px}
.active .micon.ico-reg {background-position:-18px -327px}
.ico-but {background-position:0px -345px}
a:hover .ico-but, a.active .ico-but {background-position:-39px -345px}
.active .micon.ico-but {background-position:-18px -345px}
.ico-lan {background-position:0px -363px}
a:hover .ico-lan, a.active .ico-lan {background-position:-39px -363px}
.active .micon.ico-lan {background-position:-18px -363px}
.ico-wes {background-position:0px -383px}
a:hover .ico-wes, a.active .ico-wes {background-position:-39px -383px}
.active .micon.ico-wes {background-position:-18px -383px}
.ico-gut {background-position:0px -404px}
a:hover .ico-gut, a.active .ico-gut {background-position:-39px -404px}
.active .micon.ico-gut {background-position:-18px -404px}
.ico-hue {background-position:0px -424px}
a:hover .ico-hue, a.active .ico-hue {background-position:-39px -424px}
.active .micon.ico-hue {background-position:-18px -424px}
.ico-schue {background-position:0px -445px}
a:hover .ico-schue, a.active .ico-schue {background-position:-39px -445px}
.active .micon.ico-schue {background-position:-18px -445px}
.ico-kus {background-position:0px -465px}
a:hover .ico-kus, a.active .ico-kus {background-position:-39px -465px}
.active .micon.ico-kus {background-position:-18px -465px}
.ico-tass {background-position:0px -488px}
a:hover .ico-tass, a.active .ico-tass {background-position:-39px -488px}
.active .micon.ico-tass {background-position:-18px -488px}
.default .micon {display:inline-block;width:20px;height:20px;margin-right:15px;background-image:url("../pics/icons.svg");background-repeat:no-repeat;background-size:214px}
.ico-txt {display:inline-block;height:20px}
/*.ico-hdruck {background-position:-2px -42px;background-size:100px!important}
a:hover .ico-hdruck, a.active .ico-hdruck {background-position:-74px -42px}
.active .micon.ico-hdruck {background-position:-39px -41px}
.ico-hwash {background-position:-1px -7px;background-size:83px!important}
a:hover .ico-hwash, a.active .ico-hwash {background-position:-61px -7px}
.active .micon.ico-hwash {background-position:-30px -6px}
.ico-hhelp {background-position:-2px -111px;background-size:100px!important}
a:hover .ico-hhelp, a.active .ico-hhelp {background-position:-74px -111px}
.active .micon.ico-hhelp {background-position:-39px -111px}
.ico-hdoor {background-position:0px -61px;background-size:83px!important}
a:hover .ico-hdoor, a.active .ico-hdoor {background-position:-60px -61px}
.active .micon.ico-hdoor {background-position:-32px -61px}
.ico-hcode {background-position:-2px -145px;background-size:100px!important}
a:hover .ico-hcode, a.active .ico-hcode {background-position:-74px -145px}
.active .micon.ico-hcode {background-position:-38px -144px}*/
/* left box */
.left-box {float:left;position:relative;width:100%;margin:0px 0px 30px 0px;font-size:11px}
.left-box ul {float:left;position:relative;z-index:2;width:100%;padding:20px;margin:0px!important;background:#fafafa;box-shadow:none!important}
.left-box li {background-image:url("../pics/icons/check-mark.svg");background-repeat:no-repeat;background-size:11px;background-position:0px 2px;padding:0px 0px 5px 20px;line-height:17px}
.left-box ul:before {display:none}
.left-box:before {position:absolute;top:15px;right:50px;bottom:15px;left:0px;z-index:1;content:"";box-shadow:0px -2px 30px -4px rgba(0, 0, 0, 0.2)}
/* left banner */
.left-banner {float:left;position:relative;width:100%;margin:0px 0px 30px 0px}
.left-banner a {position:relative;float:left;width:100%;font-size:11px;overflow:hidden}
.left-banner img {float:left;position:relative;z-index:2}
.left-banner-text {position:absolute;bottom:6px;right:6px;left:6px;z-index:3;padding:8px 20px;background:rgba(255,255,255,0.7);line-height:17px}
.left-banner-tipp {position:absolute;top:0px;right:0px;z-index:3;padding:2px 8px;background:#639d1e;color:#fff;line-height:17px;font-size:10px;font-weight:600}
.left-banner:before {position:absolute;top:15px;right:50px;bottom:15px;left:0px;z-index:1;content:"";box-shadow:0px -2px 30px -4px rgba(0, 0, 0, 0.2)}
/* right */
#right {float:left;width:920px;padding:60px 80px 0px 0px}
/* product boxes */
/* three */
.three {position:relative;float:left;width:30%;margin:0px 5% 40px 0px}
.three:nth-child(3n) {margin-right:0px}
.three .box-head {float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:400;padding:0px 0px 10px 0px;color:#585858}
.three .box-head a {color:#585858}
.three:hover .box-head a {color:#39adde}
.three .image-effect {float:left;width:100%;height:210px;padding:10px 0px 0px 0px;overflow:hidden;background:#fff;border-bottom:1px solid #f0f0f0}
.three .image-effect img {float:left;width:100%;margin:0px 0px 0px -80px;transition:0.5s ease-out;-moz-transition:0.5s ease-out;-webkit-transition:0.5s ease-out;-o-transition:0.5s ease-out}
.three .image-effect:hover img {width:95%;margin:0px 0px 0px -40px;transform:rotate(10deg);-moz-transform:rotate(10deg);-webkit-transform:rotate(10deg);-o-transform:rotate(10deg)}
.three .box-inner {float:left;width:100%;padding:25px 0px}
/* product-detail */
.product-detail {position:relative;float:right;width:100%;padding:0px 20px 20px 0px;border-radius:3px 3px 3px 0px}
.productview-left {float:left;width:50%}
.productview-right {float:right;width:50%}
.product-view-right .content-list {width:100%;margin:0px 0px 20px 0px}
.product-view-right .product-info-line {float:left;width:100%;margin:0px 0px 20px 0px}
.product-view-right .product-info-line .button-green-detail {margin:20px 20px 0px 0px}
.product-view-right .product-info-line small {margin:20px 0px 0px 0px}
.product-info-line .product-info-label {width:100%;padding-bottom:10px;display:block;color:#919191}
.product-detail .image {position:relative;float:left;width:100%;background:#fff}
.product-detail .image img {float:left}
.price {font-size:15px;color:#3684bb;padding-top:5px}
.price div {display:inline-block}
.price span {font-size:13px;color:#686868;padding-right:5px}
.pprice span {font-size:35px;color:#3684bb}
.pprice small {display:block;margin-top:10px;line-height:15px;font-family:"Open Sans",serif}
/* draw */
.draw {position:absolute;top:55%;left:45%;text-align:left}
.var2 .draw {left:52%}
.draw-inner {float:left;width:160px;padding:10px 15px;line-height:21px;overflow:hidden;background:rgba(255, 255, 255, 0.8);font-weight:600;border-left:3px solid #39adde;text-transform:uppercase;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2)}
.draw-inner:after {position:absolute;top:50%;right:100%;width:0px;height:0px;content:" ";border:solid transparent;pointer-events:none}
.draw-inner:after {margin-top:-8px;border-color:rgba(75, 187, 234, 0);border-right-color:rgba(75, 187, 234, 1.0);border-width:10px}
.draw-inner span {display:block;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600;width:30em;animation:type 4s steps(60, end)}
.draw-inner span:nth-child(2){animation:type2 3s steps(60, end)}
@keyframes type {
from {width:0}
}
@keyframes type2 {
0%{width:0} 50%{width:0} 100%{width:177}
}
/* api items */
.color {display:inline-block}
.color img {display:inline-block;width:26px;height:26px;padding:3px;margin:0px 9px 0px 0px;background:#fff;border:1px solid #dcdbd6;border-radius:13px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
.load-price {margin:0px 0px 4px 25px}
.load-content {margin:4px 0px 4px 0px}
.sizes div {display:inline-block;min-width:40px;padding:0px 5px;margin:0px 5px 10px 0px;border:1px dotted #f0f0f0;font-weight:600;text-align:center}
/* product-details */
.product-details {float:left;width:100%;padding:20px 20px 20px 20px;margin:0px 30px 0px 0px;background:#fafafa;text-align:center;border-radius:3px}
.product-details .image {float:left;width:100%;border:1px solid #f0f0f0;background:#fff}
.product-details img {float:none!important;margin-bottom:-6px}
/* product-banner */
.product-banner {float:left;width:100%;margin:0px 30px 0px 0px;background:#fafafa}
.product-banner img {float:left}
/* product teaser */
.product-teaser-gallery {float:left;position:relative;width:100%;text-align:center;margin-bottom:40px;padding-bottom:40px;border-bottom:1px dotted #f0f0f0}
.product-teaser {float:left;position:relative;width:47%;background:#fafafa;color:#686868}
.product-teaser:nth-of-type(1) {margin-right:3%}
.product-teaser:nth-of-type(2) {margin-left:3%}
.product-teaser-txt {position:absolute;top:0px;right:0px;bottom:0px;left:40%}
.product-teaser-txt div {position:absolute;top:50%;margin-top:-37px;padding:0px 20px;font-size:18px;text-transform:uppercase;line-height:25px}
.product-teaser-txt div span {display:block;font-size:13px;font-weight:300}
.product-teaser-img {float:left;width:40%}
.product-teaser-img img {float:left;width:100%;height:auto}
.product-teaser:hover {color:#fff;background:#39adde}
.product-image {float:left;width:150px;height:auto;border:13px solid #fafafa;margin:0px 40px 20px 0px}
/* full size teaser */
.full-size-teaser {float:left;position:relative;width:100%;text-align:center;margin-bottom:40px;overflow:hidden;border:13px solid #fafafa}
.full-size-teaser img {float:left;width:auto;opacity:0.8}
.full-size-teaser-spacer {position:absolute;top:0px;right:0px;bottom:0px;left:0px}
.full-size-teaser-spacer div {position:absolute;top:50%;right:20%;left:20%;margin-top:-37px;padding:25px 40px;font-size:18px;text-transform:uppercase;line-height:25px;background-color:rgba(255,255,255,0.8)}
.full-size-teaser-spacer span {display:block;margin:0px 0px 20px 0px}
.full-size-teaser-spacer a {float:none;text-transform:none;padding:8px 15px 10px 15px;font-size:14px}
/* print */
.print-line {float:left;width:100%;margin:20px 0px 20px 0px}
.print {float:left;margin:0px 20px 20px 0px;border:1px solid #f0f0f0;background:#fff;border-radius:3px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
.print-icon {float:left;padding:10px 0px 10px 10px}
.print-icon img {float:left;border:3px solid #fff;border-radius:25px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
.print-label {float:left;padding:20px 20px 0px 15px}
.print span {color:#686868}
.print:hover {background:#39adde;color:#fff;border:1px solid #39adde}
.print:hover span {color:#fff}
/* size-table */
.size-table-head {font-weight:600}
.size-table tr:nth-child(even){background:#fff}
.size-table tr:nth-child(odd){background:#f7f7f7}
.size-table td {text-align:center;border-bottom:1px dotted #ccc}
/* accordion */
#accordion {width:100%;text-align:center}
#accordion li {display:inline-block}
#accordion li h4 {padding:7px 15px;margin:0px 10px 30px 10px;font-size:17px;border:1px solid #ccc;cursor:pointer;border-radius:3px}
#accordion div.acc-content {display:none;text-align:left;margin:0px 10px 30px 10px}
#accordion div.first {display:block}
/* tabmenu */
#tabmenu {float:left;width:100%}
.tabs {float:left;width:100%}
.tabs li {float:left;margin-right:10px}
.tabs li a {float:left;position:relative;width:100%;padding:0 16px;line-height:34px;text-decoration:none;background:#F5F5F5;border:1px solid #f0f0f0;border-bottom:none;color:#686868;outline:none;border-radius:3px 3px 0px 0px}
.tabs li a:hover {border-color:#DDD;background:#eee}
.tabs li.current a {color:#3593cf;font-weight:500;background:#fff;z-index:1}
.tab-content {float:left;position:relative;width:100%;padding:30px 0px;margin-top:-1px;background:#fff;border-top:1px solid #f0f0f0}
.tab-content.none {padding:10px 0px;border:0px}
.tab-content > div.tab-content-inner {display:none}
.tab-content .current {display:block}
/* content-list */
.content-list {display:inline-block}
.content-list li {background-image:url("../pics/icons/check-mark.svg");background-repeat:no-repeat;background-size:11px;background-position:0px 4px;padding:0px 0px 10px 25px;line-height:20px}
.product-list {display:inline-block;margin-bottom:30px}
.product-list li {background-image:url("../pics/icons/check-mark.svg");background-repeat:no-repeat;background-size:11px;background-position:0px 4px;padding:0px 0px 10px 25px;line-height:20px}
ul.list-2 li {padding:8px 10px;border-radius:3px}
ul.list-2 li:nth-child(odd) {background:#fafafa}
ul.list-2 .point {float:left;width:23px;height:23px;padding:1px 0px;margin-right:10px;text-align:center}
/* teaser list */
ul.teaser-list {float:left;width:25%;padding:0px 20px;margin:40px 0px 0px 0px;text-align:center}
ul.teaser-list li {float:left;width:100%;padding:5px 0px;margin:0px}
/* table */
.rows {width:100%}
.rows td {border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;font-size:13px;padding:6px 12px}
.rows td:last-child {border-right:0px}
.row-grey {background:#F0F0F0}
/* hero-grid */
.hero-grid {padding:0px!important}
.hero-grid-sizer, .hero-grid-item {width:25%}
.hero-grid-item {padding:25px;margin-bottom:0px;color:#FFF}
.hero-grid-spacer {display:block;padding:20px;background:#686868;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.07)}
.hero-grid-box {display:block;position:relative;background:#686868;border:1px solid #4d4d4d;padding:60px 40px;font-weight:300;font-size:16px;word-wrap:break-word}
.hero-grid-box span {position:relative}
.hero-grid-box:before {content:"";position:absolute;top:100%;right:0px;bottom:0px;left:0px;background-image:url("../pics/icons/move-shirt.svg");background-size:40%;background-repeat:no-repeat;background-position:center center;transition: all 0.5s ease-in-out;}
.hero-grid-box span:before {content:"\201E";position:absolute;top:-30px;left:-30px;font-size:60px;opacity:0.3}
.hero-grid-box span:after {content:"\201D";position:absolute;right:-30px;bottom:-30px;font-size:60px;opacity:0.3}
.hero-grid-item:hover {text-decoration:none}
.hero-grid-item:hover .hero-grid-box:before {top:0px;background-color:#000;opacity:0.8;z-index:2}
.hero-grid-item:nth-child(1n):hover .hero-grid-box:before {background-color:#86734f}
.hero-grid-item:nth-child(2n):hover .hero-grid-box:before {background-color:#4f7683}
.hero-grid-item:nth-child(1n) .hero-grid-spacer {background:#f6ddac;color:#766c57}
.hero-grid-item:nth-child(2n) .hero-grid-spacer {background:#87bcce;color:#fff}
.hero-grid-item:nth-child(1n) .hero-grid-box {background:#f6ddac;border:1px solid #fbeac8}
.hero-grid-item:nth-child(2n) .hero-grid-box {background:#87bcce;border:1px solid #a3d2e1}
.hero-grid-button {display:block;padding:10px 20px;position:relative;background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.07);z-index:2}
.hero-grid-button:before {content:"Gestalten";font-size:11px;text-transform:uppercase}
.hero-grid-item:nth-child(1n) .hero-grid-button {background:#fbeac8;color:#766c57}
.hero-grid-item:nth-child(2n) .hero-grid-button {background:#a3d2e1;color:#fff}
.hero-grid-item .hero-img {background:url("../pics/hangtag-shirt.jpg") center center no-repeat!important;border:0px!important;background-size:cover!important;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.07)}
.hero-grid-item img {margin:30px 0px 30px 0px;width:60%;max-width:100%}
/* statusbar */
.statusbar {float:left;width:100%;padding:5px 5px;background:#fafafa;border-radius:4px}
.statusbar-left {float:left;padding:3px 3px 3px 10px;background:#fff;border-radius:4px}
.statusbar-left small span {padding:5px 10px;margin-left:7px;color:#fff;border-radius:4px}
.statusbar-left small span.on {background:#c8d5a5}
.statusbar-left small span.off {background:#dab79f}
.statusbar-right {float:right;padding:3px 10px 3px 10px;background:#fff;border-radius:4px}
/* rating */
.rat-out {position:relative;float:left;width:100%;margin:0px 0px 20px 0px;background:#FAFAFA}
.rat-user {float:left;padding:20px 20px 0px 20px;font-style:italic}
.rat-title {float:left;width:100%;padding:10px 20px 0px 20px;font-weight:600}
.rat-desc {float:left;width:100%;padding:10px 20px 20px 20px}
.rat-desc .description {float:left;width:100%}
.rat-stars-05, .rat-stars-1, .rat-stars-15, .rat-stars-2, .rat-stars-25, .rat-stars-3, .rat-stars-35, .rat-stars-4, .rat-stars-45, .rat-stars-5 {position:absolute;top:20px;right:20px;width:175px;background:url("../pics/rating-05.png") 95px 2px no-repeat}
.rat-stars-1 {background:url("../pics/rating-1.png") 95px 2px no-repeat}
.rat-stars-15 {background:url("../pics/rating-15.png") 95px 2px no-repeat}
.rat-stars-2 {background:url("../pics/rating-2.png") 95px 2px no-repeat}
.rat-stars-25 {background:url("../pics/rating-25.png") 95px 2px no-repeat}
.rat-stars-3 {background:url("../pics/rating-3.png") 95px 2px no-repeat}
.rat-stars-35 {background:url("../pics/rating-35.png") 95px 2px no-repeat}
.rat-stars-4 {background:url("../pics/rating-4.png") 95px 2px no-repeat}
.rat-stars-45 {background:url("../pics/rating-45.png") 95px 2px no-repeat}
.rat-stars-5 {background:url("../pics/rating-5.png") 95px 2px no-repeat}
.rat-stars span {display:inline-block}
/* product-zoomer */
.Clear {clear:both}
.RbZoom {float:left;outline:0;display:block;text-decoration:none}
.RbZoomImageCont {box-shadow:1px 1px 30px rgba(0, 0, 0, 0.2);display:none!important}
.productview .RbZoomImageCont {left:auto!important}
.RbZoom:hover .RbZoomImageCont {display:block!important}
.productview .RbZoom:hover .RbZoomImageCont {top:-30px!important;left:auto!important;right:337px!important}
.RbZoomPop {border:1px solid #aaa;background:#ffffff;cursor:-moz-zoom-in;cursor:-webkit-zoom-in}
.RbProdThumbs {width:71px;float:left;text-align:center}
.RbProdThumbs a {display:inline-block;margin:0px 10px 15px 0px;border:1px solid #dcdbd;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
.RbProdThumbs img {float:left;width:50px;height:50px;padding:3px;background:#fff;border:1px solid #dcdbd6}
.motive-bottom {float:left;width:100%;color:#bab3a9}
.motive-bottom .button-green {float:none;display:inline-block}
.motive-bottom-inner {width:90%;margin:0 auto;padding:0px 0px 30px 0px;text-align:center}
.motive-bottom ul {float:none;margin:0px;padding:20px 0px 0px 0px}
.motive-bottom li {float:none;display:inline-block;margin:0px 5px 10px 5px;border:0px;background:none}
.motive-bottom li:hover {background:none}
.motive-bottom li a {display:inline-block;background:#6c645a;padding:5px 10px;color:#fff;font-size:12px;border-radius:3px}
.motive-bottom li.active a {background:#8f867b}
.motive-bottom li a:hover {background:#8f867b;text-decoration:none}
.motive-bottom span {font-size:16px;font-weight:100;color:#bab3a9}
/* pictures */
.pics {float:left;margin:2px 30px 30px 0px}
.thumb, .thumb.right {position:relative;float:left;margin:2px 30px 30px 0px;padding:4px;background:#fff;border:1px solid #dcdbd6;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
td .thumb {margin:2px 15px 30px 0px}
.thumb.right {float:right;margin:2px 0px 30px 30px}
.thumb img, .thumb.right img {float:left}
.thumb-img {position:relative;float:left;margin:2px 30px 30px 0px;padding:5px;background:#fff;box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.thumb-img img {float:left}
.thumb-img .thumb-img-head div:before {position:absolute;width:80px;bottom:-20px;content:"";height:5px;background-color:#ededed;left:0;right:0;margin:auto}
.thumb-img .thumb-img-layer {position:absolute;top:0;left:0;width:100%;height:100%}
.thumb-img .thumb-img-layer:before {position:absolute;content:"";top:20px;left:20px;right:20px;bottom:20px;box-shadow:0px 0px 0px 20px rgba(255,255,255,0.3)}
.zoom {overflow:hidden}
.zoomer-start {position:absolute;top:0px;right:0px;left:0px;height:40px;background:#fff url("../pics/zoom.png") no-repeat center 11px;opacity:0.4;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.zoom:hover .zoomer-start {top:-100%;opacity:0}
.zoomer-video-start {position:absolute;top:0px;right:0px;left:0px;height:40px;background:#fff url("../pics/video-icon.png") no-repeat center 11px;opacity:0.4;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.zoom:hover .zoomer-video-start {top:-100%;opacity:0}
.zoomer {position:absolute;top:100%;right:0px;bottom:0px;left:0px;background:#fff url("../pics/zoom.png") no-repeat center center;opacity:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.zoom:hover .zoomer {top:0px;opacity:0.5}
.zoomer-video {position:absolute;top:100%;right:0px;bottom:0px;left:0px;background:#fff url("../pics/video-icon.png") no-repeat center center;opacity:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.zoom:hover .zoomer-video {top:0px;opacity:0.5}
/* iframe content */
.jquery-lightbox-html {padding:0px!important}
.jquery-lightbox-html iframe {width:100%!important;height:100%!important}
table.print-listing {width:100%;border-spacing:0px}
.print-listing tr:nth-child(even){background:#fff}
.print-listing tr:nth-child(odd){background:#f7f7f7}
.print-listing td {width:20%;vertical-align:top;padding:15px;color:#929292;border-bottom:1px solid #ccc;border-right:1px solid #e7e7e7}
.print-listing strong {color:#686868}
.print-listing img {float:left;max-width:100%;width:100%}
/* extra */
.video object {width:100%!important}
.point {line-height:19px;vertical-align:middle;width:20px;height:20px;display:inline-block;font-size:11px;font-weight:600;color:#fff;background:#39adde;text-align:center;border-radius:30px}
ul.table-list {float:left;width:100%}
.table-list li {float:left;padding-right:60px}
.tbl3 {width:33%}
.tabelle {float:left;padding:20px 90px 20px 20px;margin-top:20px;border:1px solid #f3e9a2;line-height:19px;background:#fdf4cb url("../pics/tabelle.jpg") no-repeat right bottom}
.tabelle small {color:#a6964b;font-size:12px;text-shadow:none}
#gutschein div div {font-size:23px}
#gutschein .codetxt span {font-size:24px;font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}
#gutschein.code-del .codetxt span {text-decoration:line-through;opacity:0.3}
.hinweis {float:left;width:100%;padding:20px 25px;margin-top:30px;border-left:5px solid #ede4b2;background:#fffce9;font-size:13px;line-height:20px}
/* countdown */
#clock {font-size:40px}
#clock span {font-size:20px}
/* back2top */
.scrolltop {display:none}
.back2top {position:fixed;bottom:127px;right:30px;z-index:99;float:left;background:#fff url("../pics/scroll-top.gif") no-repeat center center;border:1px solid #fff;width:30px;height:30px;cursor:pointer;border-radius:15px;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.3)}
.back2top:hover {border:1px solid #ccc;text-decoration:none}
/* social footer */
#social-footer {float:left;width:100%;padding:20px 0px 20px 0px;background-color:#39adde;color:#93866e;font-size:13px}
/* newsletter */
.newsletter {float:left}
.newsletter input[type=email] {height:40px;width:400px;padding:7px 15px;border:0px}
.newsletter input[type=email]:focus {background:#39adde;color:#fff}
.newsletter input[type=email]:focus::-webkit-input-placeholder {color:#39adde}
.newsletter input[type=email]:focus:-moz-placeholder {color:#39adde}
.newsletter input[type=email]:focus::-moz-placeholder {color:#39adde}
.newsletter input[type=email]:focus:-ms-input-placeholder {color:#39adde}
.newsletter input[type=submit] {height:40px;padding:7px 15px;margin-left:-5px;border:0px;background:#4f4038;color:#fff}
.newsletter input[type=submit]:hover {background:#39adde;cursor:pointer}
/* social buttons */
.social-buttons {float:right}
.social-buttons a {float:left;width:40px;height:40px;margin:0px 10px;font-size:0px;border-radius:50%;background-color:#4f4038;background-position:center center;background-size:50%;background-repeat:no-repeat}
.side-google {background-image:url("../pics/icons/googleplus.svg")}
.side-twitter {background-image:url("../pics/icons/twitter.svg")}
.side-facebook {background-image:url("../pics/icons/facebook.svg")}
.side-pinterest {background-image:url("../pics/icons/pinterest.svg")}
.side-instagram {background-image:url("../pics/icons/instagram.svg")}
.side-google:hover {background-color:#df4b38}
.side-twitter:hover {background-color:#5ea9dd}
.side-facebook:hover {background-color:#3b579d}
.side-pinterest:hover {background-color:#b9292d}
.side-instagram:hover {background-color:#3d739c}
/* footer */
#footer {float:left;width:100%;margin:120px 0px 0px 0px;background-color:#fff;color:#837c6f;font-size:13px}
#footer-in {float:left;width:100%;padding:20px 0px 0px 0px;background:rgba(79,64,56,0.1)}
.footer-full-title {float:left;width:100%;margin:40px 0px 50px 0px;color:#60544e;font-size:17px;font-weight:600;text-align:center;overflow:hidden}
.footer-full-title-center {position:relative;display:inline-block}
.footer-full-title-center:before {position:absolute;top:50%;right:100%;width:600px;margin-right:20px;height:0px;content:" ";border-bottom:1px solid #c5bfb6}
.footer-full-title-center:after {position:absolute;top:50%;left:100%;width:600px;margin-left:20px;height:0px;content:" ";border-bottom:1px solid #c5bfb6}
.footer-box {float:left;width:25%;padding:0px 20px 0px 20px;border-right:1px dotted #e4e0d9}
.footer-title {float:left;clear:both;font-size:14px;margin:0px 0px 20px 15px;text-transform:uppercase}
.footer-subcontent {float:left;clear:both;font-size:12px;font-weight:600;margin:0px 0px 20px 15px}
.footer-subcontent img {width:100%;max-width:100%;height:auto}
.footer-box ul {float:left;width:100%}
.footer-box li {width:100%}
.footer-box li a {display:block;padding:5px 15px 5px 15px;color:#606060}
.footer-box li a:hover {color:#0875b0;background:#fff;text-decoration:none}
.footer-half {float:left;width:50%;padding:0px 30px 40px 30px;text-align:center;color:#606060}
.footer-half:hover {color:#0875b0}
.footer-half span {display:block;padding-top:20px}
/* copybar */
#copy {float:left;width:100%;margin:20px 0px 0px 0px;background:#4f4038}
#copy ul {float:left}
#copy li {float:left}
#copy li a {float:left;font-size:12px;color:#a2958e;padding:13px 12px 13px 12px}
#copy li a:hover {color:#fff;background:#352923;text-decoration:none}
#copy-txt {float:right;font-size:12px;color:#a2958e;margin:13px 10px 0px 0px}
/* 404 */
#error-out {width:100%;height:100%}
#error-in {width:685px;margin:auto}
#error {margin-left:-40px}
#error-loading {position:absolute;margin:-367px 0px 0px 254px}
#count {display:none}
/* sitemap */
.sitemap a {padding:0px;display:block}
.sitemap ul {margin:10px 0px 10px 0px;padding:0px;list-style:none}
.sitemap ul ul {margin-left:30px}
.sitemap li {background:url("../pics/sitemap-top.gif") no-repeat 0px 5px;padding-left:15px;font-weight:600}
.sitemap li ul li,
.sitemap li ul li ul li,
.sitemap li ul li ul li ul li,
.sitemap li ul li ul li ul li ul li {background:url("../pics/sitemap-middle.gif") no-repeat 0px 4px;padding-left:15px;font-weight:normal}
/* rating */
.rating-batch {position:fixed;right:0;bottom:0px;float:left;z-index:9999;text-decoration:none;line-height:0;}
/* wordpress */
.wp .widget h2 {display:none}
.wp .widget ul {list-style:none}
.wp #left li li a {padding:8px 15px 8px 30px;font-size:13px;border-bottom:1px solid #dfe6eb!important;background:#fafafa}
.wp #left li a:hover {background:#fff}
/* shariff sharing */
.shariff {float:left;width:100%}
.shariff ul {float:left;margin:0px;padding:0px;list-style:none}
.shariff li {float:left;margin:0px 15px 15px 0px}
.shariff li a {float:left;width:34px;height:34px;;background-position:center center;background-size:16px;background-repeat:no-repeat;font-size:0px;border-radius:100px}
.shariff li a:hover {opacity:0.8}
.shariff li.facebook a {background-image:url("../pics/icons/facebook.svg");background-color:#425698;border:3px solid #425698}
.shariff li.twitter a {background-image:url("../pics/icons/twitter.svg");background-color:#3ea5e3;border:3px solid #3ea5e3}
.shariff li.googleplus a {background-image:url("../pics/icons/googleplus.svg");background-color:#f44433;border:3px solid #f44433}
.shariff li.pinterest a {background-image:url("../pics/icons/pinterest.svg");background-color:#d43b38;border:3px solid #d43b38}
.shariff li.whatsapp a {background-image:url("../pics/icons/whatsapp.svg");background-color:#5cbe4a;border:3px solid #5cbe4a}
.shariff li.mail a {background-image:url("../pics/icons/mail.svg");background-color:#999999;border:3px solid #999999}
.shariff li.whatsapp {display:none}
/* jackbox */
.jackbox-modal {position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:9999;background:rgba(0, 0, 0, 0.85);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jackbox-modal * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px}
.jackbox-modal img {image-rendering:optimizeQuality}
.jackbox-modal li {margin:0 0 10px 0}
.jackbox-modal li:last-child {margin-bottom:-10px}
.jackbox-html {overflow-y:auto}
.jackbox-html > div {padding:16px 20px 16px 20px;background-color:#F5F5F5;border:1px solid #E5E5E5;text-align:left;box-sizing:border-box}
.jackbox-holder {position:absolute;top:50%;left:50%;width:100%;height:100%;padding:33px 6px 34px 6px;overflow:hidden;opacity:0;background-color:#FFF;border-radius:5px}
.jackbox-container {position:relative;width:100%;height:100%;overflow:hidden;z-index:0;text-align:center}
.jackbox-container img {max-width:none}
.jackbox-content {margin:0 auto}
.jackbox-overflow {overflow:hidden!important}
.jackbox-title-text {position:absolute;top:7px;left:6px;width:100%;overflow:hidden;text-align:center;white-space:nowrap;z-index:0}
.jackbox-info-text {position:absolute;top:0;left:0;width:100%;display:inline-block;overflow-y:auto;z-index:999}
.jackbox-panel {position:absolute;top:0;width:58px;height:100%;display:block;cursor:pointer;visibility:hidden;background-position:center center;background-repeat:no-repeat;background-size:38px}
.jackbox-panel:hover {background-color:#333;background-color:rgba(0, 0, 0, 0.1)}
.jackbox-panel-left {left:0;background-image:url("../pics/prev.png")}
.jackbox-panel-right {right:0;background-image:url("../pics/next.png")}
.jackbox-button {width:20px;height:20px;background-size:20px;background-repeat:no-repeat}
.jackbox-arrow-left {background-image:url("../js/jackbox/img/graphics/left_arrow.png")}
.jackbox-arrow-right {background-image:url("../js/jackbox/img/graphics/right_arrow.png")}
.jackbox-info {background-image:url("../js/jackbox/img/graphics/info.png")}
.jackbox-show-thumbs {background-image:url("../js/jackbox/img/graphics/thumbs_show.png")}
.jackbox-hide-thumbs {background-image:url("../js/jackbox/img/graphics/thumbs_hide.png")}
.jackbox-close {background-image:url("../js/jackbox/img/graphics/exit.png")}
.jackbox-fs {background-image:url("../js/jackbox/img/graphics/fullscreen.png")}
.jackbox-ns {background-image:url("../js/jackbox/img/graphics/normalscreen.png")}
.jb-info-inactive, .jackbox-button:hover {opacity: 0.6}
.jackbox-thumb-panel {position:absolute;left:50%;padding:2px 2px 0 2px;overflow:hidden;white-space:nowrap;background:#fff;background:rgba(255, 255, 255, 0.75)}
.jackbox-thumb-left {width:20px;height:20px;margin:-9px 0 0 -30px;background-size:20px;background-repeat:no-repeat;background-image:url("../pics/prev.png")}
.jackbox-thumb-right {width:20px;height:20px;margin:-9px 0 0 12px;background-size:20px;background-repeat:no-repeat;background-image:url("../pics/next.png")}
.jackbox-thumb-left:hover, .jackbox-thumb-right:hover {opacity:0.70}
.jackbox-thumb-holder {position:absolute;bottom:0;left:0;width:100%}
.jackbox-thumb-strip {position:relative}
.jackbox-thumb {position:absolute;top:0;overflow:hidden}
.jackbox-thumb img {cursor:pointer}
.jb-thumb-active img {cursor:auto}
.jackbox-thumb-left, .jackbox-thumb-right {position:absolute;display:none;cursor:pointer}
.jackbox-top {position:absolute;top:7px;left:5px}
.jackbox-top:after {position:absolute;top:26px;left:1px;width:100%;height:1px;content:"";background-color:#FFF;display:block;z-index:999}
.jackbox-bottom {position:relative;white-space:nowrap;z-index:99}
.jackbox-top-icons {position:absolute;right:-1px}
.jackbox-bottom-icons {position:absolute;right:0px;top:7px}
.jackbox-controls {position:absolute;top:7px;left:0;z-index:1}
.jackbox-button {cursor:pointer;display:inline-block}
.jackbox-arrow-right {margin-left:6px}
.jackbox-button-margin {margin-left:6px}
:-webkit-full-screen .jackbox-fs, :-moz-full-screen .jackbox-fs {display:none!important}
:-webkit-full-screen .jackbox-ns, :-moz-full-screen .jackbox-ns {display:inline-block!important}
.jackbox-youtube {visibility:hidden;margin:0 auto}
.jackbox-html, .jackbox-wrapper, .jackbox-content, .jackbox-description, .jackbox-hidden-items {display:none}
.jackbox-preloader {display:none}
.jackbox-social {display:none}
/* exit overlay */
.glue_block_layer {position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("../pics/pattern.png");opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}
.glue_popup {width:700px;height:400px;box-shadow:0px 0px 7px #4a4a4a;background:#f2f2f2 url("../pics/gutschein-aktion.jpg") no-repeat center center;background-size:cover;-webkit-animation:zoomin 0.7s;animation:zoomin 0.7s}
.glue_content {position:absolute;top:0px;bottom:0px;left:0px;padding:40px;width:55%;background:rgba(255,255,255,0.6);font-weight:600;font-size:13px}
.glue_close {position:relative;top:0px;left:0px;float:right;cursor:pointer;background-color:#39adde;color:#fff;padding:5px 10px;text-decoration:none}
.popup-head {padding-bottom:20px;font-size:32px;text-transform:uppercase;font-weight:800;color:#0d84c1}
.glue_content p {font-size:19px;font-weight:600}
.newsletter-popup form {border:4px solid rgba(0,0,0,0.2);float:left;width:100%}
.newsletter-popup input[type=email] {float:left;width:65%;height:40px;padding:7px 15px;border:0px}
.newsletter-popup input[type=submit] {float:left;width:35%;height:40px;padding:7px 15px;border:0px;background:#639d1e;color:#fff}
.newsletter-popup input[type=submit]:hover {background:#39adde;cursor:pointer}
@-webkit-keyframes zoomin {
0% {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}
50% {-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);opacity:1}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes zoomin {
0% {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}
50% {-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);opacity:1}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
}
/* cookie layer */
.cookie-layer {position:absolute;top:0px;left:0px;right:0px}
.cookie-layer-content {position:relative;z-index:9999;width:500px;margin:100px auto 0 auto;font-size:13px;border:5px solid rgba(255,255,255,0.3);box-shadow:0px 7px 14px rgba(0, 0, 0, 0.3);}
.cookie-layer-top {background:#fff;padding:30px}
.cookie-layer-bottom {padding:10px 20px;text-align:center;border-top:1px solid #ccc}
.cookie-layer-bottom {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */}
.cookie-layer-bottom a.btn-close {color:#fff;background:#7b7b7b;border:1px solid #7b7b7b}
.cookie-layer-bottom a.btn-close:hover {background:#6b6b6b}
.cookie-layer-bottom a {display:inline-block;background:#4d90fe;border:1px solid #4d90fe;color:#fff;text-decoration:none;padding:2px 6px;margin-left:8px;line-height:normal}
.cookie-layer-bottom a:hover {background:#407cde}
/* cookie-bar */
#cookie-bar {position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;background:#000;background:rgba(0, 0, 0, 0.8);line-height:36px;color:#fff;text-align:center;font-size:12px}
#cookie-bar p {margin:0px;padding:5px 20px}
#cookie-bar a {color:#fff;display:inline-block;background:#7b7b7b;border:1px solid #7b7b7b;text-decoration:none;padding:2px 6px;margin-left:8px;line-height:normal}
#cookie-bar a:hover {background:#6b6b6b}
#cookie-bar .cb-enable {background:#4d90fe;border:1px solid #4d90fe;color:#fff;line-height:normal}
#cookie-bar .cb-enable:hover {background:#407cde}
/* tablomat */
.tablomat {float:left;width:100%}
/* tablomat head */
.tablomat #head {z-index:3;width:100%;height:80px;border-top:3px solid #39adde;border-bottom:1px solid #ccc;box-shadow:0px 7px 14px rgba(0, 0, 0, 0.1)}
.tablomat #head .spacer {height:100%}
.tablomat #logo {margin:17px 0px 0px 0px;width:auto!important}
.tablomat #head {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */}
.tablomat-mainnavi {float:left}
.tablomat-mainnavi li.mainnavi-first {float:left;height:100%;position:relative}
.tablomat-mainnavi li.mainnavi-first a {float:left;height:100%;padding:28px 18px 15px 18px!important;font-size:15px;color:#686868;text-decoration:none}
.tablomat-mainnavi li.mainnavi-first a:hover {color:#3593cf}
.tablomat-mainnavi ul.mainnavi-ul-first {display:none}
.tablomat-mainnavi li.mainnavi-first:hover ul.mainnavi-ul-first {display:block}
.tablomat-mainnavi li.mainnavi-first li:hover a {color:#3593cf}
.tablomat-mainnavi li.mainnavi-first li:hover li a {color:#686868!important}
.tablomat-mainnavi li.mainnavi-first li li:hover a {color:#3593cf!important}
.tablomat-mainnavi li.mainnavi-first .menu-dropdown {display:none}
.tablomat-mainnavi li.mainnavi-first:hover li:hover > a + div {display:block}
.tablomat-mainnavi li {position:relative}
.tablomat-mainnavi li li {width:100%;height:auto!important}
.tablomat-mainnavi li ul {position:absolute;top:100%;left:0px;height:auto!important;z-index:9;background:#fff;box-shadow:0px 7px 14px rgba(0, 0, 0, 0.1)}
.tablomat-mainnavi li ul .menu-dropdown {position:absolute;width:100%;top:0px;left:100%;right:auto;width:auto;z-index:9;background:#fff;box-shadow:0px 7px 14px rgba(0, 0, 0, 0.1)}
.tablomat-mainnavi li.mainnavi-first li a {width:100%;padding:10px 16px!important;white-space:nowrap;border-bottom:1px solid #f0f0f0}
.tablomat-mainnavi li.mainnavi-first li li a {padding:0px 16px!important}
.tablomat-mainnavi li.mainnavi-first li li a span {display:inline-block;padding:10px 0px!important}
.tablomat-mainnavi li ul a .micon {padding:0px 0px!important;margin:0px 10px 0px 0px!important;vertical-align:middle}
.tablomat-mainnavi ul li .home-icon {background-image:none!important}
.tablomat-mainnavi ul li .home-icon:before {content:'Home'}
.tablomat .tablomat-top-menu {float:left;height:100%;margin:0px 0px 0px 80px}
.tablomat .tablomat-top-menu ul {float:left;height:100%;margin:0px;padding:0px;list-style:none;border-left:1px solid #f0f0f0}
.tablomat .tablomat-top-menu li {float:left;height:100%;position:relative}
.tablomat .tablomat-top-menu li a {float:left;height:100%;padding:21px 18px 15px 18px;font-size:15px;color:#686868;text-decoration:none}
.tablomat .tablomat-top-menu li:hover {background:#fff!important}
.tablomat .tablomat-top-menu li a:hover {background:#fff!important}
.tablomat .tablomat-top-menu li.current a {color:#3593cf}
.tablomat .tablomat-top-menu li.current a:before {position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
.tablomat .tablomat-top-menu li.current a:before {margin-left:-13px;border-top-color:#ccc;border-width:13px}
.tablomat .tablomat-top-menu li.current a:after {position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
.tablomat .tablomat-top-menu li.current a:after {margin-left:-12px;border-top-color:#f7f7f7;border-width:12px}
.tablomat .tablomat-top-menu li.current a:hover:after {border-top-color:#fff}
.tablomat .tabs {width:auto}
.tablomat .tabs li {margin-right:0px}
.tablomat .tabs li a {background-color:transparent!important;background-repeat:no-repeat!important;background-position:center 35px!important;border:0px;border-right:1px solid #f0f0f0;border-radius:0px}
.tablomat .tablomat-basket {float:right;margin:13px 13px 0px 0px}
/* tablomat content */
.tablomat .tablomat-content {float:left;width:100%}
.tablomat .content .spacer {padding:20px 0px}
.tablomat .tablomat-spacer,
#tab-4 .content .spacer {padding:0px!important}
.tablomat .tab-content {padding:0px}
.tablomat .tab-content > div.tab-content-inner {display:none}
.tablomat .tab-content .current {display:block}
/* tablomat iframe */
body.tablomat-body:not(.basket-page) .tablomat-bg {
overflow: hidden;
background: #f2f2f2;
}
.tablomat #tablomat-wrapper {width:100%}
.tablomat .tablomat-content iframe {width:100%;height:100%}
/**************************************************************************/
/* tablomat mobileos */
/* --> is the same as tablomat-body class */
.mobileos #logo {
margin: 15px 0px 23px 0px;
}
.mobileos .text-tablomat-content {
display: none;
}
body.tablomat-body.mobileos #footer {
margin-top: 0;
}
/**************************************************************************/
/* design-tool loading placeholder */
.loading-placeholder {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
min-height: 600px;
}
/**************************************************************************/
/* spreadshirt design-tool */
/* --> client side added content around the design-tool */
body.tablomat-body #sprd-main .customPageBackground {
background-color: transparent;
}
body.tablomat-body #sprd-main .sprd-designer__design-view {
height: calc(100vh - 56px);
}
body.tablomat-body:not(.mobileos) #sprd-main .sprd-designer__design-view {
padding: 20px 0;
}
/* Set the design-tool header to invisible
--> We need only the basket notification after click the addToBasket button */
body.tablomat-body #sprd-main .sprd-designer__header,
body.tablomat-body #sprd-main .sprd-header {
height: 0;
display: block;
padding-left: 20px;
padding-right: 20px;
flex: none;
}
/* Change the design-tool header - AddToBasket notification position */
body.tablomat-body.mobileos #sprd-main .sprd-basket-notification {
width: 100%;
top: calc(100% + 20px);
}
body.tablomat-body #sprd-main .sprd-button.sprd-primary {
color: #fff;
}
body.tablomat-body #sprd-main .sprd-button.sprd-primary:hover {
opacity: 0.75;
}
/* Hide the design-tool header logo */
body.tablomat-body #sprd-main .sprd-designer__header .sprd-designer__back {
display: none;
}
/* Hide the design-tool header headline */
body.tablomat-body #sprd-main .sprd-designer__header .sprd__caption,
body.tablomat-body #sprd-main .sprd-designer__header .sprd__headline {
display: none;
}
body.tablomat-body #sprd-main .sprd-designer__header #sprd-basket-button {
display: none;
}
/* Hide the design-tool info view */
body.tablomat-body #sprd-main .sprd-designer__info-view {
display: none;
}
/* Hide the design-tool footer */
body.tablomat-body #sprd-main .sprd-footer {
display: none;
}
/* Hide the design-tool cookie notice */
body.tablomat-body #sprd-main .sprd-cookie-banner {
display: none;
}
/* Promo banner */
body.tablomat-body #sprd-main .sprd-promo-header {
max-width: 100vw;
width: 100vw;
padding: 9px 20px;
margin-top: -20px;
margin-bottom: 20px;
margin-left: calc(50% - 50vw);
background: #70bb68!important;
border-radius: 3px;
}
body.tablomat-body.mobileos #sprd-main .sprd-promo-header {
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
}
body.tablomat-body #sprd-main .sprd-promo-header .sprd-promo-header__center {
margin: 0;
}
body.tablomat-body #sprd-main .sprd-promo-header .sprd-promo__button {
padding: 4px 8px;
border: 0;
background: rgba(0,0,0,0.2);
}
body.tablomat-body #sprd-main .sprd-promo-header .sprd-promo__button:not(.sprd-promo__button--disabled):before {
content: '';
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 17px 17px;
background-repeat: no-repeat;
height: 17px;
width: 17px;
margin-right: 7px;
}
body.tablomat-body #sprd-main .sprd-promo-header .sprd-promo__button:hover {
opacity: 0.75;
}
body.tablomat-body #sprd-main .sprd-promo__toggle {
top: 7px;
}
body.tablomat-body #sprd-main .sprd-promo-description {
top: calc(100% - 3px);
left: auto;
background: #70bb68!important;
}
/**************************************************************************/
/* spreadshirt design-tool with basket */
/* --> client side added content around the design-tool */
body.basket-page .sprd-basket-page {
margin: 0;
}
body.basket-page .sprd-basket-page .sprd-basket__content {
max-width: 100%;
padding-top: 20px;
color: #686868;
}
@media screen and (max-width: 1260px) {
body.basket-page .sprd-basket-page .sprd-basket__content {
padding-left: 20px;
padding-right: 20px;
}
}
body.basket-page .sprd-basket-page .sprd-basket-checkout {
margin: 0 -20px;
padding: 20px;
}
@media screen and (min-width: 768px) {
body.basket-page .sprd-basket-page .sprd-basket-checkout {
margin: 0;
padding: 20px;
}
}
body.basket-page .sprd-header-container,
body.basket-page .sprd-burgermenu,
body.basket-page nav[aria-label="Breadcrumb"],
body.basket-page .sprd-basket__headline,
body.basket-page .sprd-footer {
display: none;
}
/* Price promo button */
body.basket-page .sprd-basket-page .sprd-basket-prices__promo__button {
display: flex;
align-items: center;
padding: 5px 8px;
font-weight: 600;
border: 0;
cursor: pointer;
color: #fff;
background: #70bb68;
}
body.basket-page .sprd-basket-page .sprd-basket-prices__promo__button:before {
content: '';
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 17px 17px;
background-repeat: no-repeat;
height: 17px;
width: 17px;
margin-right: 7px;
}
body.basket-page .sprd-basket-page .sprd-basket-prices__promo__button:hover {
opacity: 0.75;
}
/* Price */
body.basket-page .sprd-basket-page .sprd-basket-checkout__price {
font-weight: 600;
color: #3684bb;
}
/* Checkout */
body.basket-page .sprd-basket-page .sprd-basket-checkout {
z-index: 2;
}
/* Checkout button */
body.basket-page .sprd-basket-page .sprd-basket-checkout__button {
color: #fff;
}
/* Hide the design-tool cookie notice */
body.basket-page #sprd-main .sprd-cookie-banner {
display: none;
}
/**************************************************************************/
@media screen and (max-width: 1260px) {
/* wrapper */
.spacer {width:100%;padding:0px 20px}
/* header */
#header-full-center .spacer {padding:0px}
#header-full-bg .spacer {padding:0px}
#header-right {margin-right:-20px}
#header-top .spacer {padding:0px}
#header-top .heading {width:50%}
#header-designs .heading {padding:140px 0px 30px 40px}
#header-designs .product-box {right:20px!important}
.grid-spacer {width:100%;padding:20px 30px 0px 30px}
.grid-3 {width:33%;height:auto;float:none;display:inline-block;vertical-align:top}
.grid-3 .grid-middle {float:none;display:inline-block;vertical-align:top}
.grid-3 img {width:100%;max-width:100%}
.grid-5 {width:33.3%;height:auto}
.grid-5 img {width:100%;max-width:100%;height:auto}
.grid-5 div img {width:70%!important}
.grid-5-big {width:66.1%;height:auto}
.grid-5-big img {width:100%;max-width:100%;height:auto}
.grid-6 {width:20%}
.grid-6 img {width:100%;max-width:100%;height:auto}
/* content */
.content-spacer, .content-spacer-center {width:100%}
.start-left {width:30%}
.start-right {width:70%}
.thumb-img img {width:100%;height:auto;max-width:100%}
.teaser-spacer {width:100%}
.round-teaser.rtea5 li {width:19%;padding:0px 15px 30px 15px;margin:0px}
.content-box {padding:0px 10px}
.content-box-img {left:10px}
.quote-spacer {width:100%}
/* product teaser */
.product-teaser-txt div {font-size:16px}
/* right */
#right {width:80%}
/* left */
#left {width:20%;margin-right:-20px}
/* tablomat content */
.tablomat .content .spacer {padding:20px 20px}
}
@media screen and (max-width: 1180px) {
/* header */
#header-full-bg .extrastyle .heading h1 {font-size:31px;line-height:44px}
}
@media screen and (max-width: 1170px) {
/* header */
#header-model {height:480px}
#header-top .heading-img {right:0px}
}
@media only screen and (max-width: 1140px) {
/* header */
#header-designs .header-model-img img {margin-right:-250px!important}
.socialbar {display:none}
}
@media screen and (max-width: 1115px) {
/* menu */
#menu ul a {padding:17px 15px 15px 15px}
}
@media screen and (max-width: 1080px) {
/* header */
#header-full-bg .extrastyle .heading h1 {font-size:28px;line-height:39px}
}
@media screen and (max-width: 1100px) {
/* header */
#header-full-bg {height:500px}
#header-full-bg .heading {padding:150px 0px 30px 80px}
#header-full-bg .heading h1 {font-size:40px;line-height:50px}
#header-model #header-right {width:25%}
.grid-3.grid-item .grid-head div {font-size:35px;line-height:40px}
.grid-3.grid-middle .grid-item .grid-head div {padding:30px 20px 0px 20px;font-size:22px;line-height:23px}
/* grid 4 */
.grid-4 .grid-head div {padding:40px 20px 0px 20px;font-size:15px!important;line-height:21px}
/* filter */
.filter-box span {width:100%}
.filter-box select {width:80%}
.content.headline h1, .content.headline h2 {font-size:26px!important}
.product-detail {text-align:center}
/* img-listing */
.img-listing.listmiddle img {margin-top:-20px}
/* product-zoomer */
.RbZoom {float:none;display:inline-block}
.RbProdThumbs {width:100%;text-align:center}
/* three */
.three .image-effect {height:180px}
}
@media screen and (max-width: 1050px) {
#logo {width:30%}
#head-separator {width:70%}
#global-search .global-search-select {display:none}
/* header */
#header-model {height:450px}
#header-model .header-model-img img {padding-top:50px;width:auto}
#header-model div.heading {margin:100px 0px 30px 0px}
#header-model .heading-inner {font-size:40px;line-height:46px}
#header-top {height:450px}
#header-top div.heading {padding:100px 0px 30px 110px}
#header-top .heading span {padding:20px 25px;font-size:35px}
#header-top p {line-height:25px;font-size:17px}
#header-top .heading-img {right:-50px;bottom:-40px}
#header-designs {height:450px}
#header-designs div.heading {padding:120px 0px 30px 40px}
#header-designs .heading h1 {font-size:37px;line-height:50px}
#header-designs .heading p {font-size:17px}
#header-designs .header-model-img img {padding-top:50px;width:auto}
/* hero-grid */
.hero-grid-sizer, .hero-grid-item {width:33.3%}
.hero-grid-item {padding:15px}
/* img-listing */
.img-listing.listmiddle img {margin-top:0px}
}
@media only screen and (max-width: 1024px) {
#menu ul .menu-dropdown {padding:20px 10px 0px 10px;background-image:none!important}
/* header */
#header-full-bg .extrastyle .heading {padding:115px 50px 30px 50px}
#header-full-bg h1 span {font-size:18px}
#header-full-bg p {font-size:18px}
/* tablomat-menu */
.tablomat-menu li {width:25%}
.tablomat-menu a {width:100%;min-width:0px}
}
@media screen and (max-width: 995px) {
/* menu */
li.designer-link {display:none!important}
}
@media screen and (max-width: 980px) {
/* menu */
#menu .spacer {padding:0px 5px}
#menu ul a {padding:17px 13px 15px 13px}
/* header */
#header-top div.heading {padding:100px 0px 30px 60px}
#header-designs .header-model-img {left:auto}
#header-designs .header-model-img img {margin-right:40px!important}
#header-designs .product-box {display:none}
/* grid 4 */
.grid-4 {width:50%;margin-bottom:30px}
.grid-4 .grid-head {left:60%}
.grid-4 img {width:60%}
.grid-4 .grid-button {text-align:left;padding-left:40px}
.grid-5 {width:50%}
.grid-5-big {width:50%}
.grid-6 {width:25%}
/* view-teaser */
.view-img {width:180px;height:180px}
/* search */
.search-out {width:46%;margin:0px 1%}
.search-out.btn-end {width:95%;margin:10px 1%}
.search-box input[type=text] {width:100%}
.search-box select {width:100%}
.search-box [type=submit].button-green {width:100%;margin:0px!important}
/* design search */
.design-search form div:nth-of-type(1) {width:30%}
.design-search form div:nth-of-type(2) {width:35%}
.design-search form div:nth-of-type(3) {width:20%}
.design-search form div:nth-of-type(4) {width:15%}
.half .design-search form div:nth-of-type(1) {width:55%}
.half .design-search form div:nth-of-type(3) {width:45%}
.half .design-search.textload form div:nth-of-type(2) {width:45%}
/* left */
#left {width:25%}
.left-banner img {max-width:100%}
/* right */
#right {width:75%;padding:60px 20px 0px 0px}
/* product boxes */
.three .image-effect img {width:auto;height:200px;margin:0px 0px 0px -60px}
.three .image-effect:hover img {width:auto;margin:0px 20px 0px 0px}
/* product-detail */
.RbZoom:hover .RbZoomImageCont, .RbZoomImageCont {display:none!important}
/* product-detail */
.product-details img {float:left!important;margin:0px}
/* footer */
#footer {position:relative}
.footer-box {width:33%;padding-bottom:20px}
.footer-subcontent {margin:0px 0px 20px 15px}
.footer-subcontent img {width:inherit}
.footer-box:nth-child(8) {width:100%;padding:0px;margin:40px 0px 50px 0px;text-align:center;overflow:hidden}
.footer-box:nth-child(8) .footer-subcontent {width:100%;float:none;margin:0px;display:inline-block}
.footer-box:nth-child(8) .footer-title {float:none;position:relative;display:inline-block;color:#60544e;font-size:17px;font-weight:600}
.footer-box:nth-child(8) .footer-title:before {position:absolute;top:50%;right:100%;width:600px;margin-right:20px;height:0px;content:" ";border-bottom:1px solid #a09590}
.footer-box:nth-child(8) .footer-title:after {position:absolute;top:50%;left:100%;width:600px;margin-left:20px;height:0px;content:" ";border-bottom:1px solid #a09590}
.footer-half img {max-width:100%;height:auto}
/* copy */
#copy ul, #copy a {width:100%;text-align:center}
#copy li {width:20%}
#copy-txt {width:100%;padding:0px 0px 10px 0px;text-align:center}
/* extra */
.image img, .full-image {max-width:100%;height:auto}
/* cookie bar */
#cookie-bar {height:auto}
/* tablomat */
/* --> is the same as mobileos class */
/*
.tablomat-body {overflow:hidden}
.tablomat-body #head {position:absolute;top:0px;right:0px;left:0px;height:80px}
.tablomat-body .tab-content {position:absolute;top:80px;right:0px;bottom:0px;left:0px}
.tablomat-body .tablomat-content {position:absolute;top:0px;right:0px;bottom:0px;left:0px;overflow:auto}
.tablomat-body .content {position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%}
.tablomat-body .content .spacer {position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%}
.tablomat-body #tablomat-wrapper {position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%!important}
.tablomat-body .tablomat-content iframe {position:absolute;top:0px;right:0px;bottom:0px;left:0px;height:100%}
.tablomat-body .text-tablomat-content {display:none}
.tablomat-body #footer {display:none}
*/
}
@media screen and (max-width: 950px) {
/* header */
#header-full-bg {height:420px}
#header-full-bg .heading {width:70%;padding:120px 80px 30px 80px}
#header-full-bg .heading h1 {font-size:35px;line-height:45px}
.header-full-bg-box {width:200px}
.header-full-bg-box .grid-layer {height:245px!important}
.header-full-bg-box .grid-full.grid-item .grid-head div {font-size:15px;line-height:22px}
.header-full-bg-box .grid-item .grid-button span {font-size:12px}
#header-full-bg .product-box {width:30%;top:0px;right:0px;bottom:0px}
#header-full-bg .extrastyle .heading {padding:80px 50px 30px 50px}
#header-full-bg .extrastyle .heading h1 {font-size:23px;line-height:34px}
#header-full-bg h1 span {font-size:15px}
#header-full-bg p {line-height:20px;font-size:15px}
#header-full-bg .header-model-img {top:30px}
#header-full-bg .header-model-img img {width:auto}
.content-spacer, .content-spacer-center {padding-top:50px}
.content.headline h1, .content.headline h2 {font-size:25px!important}
/* teaser list */
ul.teaser-list {width:50%;margin:20px 0px 0px 0px}
.img-listing {width:100%}
.img-listing.listmiddle {padding:0px 30%}
.img-listing .round-teaser li {float:left;width:33%!important;margin:0px 0px!important}
.img-listing:nth-child(1) {padding-right:0px}
.img-listing:nth-child(3) {padding-left:0px}
.img-listing:nth-child(1) .round-teaser-ico {top:0px;left:50%;margin-left:-30px}
.img-listing:nth-child(3) .round-teaser-ico {top:0px;left:50%;margin-left:-30px}
.img-listing:nth-child(1) .round-teaser-txt {padding:76px 20px 0px 30px!important;text-align:center}
.img-listing:nth-child(3) .round-teaser-txt {padding:76px 20px 0px 30px!important;padding-top:76px!important;text-align:center}
.newsletter {width:100%;margin-bottom:20px}
.newsletter input[type=email] {width:70%}
.newsletter input[type=submit] {width:30%}
.social-buttons {width:100%;text-align:center}
.social-buttons a {float:none;display:inline-block}
}
@media only screen and (max-width: 900px) {
#global-search .global-search-input {width:200px}
/* header */
#header-model {height:420px}
#header-model div.heading {width:45%;margin:80px 0px 30px 0px}
#header-model .header-model-img img {margin-right:0px!important}
#header-model .header-model-img {left:auto;right:50px}
#header-model .header-model-img.var2 {left:0px;right:0px}
#header-right {display:none}
.grid-spacer {padding:20px 20px 0px 20px}
.grid-3 {padding:10px 0px}
.grid-3:nth-child(1) {padding-right:10px}
.grid-3:nth-child(2) {padding-right:0px;padding-left:10px}
.grid-3:nth-child(3) {padding-left:0px;padding-right:0px}
.grid-3:nth-child(4) {padding-right:0px;padding-left:0px}
.grid-3:nth-child(5) {padding-right:10px;padding-left:0px}
.grid-3:nth-child(6) {padding-left:10px}
.grid-3-2 .grid-item:nth-of-type(1) .grid-box {bottom:0px}
.grid-3-2 .grid-item:nth-of-type(2) .grid-box {top:0px}
.grid-3.grid-3-2 .grid-item:nth-of-type(1) .grid-head {top:0px}
.grid-3.grid-3-2 .grid-item:nth-of-type(1) .grid-hover {top:0px}
.grid-3.grid-3-2:hover .grid-item:nth-of-type(1) .grid-hover {top:0px}
.grid-3.grid-3-2 .grid-item:nth-of-type(2) .grid-head {bottom:0px}
.grid-3.grid-3-2 .grid-item:nth-of-type(2) .grid-hover {bottom:0px}
.grid-3.grid-3-2:hover .grid-item:nth-of-type(2) .grid-hover {bottom:0px}
.grid-3.grid-3-2 .grid-item:nth-of-type(2) .grid-button {bottom:45px}
.grid-3.grid-middle .grid-item .grid-head div {padding:40px 20px 0px 20px;font-size:28px;line-height:32px}
.grid-3.grid-item {width:50%;float:left!important}
.grid-3.grid-middle {width:100%;float:left!important}
.grid-3 .grid-item {width:50%;float:left!important}
.grid-3.grid-middle .grid-item {width:50%}
.grid-3.grid-middle .grid-item img {min-height:190px}
.grid-3.grid-middle .grid-item:nth-child(1) {padding-right:10px}
.grid-3.grid-middle .grid-item:nth-child(2) {padding-left:10px}
.round-teaser.rtea3 li {width:48%!important}
.round-teaser.rtea5 li {width:32%}
/* left */
#left {display:none}
/* right */
#right {width:100%;padding:60px 0px 0px 0px}
/* hero-grid */
.hero-grid-sizer, .hero-grid-item {width:50%}
}
@media only screen and (max-width: 860px) {
#global-search {margin-right:130px}
}
@media screen and (max-width: 850px) {
/* header */
.header-full-bg-box {display:none}
#header-top .heading span {padding:15px 20px;font-size:28px}
#header-top p {line-height:24px;font-size:15px}
.content-box-img {width:100%;position:relative;left:0px;height:250px}
.content-box-txt {width:100%}
.content-box-color {width:100%;position:static}
.content-box-color .content-box-head div {padding:30px}
.content-box-color .content-box-head div:before {bottom:10px}
.content-box-color .content-box-button {position:static;padding:30px 30px 50px 30px}
#gutschein .codetxt span {font-size:16px}
.tablomat-mainnavi {display:none}
}
@media only screen and (max-width: 750px) {
img {max-width:100%}
/* buttons */
.button-green-detail, .button-grey-detail {width:100%;font-size:14px;text-align:center}
#header-right .button-green {width:100%;text-align:center}
.button-green, .button-grey {width:100%;text-align:center;font-size:14px;margin:5px 0px!important}
/* wrapper */
#top-wrapper {background-size:200% 100%}
#spacer {width:100%}
/* top */
#top {display:none}
/* head */
#head {box-shadow:0px 1px 16px rgba(0, 0, 0, 0.2);background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */}
#head .spacer {padding:12px 10px}
#head-separator {width:60%;text-align:right;padding-right:55px}
#logo {width:35%;margin:0px 0px 5px 0px}
/* global-search */
#global-search {display:none;padding:0px 20px}
#global-search .global-search-input {width:80%}
#global-search .global-search-select {display:none}
#global-search .global-search-button {width:20%}
#global-search input[type=submit] {margin-left:0px}
/* activate smartphone search */
label.show-mobile-search-label {display:inline-block;float:none;margin-top:0px;margin-left:10px;vertical-align:top}
.show-mobile-search:checked ~ div#global-search {position:absolute;top:82px;left:20px;right:20px;width:auto;margin:0px;padding:0px;border:10px solid rgba(0,0,0,0.5);border-radius:5px;box-shadow:1px 1px 30px rgba(0, 0, 0, 0.4)}
.show-mobile-search:checked ~ div#global-search input, .show-mobile-search:checked ~ div#global-search input[type=submit] {border:0px}
/* purchase */
#purchase {display:inline-block;float:none;margin-top:0px}
.inital-basket .live-basket {position:fixed;width:100%;top:50px;right:0px;bottom:0px;left:0px}
/* menu */
#menu {z-index:4}
#menu .spacer {padding:0px}
#menu ul.first {display:none;width:auto;position:fixed;top:76px;right:20px;left:20px;background:#39adde;border-radius:6px;box-shadow:1px 1px 30px rgba(0, 0, 0, 0.4)}
#menu ul.first:before {position:absolute;bottom:100%;right:0px;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}
#menu ul.first:before {margin-left:-10px;border-bottom-color:#39adde;border-right-color:#39adde;border-width:10px}
#menu li {position:relative;float:left;width:100%;height:auto}
#menu li li {border-bottom:1px solid #2a96c4}
#menu li li li {border-bottom:1px solid #ccc}
#menu li li li:last-child {border-bottom:0px}
#menu ul.first li:nth-of-type(1) a {border-radius:6px 0px 0px 0px}
#menu ul.first li:nth-last-of-type(1) a {border-radius:0px 0px 6px 6px}
#menu li a {width:100%!important;padding:15px 20px 15px 20px!important;background:#39adde!important;color:#fff!important;border-bottom:1px solid #2a96c4}
#menu li:hover a {padding:15px 20px 10px 20px!important;background:#2a96c4!important;text-decoration:underline!important}
#menu li:hover li a {padding:0px 20px 10px 40px!important;text-decoration:none!important}
#menu li a:hover {background:#2397c8!important;color:#fff!important}
#menu li.active a {background:#39adde;color:#fff!important;border:0px!important;border-bottom:1px solid #2a96c4!important}
#menu li.active a:hover {background:#2397c8!important}
#menu li.designer-link {display:block!important}
#menu ul .menu-dropdown {position:static;top:auto;right:auto;left:auto;padding:0px;box-shadow:none}
#menu ul li ul li {width:100%;padding:0px}
#menu ul li ul a {text-align:left;border:0px;background:#2a96c4!important}
#menu ul li ul a span.micon {display:none}
#menu ul li:hover a:before {display:none}
#menu ul a:before, #menu ul a:after {display:none}
#menu li.active a:before {display:none}
#menu li.active a:before, #menu li.active:hover a:before {display:none}
#menu ul li .home-icon {background-image:none!important}
#menu ul li .home-icon:before {content:'Home'}
/* activate smartphone menu */
label.show-mobile-menu-label {display:block}
/* header */
#header-full-center {min-height:inherit;height:auto}
#header-full-center h1 {padding:60px 20px 0px 20px;font-size:35px;line-height:45px}
#header-model {height:auto;text-align:center}
#header-model .spacer {padding:0px}
#header-model div.heading {width:100%;text-align:center;margin:50px 0px 0px 0px;padding:0px 20px}
#header-model div.heading br {display:none}
#header-model div.heading .button-green-detail {float:none}
#header-model .heading-inner {font-size:30px;line-height:35px}
#header-model .heading-inner div {width:100%;margin-bottom:20px}
#header-model .header-model-img {width:100%;position:static;padding:0px 10px;text-align:center}
#header-model .header-model-img.var2 {padding:0px 14%}
#header-model .header-model-img img {float:none;width:auto;height:auto;display:inline-block;max-width:100%;max-height:none}
#header-model .header-model-info {width:100%;background:#fff!important;padding:20px 20px 0px 20px;margin:0px 0px 0px 0px}
#header-model .button-green-detail, #header-model .button-grey-detail {margin:20px 0px 0px 0px}
#header-model .header-model-tabs {float:left;width:100%;position:static;padding:20px 20px 0px 20px;background:#fff}
#header-right {display:none}
#header-full-bg {height:auto}
#header-full-bg .heading {width:100%;padding:60px 20px 130px 20px;text-align:center}
#header-full-bg .product-box {display:none}
.extrastyle {padding:200px 20px 0px 20px}
.extrastyle h1 span {display:none!important}
#header-full-bg .extrastyle .heading {position:relative;width:100%;padding:30px 30px 30px 30px;background:rgba(0,0,0,0.5)}
#header-full-bg .header-model-img {position:relative;top:0px;z-index:0;width:100%}
#header-full-bg .header-model-img img {margin-top:-500px;height:auto}
#header-top {height:auto;text-align:center}
#header-top div.heading {width:100%;padding:60px 40px 0px 40px}
#header-top .heading div {float:none;display:inline-block;width:auto;margin-bottom:30px}
#header-top .heading-img {width:100%;position:static;text-align:center}
#header-top .heading-img img {float:none;width:auto;height:auto;display:inline-block;max-width:100%;max-height:none;margin-right:0px!important}
#header-top .heading-img .button-green-detail {width:auto}
#header-designs {height:auto;text-align:center}
#header-designs div.heading {width:100%;margin:50px 0px 0px 0px;padding:0px 20px}
#header-designs .header-model-img {width:100%;position:static;padding:0px 10px;text-align:center}
#header-designs .header-model-img img {float:none;width:auto;height:auto;display:inline-block;max-width:100%;max-height:none;margin-right:0px!important}
/* grid 4 */
.grid-4 {width:50%}
.grid-4 .grid-head {left:15px}
.grid-4 .grid-head div {font-size:18px!important;line-height:26px}
.grid-4 img {width:100%}
.grid-4 .grid-button {text-align:center;padding-left:0px}
.grid-6 {width:33.3%}
.half {width:100%}
.half.txt {padding:0px 0px}
/* coupon */
.coupon div {font-size:14px}
#header-model .draw {top:auto;right:30%;bottom:100px;left:30%}
/* search */
.search-out {width:100%;margin:0px 0px 10px 0px}
.search-out.btn-end {width:100%;margin:0px 0px 10px 0px}
.btn-left, .btn-right {width:100%;margin:0px}
/* draw */
.draw-inner {width:100%;border-top:3px solid #39adde;border-left:0px}
.draw-inner:after {position:absolute;top:auto;right:50%;bottom:100%;width:0px;height:0px;content:" ";border:solid transparent;pointer-events:none}
.draw-inner:after {margin-left:-8px;border-color:rgba(75, 187, 234, 0);border-bottom-color:rgba(75, 187, 234, 1.0);border-width:10px}
/* start-teaser */
.start-item {width:100%;margin-bottom:20px}
.start-item:nth-of-type(1) {padding-right:0px}
.start-item:nth-of-type(2) {padding:0px 0px}
.start-item:nth-of-type(3) {padding-left:0px}
/* bestseller-teaser */
.bestseller-item {width:100%}
.bestseller-item:nth-of-type(1) {padding-right:0px;margin-bottom:20px}
.bestseller-item:nth-of-type(2) {padding-left:0px}
/* view-teaser */
.view-item {float:none;display:inline-block;width:45%}
.view-title span {padding:5px 10px;font-size:13px}
.view-title span:nth-of-type(1) {font-size:13px}
.view-img {width:110px;height:110px}
/* youtube */
.youtube-spacer {padding-left:20px;padding-right:20px}
.youtube iframe {width:100%;height:350px}
/* teaser list */
ul.teaser-list {width:100%}
/* design search */
.design-search form div:nth-of-type(1) {width:100%;text-align:center;padding-bottom:20px}
.design-search form div:nth-of-type(2) {width:70%}
.design-search form div:nth-of-type(3) {display:none}
.design-search form div:nth-of-type(4) {width:30%}
.half .design-search form div:nth-of-type(3) {width:45%;display:block}
/* content */
.content {font-size:14px;line-height:25px}
.content-spacer, .content-spacer-center {width:100%}
.content.headline h1, .content.headline h2 {font-size:20px!important;font-weight:400}
.content.headline h2.h2-extra {font-size:20px!important}
.content.headline h3 {font-size:18px!important}
.content-spacer-center h1, .content-spacer-center h2 {font-size:27px;font-weight:400}
.content h1 {font-size:20px;font-weight:400}
.content h2 {font-size:20px;font-weight:400}
.v-spacer.content.headline {margin-top:20px}
.v-spacer.view-teaser {padding-bottom:20px}
.v-spacer.start-teaser {padding-bottom:20px}
.v-spacer.grid {padding-bottom:20px}
.v-spacer.bestseller-teaser {padding-bottom:20px}
.v-spacer.teaser {padding-bottom:20px}
.start-left {width:100%}
.start-right {width:100%}
.subline, .subline-h3 {font-size:15px;line-height:25px}
.subline {padding:32px 0px 0px 0px}
/* product boxes */
.three {width:100%!important;text-align:center}
.three .image-effect img {float:none;margin:0px}
/* product-detail */
.product-detail {width:100%;margin-bottom:20px;padding:0px}
.product-detail .image {text-align:center;width:100%}
.product-detail .image .RbZoom img {float:none}
.product-detail .price {top:220px}
.productview-left {width:100%}
.productview-right {width:100%}
.RbZoomImageCont, .RbZoomPop {display:none!important}
.RbProdThumbs img {width:70px;height:70px}
.RbZoom {width:100%!important}
.RbZoom img {width:100%!important;height:auto}
/* api items */
.color img {width:40px;height:40px;border-radius:20px}
/* product teaser */
.product-teaser-gallery {padding-bottom:10px}
.product-teaser {width:100%;margin-bottom:30px}
.product-teaser:nth-of-type(1) {margin-right:0%}
.product-teaser:nth-of-type(2) {margin-left:0%}
.product-image {width:100%}
/* print */
.print {width:100%;margin:0px 0px 20px 0px}
/* hero-grid */
.hero-grid-sizer, .hero-grid-item {width:100%}
/* content-list */
.content-list li {padding:0px 0px 15px 20px}
ul.list-2 li {float:left;width:100%;padding:15px 10px}
ul.list-2 .point {font-size:14px;width:43px;height:43px;padding:8px 0px}
/* rating */
.rat-user {padding:50px 20px 0px 20px}
.rat-stars-05, .rat-stars-1, .rat-stars-15, .rat-stars-2, .rat-stars-25, .rat-stars-3, .rat-stars-35, .rat-stars-4, .rat-stars-45, .rat-stars-5 {left:20px}
.motive-bottom-inner {width:100%}
.motive-bottom li a {width:100%;font-size:14px}
/* pictures */
.thumb, .thumb img {width:100%;max-width:100%;height:auto}
/* cookie layer */
.cookie-layer {padding:20px}
.cookie-layer-content {width:100%;margin:20px auto 0 auto}
/* back2top */
.back2top {width:50px;height:50px;border-radius:0px}
/* copybar */
#copy li a {font-size:14px}
#copy-txt {font-size:14px}
/* footer */
#footer {text-align:center}
.footer-box {width:49%;float:none;display:inline-block}
.footer-title {width:100%;margin-left:0px}
.footer-box ul {float:none;display:inline-block}
.footer-box li {float:none;display:inline-block}
.footer-box:nth-child(8) .footer-title {width:auto}
/* copy */
#copy ul, #copy a {width:100%;text-align:center}
#copy li {width:100%}
#copy li a {font-size:14px;padding:16px 25px 16px 25px}
#copy-txt {width:100%;padding:0px 0px 10px 0px;text-align:center}
/* extra */
.image img {max-width:100%;height:auto}
.product-info {width:100%}
.product-size {display:none}
/* rating */
.rating-batch {display:none}
/* shariff sharing */
.shariff li.whatsapp {display:block}
/* jackbox */
.jackbox-panel, .jackbox-thumb-holder {display:none!important}
.jackbox-show-thumbs, .jackbox-hide-thumbs {width:0;margin-left:0;overflow:hidden}
/* tablomat-menu */
.tablomat #logo {margin:0px;width:40%!important}
.tablomat-body #head {height:65px;border:0px;background:#fff}
.tablomat-menu {display:none}
.tablomat-top-menu {display:none}
/* live basket */
.tablomat .tablomat-basket {margin:1px 0px 0px 0px;width:60%!important;text-align:right}
.tablomat .tablomat-basket #purchase {width:auto}
.tablomat-basket .live-basket {width:auto}
.tablomat-basket .inital-basket:hover .basket-blank {width:39px}
.tablomat-basket .inital-basket:hover a.basket {border:1px solid #fff!important}
.tablomat-basket li:hover .live-basket {position:fixed;top:53px;right:10px;bottom:10px;left:10px}
.tablomat-basket .live-basket-top {max-height:none}
.tablomat-basket .basket-image {width:30%}
.tablomat-basket .basket-article {width:55%;font-size:16px}
.tablomat-basket .inital-basket .live-basket-top {margin-bottom:0px;position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 114px;
}
.tablomat-basket .live-basket-bottom button {width:100%;font-size:16px;text-align:center}
.tablomat-basket .live-basket-bottom button:first-child {margin-bottom:15px}
/* tablomat-content */
.tablomat-content {top:70px;border:0px}
}
@media only screen and (max-width: 600px) {
/* global-search */
#global-search {width:50%}
/* purchase */
#purchase {width:20%}
.grid-5 {width:50%}
.grid-5-big {width:100%}
.grid-6 {width:50%}
.round-teaser.rtea3 li {width:100%!important}
.round-teaser.rtea5 li {width:49%}
/* footer */
.footer-box {width:100%!important}
.footer-half {width:100%!important}
}
@media only screen and (max-width: 550px) {
/* filter */
.filter-box {width:100%}
.filter-box select {width:100%}
/* header */
#header-top .heading-img div {bottom:120px}
.grid-3:nth-child(1) {padding-right:0px}
.grid-3:nth-child(2) {padding-right:0px;padding-left:0px}
.grid-3:nth-child(3) {padding-left:0px;padding-right:0px}
.grid-3:nth-child(4) {padding-right:0px;padding-left:0px}
.grid-3:nth-child(5) {padding-right:0px;padding-left:0px}
.grid-3:nth-child(6) {padding-left:0px}
.grid-3.grid-item {width:100%}
.grid-3.grid-middle .grid-item {width:100%;margin-top:0px!important}
.grid-3.grid-middle .grid-item:nth-child(1) {padding-right:0px;margin-bottom:20px}
.grid-3.grid-middle .grid-item:nth-child(2) {padding-left:0px}
/* grid 4 */
.grid-4 {width:100%}
/* design search */
.half .design-search form div:nth-of-type(1) {width:100%;padding-bottom:0px}
.half .design-search form div:nth-of-type(2) {width:100%!important}
.half .design-search form div:nth-of-type(3) {width:100%}
}
@media only screen and (max-width: 500px) {
/* header */
#header-full-bg .heading h1 {font-size:28px;line-height:34px}
#header-full-bg h1 div {font-size:16px}
#header-full-bg p {font-size:16px}
.extrastyle {padding:20px 20px 0px 20px}
#header-full-bg .header-model-img img {margin-top:0px}
#header-top .heading-img div {bottom:100px}
#header-designs .heading h1 {font-size:28px;line-height:34px}
#header-designs p {font-size:16px}
}
@media only screen and (max-width: 450px) {
#header-model .tabs li {position:relative;margin-right:-40px;}
#header-model .tabs li:nth-child(1) {z-index:1}
#header-model .tabs li:nth-child(2) {z-index:2}
#header-model .tabs li:nth-child(3) {z-index:3}
#header-model .tabs li.current {z-index:4}
#header-top .heading span {padding:12px 16px;font-size:24px}
#header-top .heading span:nth-of-type(2) {margin:-6px 0px 0px 60px;}
#header-top div.heading {width:100%;padding:60px 40px 0px 40px}
#header-top .heading-img div {bottom:80px}
}
@media only screen and (max-width: 390px) {
#logo {width:30%}
#header-full-bg .heading h1 {font-size:23px;line-height:30px}
#header-full-bg h1 div {line-height:23px}
#header-top .heading-img div {bottom:50px}
#header-top .button-green-detail {padding:15px 30px 15px 30px}
}