@font-face { 
    font-family: 'CompactaBT';
    src: url('webfonts/compctab-webfont.eot');
    src: url('webfonts/compctab-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/compctab-webfont.woff') format('woff'), url('webfonts/compctab-webfont.ttf') format('truetype'), url('webfonts/compctab-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Compacta';
    src: url('webfonts/compctan-webfont.eot');
    src: url('webfonts/compctan-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/compctan-webfont.woff') format('woff'), url('webfonts/compctan-webfont.ttf') format('truetype'), url('webfonts/compctan-webfont.svg#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gshock';
    src: url('webfonts/gshock_icons.eot?v=4');
    src: url('webfonts/gshock_icons.eot?#iefix') format('embedded-opentype'), url('webfonts/gshock_icons.woff?v=4') format('woff'), url('webfonts/gshock_icons.ttf?v=4') format('truetype'), url('webfonts/gshock_icons.svg?v=4#AsapRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 100%;
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    min-width: 500px;
}

body.wysiwyg {
    min-width: auto;
    padding-top: 10px;
}

table {
    background: transparent;
    border: 0;
    margin: 0 auto;
}

a {
    outline: 0 !important;
}

* {
    outline: none;
}

.g-shock,
ul,
ol,
dl {
    font-size: 1rem;
}

select {
    background-color: #fff !important;
}


/* Colors */

.c-white {
    color: #fff;
}

.c-black {
    color: #000;
}

.c-grey {
    color: #e3e3e3;
}

.c-red {
    color: #e30613;
}

.c-steel {
    color: #a8a8a8;
}

.c-exclusive {
    color: #313436;
}

.c-exclusive-signal {
    color: #04a7d4;
}

.c-originalsignal {
    color: #dc5a3b;
}


/* Hintergrund */

.b-white {
    background-color: #fff;
}

.b-grey {
    background-color: #e3e3e3;
}

.b-darkgrey {
    background-color: #313436;
}

.b-black {
    background-color: #000;
    color: #fff;
}


/* Commons */

.schatten {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

.bold {
    font-weight: bold;
}

a.link-animate:after {
    content: '';
    display: block;
    margin: 0 auto 0 auto;
    height: 1px;
    width: 100%;
    background: transparent;
    transition: height .2s ease, background-color .2s ease;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.t-upper {
    text-transform: uppercase;
}

#g-shock-overlay {
    background: rgb(0, 0, 0);
    opacity: 0.6;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w100proz,
input.w100proz {
    width: 100%;
}


/* Icons */

.icons {
    font-family: "Gshock";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.icons-search:before {
    content: "\e808";
}

.icons-cart:before {
    content: "\e809";
}

.icons-pin:before {
    content: "\e830";
}

.icons-newsletter:before {
    content: "\e80b";
}

.icons-gshocklife:before {
    content: "\e905";
}

.icons-spotify:before {
    content: "\e904";
}

.icons-facebook:before {
    content: "\e803";
}

.icons-twitter:before {
    content: "\e81b";
}

.icons-googleplus:before {
    content: "\e81c";
}

.icons-instagram:before {
    content: "\e804";
}

.icons-youtube:before {
    content: "\e80e";
}

.icons-filterokay:before {
    content: "\e81d";
}

.icons-share:before {
    content: "\e80d";
}

.icons-close:before {
    content: "\e802";
}

.icons-plus:before {
    content: "\e80c";
}

.icons-minus:before {
    content: "\e805";
}

.icons-back:before {
    content: "\e815";
}

.icons-edit:before {
    content: "\e832";
}

.icons-manuals:before {
    content: "\e833";
}

.icons-repair:before {
    content: "\e835";
}

.icons-newsletter-teaser:before {
    content: "\e834";
}

.icons-info:before {
    content: "\e821";
}

.icons-info:before {
    content: "\e821";
}

.icons-aktion-1:before {
    content: "\e823";
}

.icons-aktion-2:before {
    content: "\e822";
}

.icons-aktion-3:before {
    content: "\e824";
}




.icons-arrowdown:before {
    content: "\e800";
    font-size: 0.5rem;
    line-height: 0;
    vertical-align: middle;
    padding-left: 10px;
}

.icons-arrowup:before {
    content: "\e801";
    font-size: 0.5rem;
    line-height: 0;
    vertical-align: middle;
    padding-left: 10px;
}

.icons-a {
    line-height: 0.75rem;
    font-size: 0.75rem;
    padding: 5px 0 0 5px;
    display: inline-block;
    vertical-align: top;
}

.icons-vkcom {
    width: 20px;
    height: 20px;
    background: url('../images/common/vkcom.png') no-repeat scroll left top / contain;
    overflow: hidden;
    margin: 0 10px;
}

.navigation-mobil-icons {
    font-family: "Gshock";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    color: #fff !important;
    font-size: 1.5rem;
    display: block;
    box-sizing: border-box;
    padding: 38px 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navigation-mobil-icons-aktiv {
    background-color: #fff;
    color: #000 !important;
}

.navigation-mobil-icon-container {
	padding: 0 1rem;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
}



.navigation-mobil-icon-container > .navigation-mobil-icons {
	padding: 1.5rem 1rem;
    margin-right: 0.5rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

@media screen and (max-width: 540px) {
    .navigation-mobil-icon-container > .navigation-mobil-icons {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.navigation-mobil-icon-container > .navigation-mobil-icons:last-child {
	margin-right: 0;
}

.h-100 {
	height: 100%;
}

.navigation-mobil-icons-watch:before {
    content: "\e80a";
}

.navigation-mobil-icons-search:before {
    content: "\e808";
}

.navigation-mobil-icons-dealer:before {
    content: "\e809";
}

.navigation-mobil-icons-life:before {
    content: "\e807";
}

.navigation-mobil-icons-burger:before {
    content: "\e806";
}

.navigation-mobil-icons-close:before {
    content: "\e802";
}

.navigation-mobil-icons-pin:before {
    content: "\e830";
}

.navigation-mobil-icons-watchfinder:before {
    content: "\e81e";
}


/* Margins */

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40,
.mt-40-desktop {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-100 {
    margin-right: 100px !important;
}

.ml-100 {
    margin-left: 100px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-40,
.mb-40-desktop {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.minw-310 {
    min-width: 310px;
}


/* Paddings */

.p-20 {
    padding: 20px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-0 {
    padding-left: 0;
}

.pl-10 {
    padding-left: 10px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-0 {
    padding-right: 0;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-100 {
    padding-right: 100px;
}

.h-40 {
    height: 40px !important;
}


/* Headlines */

h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-transform: uppercase;
}

h3 {
    font-size: 1.5rem;
    text-transform: uppercase;
}

h4,
h5 {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: normal;
    text-transform: uppercase;
}

.overview-watch-box h3 {
    margin: 20px 0 10px 0;
}

.cms-detail-former-h1 h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-transform: uppercase;
}


/* Header */

#header-campaign {
    position:fixed;
    width:100%;
    background: url('../images/gorillaz/gorillaz_teaser_global_bg.jpg') top center repeat;
    height:60px;
    color:#000;
    text-align: center;
    z-index: 100;
    top:0;
}

#header-campaign img {
    height: 40px;
    width: auto;
    margin-top: 10px;
}

#header {
    background-color: #000;
    position: fixed;
    height: 100px;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 40px 0 40px;
    z-index: 100;
    top:0;
}

.has-campaign-banner #header {
    top: 60px;
}

.header-startpage {
    background:transparent !important;
    top:0 !important;
}

#header-logo-small {
    display: none;
}

#header-logo {
    display: block;
    overflow: hidden;
    width: 194px;
    height: 67px;
}

/* Navigation */

#navigation {
    position: absolute;
    top: 35px;
}

#navigation ul,
#shop-navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#shop-navigation {
    float: left;
    margin-right: 50px;
}

#navigation ul li,
#shop-navigation li {
    margin: 0 27px 0 0;
    padding: 0 0 35px;
    float: left;
}

#navigation ul li a,
#shop-navigation li a {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 55px;
}

#navigation ul li:last-child {
    margin: 0;
}

#navigation ul li a:after,
#shop-navigation li a:after {
    content: '';
    display: block;
    margin: 7px auto 0 auto;
    height: 1px;
    width: 100%;
    background: transparent;
    transition: height .5s ease, background-color .5s ease;
}


/*
.navigation-aktiv {
	border-bottom:10px solid #fff;
	padding-bottom:11px;
}
*/

#header-spacer {
    height: 99px;
    /*100px;*/
    overflow: hidden;
}

#header-spacer.masterheader-campaign {
    height:159px;
}

#header-spacer.masterheader-campaign-home {
    height:59px;
}

@media screen and (min-width: 1141px) {
    #header-spacer.masterheader-campaign-home {
        display: none;
    }
}

@media screen and (max-width: 1140px) {
    #header-spacer.masterheader-campaign, #header-spacer.masterheader-campaign-home {
        /*height: 134px;*/
    }
}

#sub-navigation {
    position: absolute;
    top: 35px;
    right: 25px;
    color: #fff;
    text-transform: uppercase;
    padding-right: 25px;
}

#sub-navigation a {
    color: #fff;
    text-transform: uppercase;
}

.sub-navigation-language {
    position: absolute;
    background-color: #000;
    padding: 10px 25px 25px 25px;
    right: 6px;
    display: none;
}

.sub-navigation-language ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sub-navigation-language ul li {
    text-align: right;
    height: 35px;
}

.sub-navigation-language ul li a {
    display: inline-block;
}

.sub-navigation-language-txt {
    display: inline-block;
    position: relative;
    margin-right: 100px;
    cursor: pointer;
}

.sub-navigation-language-lang {
    padding-right: 10px;
}


/* Home */

.home-pb-item,
.home-pb-item-inner,
.home-pb-item-bg {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: table;
    height: calc(100vh - 100px);
    margin: 0 auto;
    min-height: 100%;
    overflow: hidden;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.home-pb-item {
    cursor: pointer;
}

.home-pb-item-bg {
    opacity: 0;
    position: absolute;
}

.home-pb-item-inner {
    position: absolute;
    opacity: 0;
    background-position: right 100px;
    /* 100px */
}

video {
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home-pb-item-txt {
    margin: 0 0 0 0;
    opacity: 0;
}

.home-pb h1,
.mobsli h1 {
    font-family: 'CompactaBT';
    font-size: 5rem;
    line-height: 4.7rem;
    text-transform: uppercase;
    letter-spacing: -0.1rem;
    margin: 0;
    padding: 0;
}

.home-pb .slick-dots {
    /*display:none !important;*/
}

.home-pb-dots {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 40px;
}

.home-pb-dots .slick-dots {
    bottom: -60px;
    color: #fff;
    position: absolute;
    right: 0;
    width: 40px;
    z-index: 44;
    top: 100px;
}

#pbloader {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    z-index: 50;
}

#pbscrollanimater {
    width: 50px;
    height: 30px;
    position: absolute;
    left: 40px;
    z-index: 50;
}

.pb-mudmaster h1 {
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    margin: 0 0 8px -3px;
}

.pb-mrg h1 {
    font-size: 4.2rem;
    line-height: 4.2rem;
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    margin: 0 0 8px -3px;
}

.pb-original h1 {
    font-size: 8rem;
    line-height: 9rem;
}

.pb-red-balken {
    background-color: #e30613;
    box-sizing: border-box;
    height: 4px;
    margin: 6px 0 12px 4px;
}

.overview-auto-mt .pb-red-balken {
    margin: 16px 0 -16px 0;
}

.home-pb h2,
.mobsli h2 {
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    font-size: 0.9375rem;
    line-height: 1.1rem;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
}

a.cta-white,
.pb-cta,
.flyout-btn-shop {
    text-transform: uppercase;
    padding: 8px 20px 0;
    height: 40px;
    color: #fff;
    border: 1px solid #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-top: 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9375rem;
}

#flyout-watches-div-bigimg a.cta-white {
    padding-top: 11px;
}

.home-pb-item-txt .pb-cta {
    min-width: 300px;
    text-align: center;
}

.cta-black {
    text-transform: uppercase;
    padding: 8px 20px;
    color: #000;
    border: 1px solid #000;
    background-color: none;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: block;
    font-weight: bold;
}

a.btn-black,
input.btn-black {
    text-transform: uppercase;
    padding: 8px 20px;
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: inline-block;
    font-weight: bold;
}

a.btn-black:hover,
input.btn-black:hover {
    background-color: #fff;
    color: #000;
}

a.btn-black,
input.btn-black {
    text-transform: uppercase;
    padding: 8px 20px;
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: inline-block;
    font-weight: bold;
    position: relative;
}

a.btn-black:hover,
input.btn-black:hover {
    background-color: #fff;
    color: #000;
}

a.btn-white,
input.btn-white,
a.btn-transparent {
    text-transform: uppercase;
    padding: 8px 20px;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: inline-block;
    font-weight: bold;
}

a.btn-black-transparent {
    text-transform: uppercase;
    padding: 8px 20px;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: inline-block;
    font-weight: bold;
}

a.btn-black-transparent:hover {
    background-color: #000;
    border: 1px solid #000;
}

a.btn-transparent {
    background-color: transparent;
}











input.btn-white {
    font-size: inherit !important;
    padding: 0 !important;
}

a.btn-white:hover,
input.btn-white:hover,
a.btn-transparent:hover {
    background-color: #000;
    color: #fff;
}

.mobil-visible-h1 {
    display: none;
}

.pb-white {
    color: #fff;
}

.pb-white:hover {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    color: #000 !important;
}

.pb-black {
    color: #000;
    border: 1px solid #000;
}

.pb-black:hover {
    background-color: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
}

.pb-grey {
    color: #e3e3e3;
    border: 1px solid #e3e3e3;
}

.pb-grey:hover {
    background-color: #e3e3e3 !important;
    border: 1px solid #e3e3e3 !important;
    color: #000 !important;
}

.pb-red {
    color: #e30613;
    border: 1px solid #e30613;
}

.pb-red:hover {
    background-color: #e30613 !important;
    border: 1px solid #e30613 !important;
    color: #fff !important;
}

.pb-steel {
    color: #a8a8a8;
    border: 1px solid #a8a8a8;
}

.pb-steel:hover {
    background-color: #a8a8a8 !important;
    border: 1px solid #a8a8a8 !important;
    color: #fff !important;
}

.pb-exclusive {
    color: #313436;
    border: 1px solid #313436;
}

.pb-exclusive:hover {
    background-color: #313436 !important;
    border: 1px solid #313436 !important;
    color: #fff !important;
}

.pb-exclusive-signal {
    color: #04a7d4;
    border: 1px solid #04a7d4;
}

.pb-exclusive-signal:hover {
    background-color: #04a7d4 !important;
    border: 1px solid #04a7d4 !important;
    color: #fff !important;
}

.pb-originalsignal {
    color: #dc5a3b;
    border: 1px solid #dc5a3b;
}

.pb-originalsignal:hover {
    background-color: #dc5a3b !important;
    border: 1px solid #dc5a3b !important;
    color: #fff !important;
}

.claim,
.claim-overview,
.claim-overview-mobil,
.claim-overview-2nd,
.claim-overview-right,
.claim-overview-right-2nd {
    position: absolute;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 0;
    left: 0;
    /*background-color:#fff;*/
    background-color: #000;
    color: #fff;
    padding: 3px 5px 3px 6px;
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-transform: uppercase;
    /*-moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  */
    white-space: nowrap;
}

.claim-overview,
.claim-overview-2nd {
    background-color: #000;
    color: #fff;
}

.claim-overview-right,
.claim-overview-right-2nd {
    background-color: #000;
    color: #fff;
    right: 0;
    left: auto;
}

.claim-overview-white,
.claim-overview-white-2nd {
    background-color: #fff;
    color: #000;
}

.claim-overview-mobil {
    background-color: #000;
    white-space: nowrap;
    color: #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.claim-overview-mobil-aktiv {
    background-color: #000;
    white-space: nowrap;
    color: #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}


/* Collection Teaser */

.collection-teaser {
    display: inline-block;
    width: 100%;
    height: 380px;
    box-sizing: border-box;
    border: 9px solid #e3e3e3;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin: 0 auto;
    background-size: 260px auto;
}

.collection-teaser:first-child {
    margin: 0 0 40px 0;
}

.collection-teaser img {
    position: absolute;
    top: -9px;
    left: -9px;
    padding: 8px 8px 8px 5px;
    background-color: #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.b-grey img {
    background-color: #e3e3e3;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.teaser-hover img {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.teaser-hover-overlaytext {
    position: absolute;
    z-index: 5;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    box-sizing: border-box;
}

a.teaser-hover {
    position: relative;
    display: block;
}

.teaser-hover {
    overflow: hidden;
}

.collection-teaser span {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    opacity: 0;
    width: 100%;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    background-color: #000;
}


/* Footer */

.footer {
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
}

.footer ul {
    list-style-type: none;
}

footer {
    background-color: #000;
}

.footer__rights {
    text-align: center;
    color: #fff;
    padding: 1rem;
}

.footer__row {
    display: flex;
    flex-flow: row wrap;
    padding: 2rem 0;
    background-color: #1E1E1E;
}

.footer__wrapper {
    border-bottom: 2px solid #fff;
    background-color: #1E1E1E;
}

.footer__title {
    font-size: 1rem;
    display: inline-block;
    margin-right: auto;
    margin-bottom: 1rem;
    color: #fff;
    padding-bottom: 2px;
    line-height: 1;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
}

.footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__group {
    flex: 0 0 25%;
    padding: 0 15px;
}

.footer__link {
    display: inline-block;
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
}

.footer__link:hover {
    color: #fff;
    border-color: #fff;
}

.footer__link > .icons {
    width: 25px;
    padding-right: 8px;
    text-align: center;
    display: inline-block;
}

.footer__toggle {
    display: none;
}

.footer__social {
    display: none;
}

.footer__meta {
    list-style: none;
    color: #fff;
    display: flex;
    margin-bottom: 1rem;
}

.footer__meta > li {
    color: inherit;
    flex: 1;
}

.footer__meta a {
    font-size: 0.875rem;
    display: inline-block;
    padding: 1rem 15px;
    color: inherit;
    text-transform: uppercase;
}

@media screen and (max-width: 40em) {
    .footer__row {
        padding: 0;
    }

    .footer__group {
        flex: 0 0 100%;
        padding: 0;
        text-align: center;
        position: relative;
    }

    .footer__title {
        font-size: 1.5rem;
        padding: 1.25rem 0;
        margin-bottom: 0;
        display: block;
        border-width: 1px;
        line-height: 1.5;
    }

    .footer__list {
        background-color: #262626;
        margin-bottom: 0;
        display: none;
    }

    .footer__link {
        font-size: 1.5rem;
        display: block;
        padding: 1.25rem 0 ;
    }

    .footer__link > .icons {
        width: 40px;
    }

    .footer__toggle {
        display: inline-block;
        position: absolute;
        width: 50px;
        height: 50px;
        right: 25px;
        top: 8px;
    }

    .footer__toggle::before, .footer__toggle::after {
        content: " ";
        position: absolute;
        height: 2px;
        width: 30px;
        left: 10px;
        top: 24px;
        background-color: #fff;
        transition: all .3s ease;
    }

    .footer__toggle::after {
        transform: rotate(90deg);
    }

    .footer__group.active > .footer__toggle::after {
        transform: rotate(0);
    }

    #footer-follow {
        display: none;
    }

    .footer__social {
        display: block;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        border-bottom: 1px solid #fff;
    }

    .footer__social > a {
        display: inline-block;
        color: #fff;
        font-size: 1.5rem;
        padding: 1.25rem;
    }

    .footer__wrapper {
        border-bottom: none;
    }

    .footer__meta {
        flex-flow: column nowrap;
        text-align: center;
    }

    .footer__meta a {
        font-size: 1.5rem;
        display: block;
        padding: 1.25rem 0 ;
    }

    .footer__meta > li {
        border-bottom: 1px solid #fff;
    }

    .footer__rights {
        font-size: 1.25rem;
    }
}

#footer-logo-mobil-img {
	width: 130px;
	margin-top: -11px;
}
/* Flyout */

#flyout {
    background-color: #000;
    width: 100%;
    position: fixed;
    z-index: 100;
    min-height: 100px;
    display: none;
    left: 0;
    top: 100px;
    box-sizing: border-box;
    padding: 20px 0 50px 0;
}

.flyout-menu a {
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2.1rem;
    display: block;
    padding: 5px;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-weight: bold;
}

.flyout-menu-closer {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff !important;
    font-size: 1.5rem;
}

.flyout-menu a:hover,
a.flyout-menu-aktiv {
    /*background-color:#fff;
	color:#000;*/
    opacity: 1;
}

.flyout-watches-slider img {
    margin: 0 auto;
    padding: 5px;
    border-bottom: 5px solid #000;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 1;
}

.flyout-watches-slider img.aktiv {
    padding: 5px;
    /*background-color:#fff;*/
    /* opacity:1; */
    border-bottom: 5px solid #fff;
}

#flyout-watches-div-bigimg {
    text-align: center;
    position: relative;
    color: #fff;
}

#flyout-watches-div-bigimg img.flyout-bigwatch {
    max-width: 300px;
    width: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
}

.flyout-btn-detail {
    text-align: center;
    width: 100%;
    margin-top: 20px !important;
}

.flyout-btn-shop {
    text-align: center;
    width: 100%;
    color: #000 !important;
    margin-top: 20px !important;
}

.flyout-btn-shop:hover {
    background-color: #000;
    color: #fff;
}

.flyout-img-txt span {
    color: #fff;
    display: block;
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
}

.flyout-slider-new {
    position: absolute;
    color: #e30613;
    top: 0;
    right: 30px;
    text-transform: uppercase;
    font-size: 0.6rem;
}

/* Flyout new */

.flyout-watch-container {
    max-width: 1040px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -20px;
    margin-right: -20px;
}

.flyout-watch-item {
    box-sizing: content-box;
    display: inline-block;
    flex: 0 0 220px;
    padding: 0 20px;
    margin-bottom: 40px;
}

.flyout-watch-name {
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    margin-top: 10px;
}

.flyout-watch-new {
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
    color: #e30613;
    text-transform: uppercase;
    display: inline-block;
    margin-left: auto;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.32);
}

.flyout-watch-image-container {
    position: relative;
    box-sizing: border-box;
    height: 220px;
    padding: 20px 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.flyout-watch-image-container::before {
    content: " ";
    display: inline-block;
    position: absolute;
    background-color: #262626;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(45deg) translate(-100%, 0) scale(2);
}

.flyout-watch-image {
    position: relative;
    display: inline-block;
    max-height: 170px;
}

.flyout-watch-cta-container {
    flex: 0 0 100%;
    margin-left: auto;
    padding: 0 20px;
}

.flyout-watch-cta {
    display: block;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #000;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
    transition: all .3s ease;
}

.flyout-watch-cta:hover {
    border-color: #fff;
    background-color: #000;
    color: #fff;
}

.flyout-watch-container.mobile {
    background-color: #000;
    padding: 30px 10px;
    justify-content: flex-start;
}

.flyout-watch-container.mobile .flyout-watch-name {
    font-size: 1.4rem;
    font-weight: bold;
}

.flyout-watch-container.mobile .flyout-watch-item {
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 45px;
    flex: 0 0 33.3333%;
}

@media screen and (max-width: 525px) {
    .flyout-watch-container.mobile .flyout-watch-item {
        flex: 0 0 50%;
    }
}

@media screen and (min-width: 1200px) {
    .flyout-watch-container.mobile .flyout-watch-item {
        flex: 0 0 25%;
    }
}

.flyout-watch-container.mobile .flyout-watch-image-container {
    padding: 0 0 100%;
    height: 0;
    position: relative;
}

.flyout-watch-container.mobile .flyout-watch-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-height: initial;
    margin: 0 auto;
    padding: 14px 0;
}

.flyout-watch-container.mobile .flyout-watch-item:first-of-type {
    margin-left: 0;
}

.flyout-watch-container.mobile .flyout-watch-item:last-of-type {
    margin-right: 0;
}



/* Search */

#search-layer {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 140;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
}

#search-layer.active {
    opacity: 1;
}

#search-layer input {
    padding: 0;
    max-width: 1000px;
    width: 70%;
    height: 55px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.875rem;
    background-color: rgba(0, 0, 0, 1);
    border-bottom: 1px solid #fff;
    margin-top: 165px;
    color: #fff;
}

#watchfinder-search input[type="text"] {
    padding: 0;
    width: 100%;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.875rem;
    background-color: #fff;
    border-bottom: 0;
    color: #000;
}

#search-layer .search-close {
    top: 50px;
    right: 50px;
    position: absolute;
    display: block;
    color: #fff;
    font-size: 1.5rem;
}

#search-layer .search-lupe {
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 2rem;
}

.icons-search-mobil-close {
    display:inline-block !important;
}



/* Navigation Mobile */

#navigation-mobil {
    display: none;
    overflow: auto;
    height: 100vh;
    background: rgb(0, 0, 0);
    left: 0;
    position: fixed;
    top: 75px;
    width: 100%;
    z-index: 120;
    color: #fff;
    font-size: 120%;
}

.has-campaign-banner #navigation-mobil {
    /* top: 135px; */
}

.navigation-mobil-language {
    display: none;
}

.navigation-mobil-language-click {
    cursor: pointer;
    padding-right: 17px;
}

.navigation-mobil-language a {
    color: #fff;
    display: inline-block;
    min-height: 30px;
    padding-right: 30px;
    font-size: 70%;
}

.navigation-mobil-language ul {
    list-style-type: none;
}

.navigation-mobil-search input[type="text"] {
    margin: 0;
    padding: 0;
    background-color: #313436 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 3rem;
    height: auto;
    width: 80%;
}

.navigation-mobil-search-submit {
    margin: 0;
    padding: 0;
    background-color: #313436 !important;
    color: #fff !important;
    font-family: 'Gshock';
    width: 20%;
    font-size: 1.5rem;
    line-height: 3rem;
    text-align: right;
    padding-right:12px;
}

.navigation-mobil-search-submit:before {
    content: "\e808";
}

.navigation-mobil-main ul,
.navigation-mobil-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: auto;
}

ul.navigation-mobil-main-watches {
    margin:15px 0 0 25px;
}

.navigation-mobil-main li {
    position: relative;
    border-top:1px solid #fff;
    padding:0.9375rem;
}

.navigation-mobil-main ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 3rem;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navigation-mobil-main ul li ul li a {
    color: #a8a8a8;
    font-size: 1.2rem;
}

.navigation-mobil-main a.icons-plus {
    font-size: 2.3rem;
    padding: 10px 30px;
    position: absolute;
    right: -30px;
    top: 9px;
}

.navigation-mobil-footer {
    margin-top: 30px;
    border-top: 1px solid #fff;
    padding-top: 30px;
}

.navigation-mobil-footer,
.navigation-mobil-footer a,
.navigation-mobil-footer li {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.navigation-mobil-footer-legende,
.navigation-mobil-footer-legende a {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #fff;
}

.navigation-mobil-footer-legende a {
    padding-right: 20px;
}


/* Watches Overview Mobile */


/* Watch overview mobile slider */

.watch-overview-mobile-slide {
    width: 50%;
    height: calc(100vh - 180px);
    cursor: pointer;
    display: block;
}

.watch-overview-mobile-slide-bg {
    width: 100%;
    height: calc(100vh - 180px);
    display: block;
    box-sizing: border-box;
    background-position: 50px center;
    background-repeat: no-repeat;
    background-size: 480px;
    position: relative;
}

#watch-overview-mobile-slider-fixed {
    position: fixed;
    width: 50%;
    height: calc(100vh - 100px);
    display: none;
    z-index: 20;
    top: 135px;
    left: 0;
}

.watch-overview-mobile-slide-close {
    position: absolute;
    right: 40px;
    top: 40px;
    color: #000;
    z-index: 21;
    display: none;
}

.watch-overview-mobile-slide-bg .watch-overview-mobile-slide-img {
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.watch-overview-mobile-slide-img-black {
    background-color: #000;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#watch-overview-mobile-slider-fixed .cta-black {
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    bottom: 20px;
}

.watch-overview-mobile-slider-box {
    position: relative;
}

.watch-overview-mobile-slider-all-watches {
    position: absolute;
    bottom: 20px;
    right: 5%;
    width: 40%;
    background-color: #000;
    color: #fff !important;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
}


/* Watch Overview Desktop */

.overview-head-expand a {
    display: block;
    background-color: #e3e3e3;
    font-size: 1rem;
    padding: 5px 20px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-transform: uppercase;
}

.overview-head-expand-info {
    margin-right: 15px;
    margin-top: -2px;
    text-transform: uppercase;
}

.overview-dn {
    display: none;
}

.overview-head-expand a.aktiv {
    background-color: #000;
    color: #000;
}

.overview-head-expand a.aktiv .overview-dn {
    display: inline-block;
    color: #fff;
}

.overview-head-expand a.aktiv .icons-plus {
    display: none;
}

.overview-head-expand a span {
    float: right;
    font-size: 0.8rem;
    padding-top: 5px;
}

.overview-watch-box h2 {
    color: #fff;
    font-size: 3.125rem;
    line-height: 3.125rem;
    margin: 0;
    padding: 30px 10px 35px 40px;
    text-transform: uppercase;
}

.overview-watch-box a,
.all-a-underline a {
    text-decoration: underline;
}

.overview-watch-box ul {
    margin: 15px 0 0 30px;
}

.overview-watch-box-mrg h2,
.overview-watch-box-mtg h2 {
    font-size: 2rem;
    letter-spacing: 0.4rem;
    line-height: 2.3rem;
}

.overview-watch-box-gsteel h2 {
    font-family: 'CompactaBT';
    letter-spacing: -0.08rem;
    font-size: 3.1rem;
    line-height: 3.1rem;
}

.overview-watch-box-masterofg h2,
.overview-watch-box-frogman h2,
.overview-watch-box-gravitymaster h2,
.overview-watch-box-gulfmaster h2,
.overview-watch-box-mudmaster h2,
.overview-watch-box-rangeman h2,
.overview-watch-box-mudman h2 {
    /* Mumaster, Gravitymaster */
    font-size: 2.6rem;
    line-height: 2.8rem;
}

.overview-watch-box-limited h2, .overview-watch-box-classic h2, .overview-watch-box-gsquad h2, .overview-watch-box-theorigin h2, .overview-watch-box-trending h2, .overview-watch-box-mrg h2, .overview-watch-box-mrg h2, .overview-watch-box-mtg h2, .overview-watch-box-masterofg h2, .overview-watch-box-gsteel h2 {
    font-family: 'CompactaBT';
    color: #000;
    letter-spacing: -0.08rem;
    font-size: 3.1rem;
    line-height: 3.1rem;
}
.overview-watch-box-masterofg .overview-watch-content {
    background-color:#e3e3e3 !important;
}
.overview-watch-box-masterofg .overview-watch-content .pb-red-balken{
    display: none;
}

.overview-watch-box-original h2 {
    font-family: 'CompactaBT';
    color: #000;
    letter-spacing: -0.08rem;
    font-size: 3.1rem;
    line-height: 3.1rem;
}

.overview-watch-box-limited .overview-text, .overview-watch-box-trending .overview-text,
.overview-watch-box-original .overview-text, .overview-watch-box-classic .overview-text, .overview-watch-box-gsquad .overview-text, .overview-watch-box-theorigin .overview-text, .overview-watch-box-mrg .overview-text, .overview-watch-box-mtg .overview-text, .overview-watch-box-masterofg .overview-text, .overview-watch-box-gsteel .overview-text  {
    color: #000;
}

.overview-watch-img {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
}

.overview-watch-img img {
    background-color: #000;
    padding: 10px 5px;
}

.overview-watch-content {
    min-height: 420px;
    padding-right: 40px;
}

.overview-text {
    font-weight: normal;
    text-transform: none;
    color: #fff;
    padding: 0 40px 40px 40px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.read-more {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    z-index: 2;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.read-less {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    left: 0;
    right: 0;
}

.read-more-full {
    left: 0;
    right: 0;
}

.read-more-313436 {
    background: -moz-linear-gradient(top, rgba(49, 52, 54, 0) 0%, rgba(49, 52, 54, 1) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(49, 52, 54, 0) 0%, rgba(49, 52, 54, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(49, 52, 54, 0) 0%, rgba(49, 52, 54, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00313436', endColorstr='#313436', GradientType=0);
    /* IE6-9 */
}

.read-more-a8a8a8 {
    background: -moz-linear-gradient(top, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 1) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(168, 168, 168, 0) 0%, rgba(168, 168, 168, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a8a8a8', endColorstr='#a8a8a8', GradientType=0);
    /* IE6-9 */
}

.read-more-e3e3e3 {
    background: -moz-linear-gradient(top, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 1) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(227, 227, 227, 0) 0%, rgba(227, 227, 227, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00e3e3e3', endColorstr='#e3e3e3', GradientType=0);
    /* IE6-9 */
}

.read-more-ffffff {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.read-more a,
.read-less a {
    margin: 80px 0 40px 0;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px;
    display: block;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 1);
    text-decoration: none;
    text-transform: uppercase;
}

.read-more-313436 a {
    background-color: rgba(49, 52, 54, 1);
    text-decoration: none;
}

.read-more-a8a8a8 a {
    background-color: rgba(168, 168, 168, 1);
    text-decoration: none;
}

.read-more-e3e3e3 a {
    background-color: rgba(227, 227, 227, 1);
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}

.read-more-ffffff a {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}

.read-less a {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}

.overview-watch-item-img img {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.overview-watch-item-img {
    overflow: hidden;
    margin-bottom: 30px;
}

.overview-watch-item {
    border: 10px solid #e3e3e3;
    display: block;
    position: relative;
}

.overview-watch-item .overview-watch-name {
    position: absolute;
    bottom: 5px;
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 0.9375rem !important;
}

.overview-watch-new {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0.9375rem;
    color: #e30613;
    background-color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
    line-height: 0.75rem;
    text-transform: uppercase;
    padding: 0 0 3px 5px;
}

.overview-watch-pr-0 {
    padding-right: 0;
}

.overview-watch-pl-0 {
    padding-left: 0;
}

.overview-sort-div {
    position: absolute;
    right: 120px;
    top: 10px;
}

.overview-sort-abs {
    position: absolute;
    right: 0;
    top: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    z-index: 15;
    padding: 15px 26px;
    display: none;
}

.overview-sort-abs a {
    display: block;
}

.overview-watch-one-item {
    -moz-transition: width 0.2s linear 0s;
    -webkit-transition: width 0.2s linear 0s;
    -o-transition: width 0.2s linear 0s;
    transition: width 0.2s linear 0s;
}

.overview-watch-one-item-buy {
    position: absolute;
    bottom: 24px;
    font-size: 1.2rem;
    right: 36px;
    padding: 10px;
}

.overview-watch-one-item-buy-amount {
    position: absolute;
    background-color: #e3e3e3;
    color: #000;
    font-size: 1rem;
    line-height: 1rem;
    display: inline-block;
    padding: 1px 4px;
    font-weight: bold;
    bottom: 18px;
    right: -7px;
    display: none;
}



/* Grid */

.overview-options-grid {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 14px;
    box-sizing: border-box;
}

.overview-options-grid-6 {
    background: url('../images/common/grid_6.png') top left no-repeat;
}

.overview-options-grid-aktiv {
    opacity: 0.25;
}

.overview-options-grid-6-hover {
    background: url('../images/common/grid_6.png') top left no-repeat;
    opacity: 0.25;
}

.overview-options-grid-4 {
    background: url('../images/common/grid_4.png') top left no-repeat;
}

.overview-options-grid-4-hover {
    background: url('../images/common/grid_4.png') top left no-repeat;
    opacity: 0.25;
}


/* Overview Filter */

.overview-filter-a {
    background: url('../images/common/filter.png') center right no-repeat;
    display: block;
    text-transform: uppercase;
}

.overview-filter-a span.icons-close {
    float: right;
    background-color: #fff;
    padding: 5px 0 5px 10px;
    display: none;
}

.overview-filter-a span.icons-filterokay {
    display: inline-block;
    padding-left: 15px;
    color: #e30613;
}

.overview-filter-border {
    border: 1px solid #000;
    padding: 10px 20px;
}

.overview-filter-heads {
    text-transform: uppercase;
    font-weight: bold;
}

.filter-desktop-anzahl {
    padding-left: 5px;
    font-weight: bold;
}

.filter-desktop-form {
    display: none;
}

.filter-abdecker {
    background-color: #fff;
    display: block;
    height: 100%;
    opacity: 0.75;
    position: absolute;
    width: 95%;
    z-index: 2;
}

.overview-filter-mobil-icons {
    display: none;
}


/* Checkboxen */

.input-box {
    border: 1px solid #000;
    display: inline-block;
    height: 17px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 2px;
    width: 16px;
}

.input-box-div-farbe .input-box {
    width: 35px;
}

.input-box div {
    width: 15px;
    height: 15px;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -999px;
    display: inline-block;
    margin-right: 15px;
    top: 0;
    cursor: pointer;
}

.input-box-div-farbe div {
    height: 25px;
}

.input-box-div-farbe .input-box div {
    width: 40px;
}

.input-box .input-box-aktiv {
    background-color: #000;
    -webkit-transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.input-box-div-farbe .input-box .input-box-aktiv {
    transition: border .3s ease-in-out;
    -webkit-transition: border .3s ease-in-out;
    -moz-transition: border .3s ease-in-out;
    background: rgb;
    border: 4px solid #313436;
    opacity: 0.5;
}

.input-box-div {
    cursor: pointer;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
    text-transform: uppercase;
    margin-top: 7px;
}

.input-box-div-farbe {
    padding-left: 47px;
}


/* Headerbilder */

.header-img {
    height: 420px;
    width: 100%;
}

.header-img-haendlersuche {
    background: url('../images/haendlersuche/haendlersuche-header.jpg') no-repeat scroll center top / cover;
}

.header-img-404 {
    background: url('../images/404/404-header.jpg') no-repeat scroll center top / cover;
}

.header-img-newsletter-koffer {
    background: url('../images/service/service-newsletter-header-v2.jpg') no-repeat scroll center top / cover;
}

.header-img-newsletter {
    background: url('../images/service/service-newsletter-header_v1.jpg') no-repeat scroll center top / cover;
}


/* Watches Detail */

.watchesdetail-brand {
    background-color: #e3e3e3;
    padding: 10px 0;
}

.watchesdetail-brand h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0 0 15px;
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
}

.watchesdetail-main h1 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: 20px 0 20px 0;
    font-weight: normal;
    text-align: right;
}

.colldetail-info-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 365px;
    margin-left: auto;
}

@media screen and (max-width: 40em) {
    .colldetail-info-column {
        max-width: 100%;
    }
}

.colldetail-header-img {
    position: relative;
    text-align: center;
}

.colldetail-header-img img:not(.is-mobil) {
    max-height: 370px;
    margin: 0 auto;
}

.colldetail-header-img img.is-mobil {
    margin: 0 auto;
}

.colldetail-header-slider.is-mobil .slick-track, .colldetail-header-slider-1.is-mobil .slick-track {
    display: flex;
    align-items: center;
}

.colldetail-zoom-main {
    cursor: pointer;
}

.colldetail-zoom {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 5px;
    cursor: pointer;
    color: #000;
    background: url('../images/common/zoom_back.png');
}

.colldetail-zoom:before {
    font-family: "Gshock";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    content: "\e816";
}

.colldetail-comingsoon {
    position: absolute;
    z-index:11;    
    right: 20%;
    top: -5px;
}

.colldetail-award {
    position: absolute;
    z-index:11;    
    right: 20%;
    top: -5px;
    max-width:120px;
}

@media screen and (max-width: 800px) {
    .colldetail-award {
        right: 10%;
    }
}


.colldetail-variations-headline {
    clear: both;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px 0 20px 0.9375rem;
    /* display: none; */
}

.colldetail-variations-container {
    text-align: left;
}

@media screen and (max-width: 1100px) {
    .colldetail-variations-container {
        text-align: center;
    }

    .colldetail-variations-headline {
        display: block;
    }
}

.colldetail-variations {
    display: inline-block;
    max-width: 85px;
    /*min-height: 110px;*/
    box-sizing: border-box;
    margin: 0 5px 10px 5px;
}

.colldetail-variations img {
    max-height: 62px;
}

.colldetail-header-navi {
    list-style-type: none;
    /* margin: 10px 0 0 15px; */
    margin-bottom: 15px;
    padding: 0;
    float: left;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.colldetail-header-navi li {
    color: #fff;
    margin: 0 0 5px 0;
    /* padding-right: 30px; */
    text-align: left;
}

.colldetail-header-navi li a {
    color: #000;
    text-transform: uppercase;
    /*padding:8px 20px;	*/
    padding: 4px 0;
    display: inline-block;
    box-sizing: border-box;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: normal;
}

.colldetail-shop-li a,
.colldetail-onlineshop-li a {
    font-size: 0.9375rem !important;
    line-height: 0.9375rem !important;
    height: 40px;
    padding-top: 12px !important;
}

.colldetail-header-navi li a:hover {
    /*background-color:#000;*/
    color: #a8a8a8;
}

.colldetail-archiv {
    text-align: left;
    color: #fff;
    margin-top: 40px;
}

.colldetail-variations-aktiv {
    /*background-color:#000;*/
    border-bottom: 5px solid #000;
    padding-bottom: 10px;
}

.colldetail-archiv {
    border: 1px solid #000;
    color: #000;
    margin-left: 20px;
    margin-top: 40px;
    padding: 20px;
    text-align: left;
}

li.colldetail-shop-li {
    margin-top: 40px;
    margin-left: 0;
    padding-top: 7px;
}

li.colldetail-shop-li a {
    color: #fff;
}

li.colldetail-shop-li a:hover {
    color: #000;
    background-color: #fff;
}

li.colldetail-onlineshop-li {
    margin-top: 10px;
    margin-left: 0;
    padding-top: 7px;
}

li.colldetail-onlineshop-li a {
    color: #fff;
}

li.colldetail-onlineshop-li a:hover {
    color: #000;
    background-color: #fff;
}

.colldetail-features a,
.generell-features a {
    display: block;
    background: #fff;
    color: #000;
    padding: 10px 30px 10px 15px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    position: relative;
}

.generell-features>div>div>a {
    color: #fff !important;
    display: inline-block !important;
    background: none;
    text-decoration: underline;
    border: 0;
    font-weight: normal;
    padding: 0;
}

.colldetail-features a.colldetail-features-aktiv,
.generell-features a.colldetail-features-aktiv {
    background: #000;
    color: #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.generell-features span.icons {
    line-height: 1.4rem;
}

.colldetail-features a.colldetail-features-aktiv>.icons-plus,
.generell-features a.colldetail-features-aktiv>.icons-plus {
    display: none;
}

.colldetail-features a.colldetail-features-aktiv>.icons-minus,
.generell-features a.colldetail-features-aktiv>.icons-minus {
    display: block;
}

.colldetail-features-no-data {
    background: #fff !important;
    cursor: default !important;
}

.colldetail-features-no-data span {
    display: none !important;
}

.colldetail-features>div>div>div {
    display: none;
    padding: 10px 35px 15px 15px;
    background-color: #000;
    color: #fff;
}

.generell-features>div>div {
    display: none;
    padding: 10px 35px 15px 15px;
    background-color: #000;
    color: #fff;
}

.generell-features-bt {
    border-top: 1px solid #000;
}

.colldetail-features a>span,
.generell-features a>span {
    position: absolute;
    right: 10px;
    top: 10px;
}

.colldetail-head h3,
.grey-head h3 {
    background-color: #e3e3e3;
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0;
}

.colldetail-features a span {
    margin-top: 4px;
}

#colldetail-zoomview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    /* url('../images/common/close.png') no-repeat scroll 98% 5%;*/
    z-index: 9999;
    display: none;
    cursor: pointer;
    text-align: center;
}

#colldetail-zoomview img {
    height: auto;
}

#colldetail-zoomview span {
    color: #000;
    font-size: 2rem;
    position: absolute;
    right: 40px;
    top: 40px;
}

.colldetail-onlineshops-a {
    display: inline-block;
    border: 1px solid #E3E3E3;
    text-align: center;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 20px;
    width: 230px;
    height: 230px;
    margin-right: 20px;
    box-sizing: border-box;
}

.colldetail-onlineshops-a img {
    padding-top: 57px;
    pointer-events: none;
}

.colldetail-onlineshops-a:hover {
    border: 1px solid #000;
}

.colldetail-socialwall,
.colldetail-socialwall-container,
.colldetail-gallery-container,
.colldetail-gallery-container2,
.generell-slider-container {
    position: relative;
}

.colldetail-socialwall-img {
    border: 10px solid #000;
    box-sizing: border-box;
    margin: 0 auto;
}

.colldetail-socialwall-div {
    position: relative;
    cursor: pointer;
}

.socialwall-image-div {
    display: inline-flex;
    flex-direction: column;
    align-content: flex-start;
    margin: 0 auto;
}

.socialwall-content-flex {
    display: flex;
    align-items: center;
}

.socialwall-imgae-div-flex {
    display: flex;
    justify-content: space-around;
}

.colldetail-socialwall-div img {
    width: 100%;
}

.colldetail-socialwall-div-hover {
    position: relative;
    display: none;
}

.colldetail-socialwall-div-hover a {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    left: 50%;
    margin: 43% 0 0 -40%;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 80%;
    z-index: 899;
}

.colldetail-socialwall-div-hover img {
    position: absolute;
    width: 100%;
}

.colldetail-slider-buttons,
.generell-slider-buttons,
.slick-prev,
.slick-next {
    display: block;
    position: absolute;
    width: 40px;
    height: 50px;
    top: 28%;
    z-index: 90;
    /*888;*/
    cursor: pointer;
    padding: 0;
}

.socialwall-fanphoto-div {
    background: #1d2840 url('../images/common/socialwall_fanphoto.png') no-repeat scroll left top / auto 30px;
    color: #fff;
    font-size: 0.775rem;
    min-height: 25px;
    padding: 6px 0 8px 100px;
    /* width: 379px; */
    font-style: italic;
    align-self: stretch;
    /*
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  */
    text-align: left;
}

.colldetail-slider-prev,
.generell-slider-prev,
.slick-prev,
.colldetail-videogallery-prev,
.colldetail-videogallery-prevbig,
.technology-slider-prev2,
.technology-slider-prev3,
.technology-slider-prev4,
.technology-slider-prev5,
.generell-techblue-slider-prev {
    background: url('../images/common/slider_left.png') center left no-repeat;
    left: 1.9rem;
    /* 0.9375rem; */
}

.colldetail-slider-next,
.generell-slider-next,
.slick-next,
.colldetail-videogallery-next,
.colldetail-videogallery-nextbig,
.technology-slider-next2,
.technology-slider-next3,
.technology-slider-next4,
.technology-slider-next5,
.generell-techblue-slider-next {
    background: url('../images/common/slider_right.png') center left no-repeat;
    right: 0.9375rem;
}

.slick-prev,
.slick-next,
.colldetail-videogallery-prevbig,
.colldetail-videogallery-nextbig {
    overflow: hidden;
    text-indent: -999px;
    top: 42%;
}

.flyout-watches-slider .slick-next {
    /*
	right:0;
	background-size: 50%;
	top:29%;
	background-position: 100%;
	*/
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-family: 'gshock';
    right: 0;
    text-indent: 0;
    top: 29%;
}

.flyout-watches-slider .slick-next:before,
.icons-next:before {
    content: "\e810";
}

.flyout-watches-slider .slick-prev:before,
.icons-prev:before {
    content: "\e80f";
}

.flyout-watches-slider .slick-prev {
    /*left:0;
	background-size: 50%;
	top:29%;
	*/
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-family: 'gshock';
    left: 0;
    text-indent: 0;
    top: 29%;
}

.colldetail-gallery-prev,
.multiple-gallery-prev,
.colldetail-videogallery-prev {
    background: url('../images/common/slider_left.png') center left no-repeat;
    left: 0.9375rem;
    top: 36%;
}

.colldetail-gallery-next,
.multiple-gallery-next,
.colldetail-videogallery-next {
    background: url('../images/common/slider_right.png') center right no-repeat;
    right: 0.9375rem;
    top: 36%;
}

.colldetail-slider-buttons-mobil {
    top: 39%;
    background-size: contain;
    width: 33px;
    height: 55px;
}

.colldetail-gallery-prev-mobil,
.multiple-gallery-prev-mobil {
    left: 0.9375rem;
    background: url('../images/common/slider_left.png') no-repeat scroll left center / contain;
}

.colldetail-gallery-next-mobil,
.multiple-gallery-next-mobil {
    right: 0.75rem;
    background: url('../images/common/slider_right.png') no-repeat scroll left center / contain;
}

.colldetail-slider-layer-prev,
.mygshock-slider-layer-prev {
    background: url('../images/common/slider_left.png') top left no-repeat;
    left: -40px;
    top: 44%;
}

.colldetail-slider-layer-next,
.mygshock-slider-layer-next {
    background: url('../images/common/slider_right.png') top left no-repeat;
    right: -60px;
    top: 44%;
}

.colldetail-socialwall-layer-loading {
    background-color: #FFF;
    text-align: center;
    padding: 20px 0;
}

.colldetail-socialwall-layer-content {
    display: none;
}

.layer-close {
    width: 16px;
    height: 16px;
    background: url('../images/common/close_layer.png') top left no-repeat;
    float: right;
    margin-top: 15px;
    cursor: pointer;
}

.colldetail-socialwall-layer-shopthisstyle {
    /*border-bottom: 1px solid #000;*/
    color: #000;
    float: left;
    font-size: 2.5rem;
    ;
    line-height: 2.5rem;
    ;
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
    margin-top: 3.7rem;
}

.colldetail-socialwall-layer-fanphoto {
    position: absolute;
    top: 16px;
}

#colldetail-socialwall-layer-content-img {
    text-align: left;
}

#colldetail-socialwall-layer-content-img img {
    /* width: 95%; */
}

.colldetail-socialwall-layer-shopthisstyle-line {
    /*background: url('../images/common/layer_line.png') top right no-repeat;*/
    bottom: -16px;
    height: 16px;
    left: -40px;
    position: absolute;
    width: 40px;
}

.colldetail-socialwall-layer-uhrtext h3 {
    color: #1d2840;
    text-transform: none;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
}

.colldetail-socialwall-layer-uhrtext h2 {
    color: #1d2840;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    font-weight: bold;
}

.colldetail-socialwall-layer-uhrtext-a,
.colldetail-socialwall-layer-uhrtext-a:hover {
    background: #1d2840 url("../images/common/arrow_big_white_right.png") no-repeat scroll 90% center;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
}

.colldetail-socialwall-layer-uhrtext-a-white,
.colldetail-socialwall-layer-uhrtext-a-white:hover {
    background: #fff;
    border: 2px solid #1d2840;
    color: #1d2840;
    display: block;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 30px;
    box-sizing: border-box;
}

.colldetail-archiv {
    text-align: left;
    color: #fff;
    margin-top: 40px;
}

.colldetail-archiv a {
    color: #fff;
}


/* Gallery */

.colldetail-gallery img,
.multiple-gallery img {
    width: 100%;
    max-width: auto;
}

.colldetail-gallery-item,
.multiple-gallery-item,
.colldetail-videogallery-item {
    padding-top: 16px;
}

.colldetail-gallery-item-aktiv,
.multiple-gallery-item-aktiv,
.colldetail-videogallery-item-aktiv {
    background: url("../images/common/arrow_gallery2.png") no-repeat scroll 0.9375rem top;
    box-sizing: border-box;
    padding-top: 16px;
}
.colldetail-header-slider-thumbnails, .colldetail-header-slider-thumbnails-1 {
    margin-left: -15px;
}
.colldetail-header-slider-item, .colldetail-header-slider-item-1 {
    padding-left: 15px;
    position: relative; 
    margin-bottom: 20px;
}

.colldetail-header-slider-thumbnails .colldetail-header-slider-item, .colldetail-header-slider-thumbnails-1 .colldetail-header-slider-item-1 {
   cursor: pointer;
}


.slick-vertical .colldetail-header-slider-item.slick-slide.slick-current.slick-active,
.slick-vertical .colldetail-header-slider-item-1.slick-slide.slick-current.slick-active {
    position: relative;
}
.slick-vertical .colldetail-header-slider-item.slick-slide.slick-current.slick-active::before,
.slick-vertical .colldetail-header-slider-item-1.slick-slide.slick-current.slick-active::before {
    content: "";
    position: absolute;
    left: 5px;
    background-color: #000;
    width: 5px;
    height: 100%;
}

.colldetail-header-slider-item {
   /* cursor: pointer; */
}

.colldetail-gallery-item img,
.multiple-gallery-item img,
.colldetail-videogallery-item img {
    box-sizing: border-box;
    cursor: pointer;
}

.colldetail-gallery-item-aktiv img,
.multiple-gallery-item-aktiv img,
.colldetail-videogallery-item-aktiv img {
    /*border: 2px solid #000;*/
}

.colldetail-gallery-mobil-item,
.multiple-gallery-mobil-item {
    background-size: contain;
}


.colldetail-header-slider .slick-next, .colldetail-header-slider-1 .slick-next {
    background: url('../images/common/slider_right_v2.png') center left no-repeat;
    background-size: 29px auto;
    left: 1.9rem;    
}

.colldetail-header-slider .slick-prev, .colldetail-header-slider-1 .slick-prev {
    background: url('../images/common/slider_left_v2.png') center left no-repeat;
    background-size: 29px auto;
    left: 1.9rem;    
}


.colldetail-header-slider-thumbnails .slick-next, .colldetail-header-slider-thumbnails-1 .slick-next {
    background: url('../images/common/slider_right_v2.png') center left no-repeat;
    background-size: 20px auto; 
}

.colldetail-header-slider-thumbnails .slick-prev, .colldetail-header-slider-thumbnails-1 .slick-prev {
    background: url('../images/common/slider_left_v2.png') center left no-repeat;
    background-size: 20px auto;  
}













iframe {
    width: 100%;
    max-width: 100%;
}

.embed-yt-container {
    position: relative;
    padding-bottom: 56.25%;
    /* ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.embed-yt-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-yt-container.ratio4x3 {
    padding-bottom: 75%;
    /* ratio 4x3 */
}

.colldetail-disclaimer {
    font-size: 0.75rem;
}

.colldetail-back {
    float: left;
}

.colldetail-back-small {
    position: absolute;
    left: 20px;
}

.colldetail-isnew,
.colldetail-price-tag {
    color: #e30613;
    position: absolute;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    right: 20%;
    top: -5px;
}

.colldetail-image-container {
    position: relative;
}

.colldetail-price-tag {
    color: #000;
    top: auto;
    bottom: -50px;
    text-align: right;
    font-size: 1.5rem;
    line-height: 1.1;
}

.colldetail-price-tag span {
    font-size: 0.6rem;
    font-weight: normal;
    text-transform: initial;
}

.colldetail-price-tag-v2 {
    text-align: right;
    color: #000;
    font-size: 1.5rem;
    line-height: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.colldetail-price-tag-v2 span {
    font-size: 0.6rem !important;
    font-weight: normal !important;
    text-transform: initial !important;
}

.colldetail-price-tag-v2 span a {
    font-size: 0.6rem !important;
    text-transform: none;
}

/* H�ndlersuche */

#mapq,
#service-modulnummer {
    width: 100%;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    padding: 13px;
    height: 40px;
    padding: 9px;
    box-sizing: border-box;
    border: 1px solid #000;
}

#service-modulnummer {
    margin: 0;
}

#distributor-standort {
    background: #fff url('../images/common/mylocation.png') top left no-repeat;
    background-size: 17px;
    background-position: 16px 16px;
    padding: 16px 20px 16px 43px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1rem;
    display: inline-block;
}

#haendlersuche_vorschlag_div {
    display: block;
    position: relative;
    width: 100%;
}

.haendlersuche-text-pt {
    padding-top: 70px;
}

#haendlersuche_vorschlag {
    background-color: #fff;
    display: none;
    font-family: inherit;
    margin: 0 0 1rem;
    padding: 10px;
    position: absolute;
    top: -15px;
    width: 100%;
    z-index: 999;
    border: 1px solid #000;
}

.haendlersuche-vorschlag-a {
    display: block;
    font-family: inherit;
    font-size: inherit;
    margin: 5px 0;
    padding: 5px;
    color: #000 !important;
}

.haendlersuche-vorschlag-a:hover {
    font-weight: bold;
}

#haendlersuche_map {
    height: 500px;
    width: 100%;
}

#haendlersuche-ausgabe h2,
#colldetail-search h2,
.general-content h2 {
    font-size: 1.5rem;
    color: #000;
}

.world-content h2 {
    text-transform: uppercase;
    margin-bottom: 1rem;
}

#haendlersuche-ausgabe h4,
#haendlersuche-ausgabe-txt h4,
.general-content h4,
.general-content h5 {
    color: #000;
    text-transform: none;
    font-size: 1.2rem;
}

.haendlerausgabe {
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 30px !important;
    /*margin-left: 0.7rem;*/
    padding: 10px 0 10px 65px !important;
    box-sizing: border-box;
    width: 95% !important;
    color: #000 !important;
}

.haendlerausgabe:hover,
.haendleraktiv {
    background-color: #e0e0e0 !important;
}

#haendlersuche-ausgabe-txt ul li {
    box-sizing: border-box;
    margin-bottom: 30px !important;
    padding: 10px 0 10px 55px !important;
    box-sizing: border-box;
}

#haendlersuche-ausgabe-txt ul li a {
    color: #fff !important;
}

#haendlersuche-ausgabe-txt {
    display: none;
}

.btn-haendler {
    width: 61px;
    height: 46px;
    display: inline-block;
    float: right;
}

.haendlersuche-ausgabe-tooltip,
.haendlersuche-ausgabe-tooltip a {
    color: #000;
}

.haendlersuche-ausgabe-tooltip h1 {
    color: #000;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 10px 0;
}

#haendler-grid-view {
    display: none;
}

#haendler-grid-view li {
    box-sizing: border-box;
    margin-bottom: 30px !important;
    padding: 10px 0 10px 65px !important;
    box-sizing: border-box;
    color: #000 !important;
}

.haendler-view-switcher {
    text-align: right;
}

.haendler-view-switcher img {
    cursor: pointer;
    display: none;
}

.haendler-view-switcher img.active {
    display: inline-block;
}


/* Service */

.greybox {
    border: 10px solid #e3e3e3;
    position: relative;
    box-sizing: border-box;
    padding: 30px;
}

.greybox span.icons {
    position: absolute;
    font-size: 3rem;
    right: 30px;
    top: 30px;
}

.greybox .sameheight {
    /*padding-right:100px;*/
}

.greybox h4 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: uppercase;
}

.input-css input[type="text"],
.input-css select,
.input-css textarea {
    border: 1px solid #000;
    width: 100%;
    /* 75% */
    margin: 0 0 1.2rem;
}

.input-css-long input[type="text"],
.input-css-long select,
.input-css-long textarea {
    width: 100%;
}

.input-css label {
    color: #000;
}

.input-css .input-box-div {
    text-transform: none;
}


/* Video */

.pb-video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}


/* MYGSHOCK */

.mygshock-loader {
    width: 50px;
    box-sizing: border-box;
    margin: 0 auto 50px auto;
    text-align: center;
}

.mygshock-loader img {
    width: 50px;
}


/* Story / History */

.story-history-uhr {
    padding: 70px 40px 50px 0;
}

.story-history-uhr img {
    padding-bottom: 30px;
    opacity: 0.5;
    border-bottom: 5px solid #000;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.story-history-uhr-aktiv img {
    opacity: 1;
    border-bottom: 5px solid #fff;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#story-history-year {
    padding: 136px 0 0 150px;
    position: relative;
}

.story-history-year {
    position: absolute;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: 7rem;
    line-height: 7rem;
    top: 390px;
}

.story-history-text {
    box-sizing: border-box;
    padding: 0 50px 0 140px;
    min-height: 260px;
}

.story-history-text h3 {
    color: #fff;
}

.story-history-dots .slick-dots {
    width: calc(100% - 1.8rem);
}

.story-history-dots .slick-dots li button::before {
    color: #000 !important;
}

.story-history-dots .slick-dots li {
    margin: 0;
}

.story-history-uhr-1-jahr,
.story-history-uhr-1-text {
    display: none;
}

.read-more-block a.colldetail-scroll {
    text-decoration: underline;
}

.slider-technologie-arrow {
    position: relative;
}

.slider-technologie-arrow a {
    position: absolute;
    color: #000;
    z-index: 2;
    top: 180px;
    font-family: "Gshock";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    font-size: 1.5rem;
    text-decoration: none !important;
}

.slider-tech-prev {
    left: -10px;
}

.slider-tech-prev:before {
    content: "\e80f";
}

.slider-tech-next {
    right: -10px;
}

.slider-tech-next:before {
    content: "\e810";
}

a.share-a-click {
    display: none;
}

.filter-sortierung-sticky-fixed {
    position: fixed;
    width: 100%;
    z-index: 90;
    background-color: #fff;
    top: 100px;
}

.filter-sortierung-sticky-fixed .filter-sortierung-nursortierung {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    height: 1px;
}

.filter-sortierung-sticky-fixed .mb-20 {
    margin-bottom: 10px;
}


/* Watch Finder */

.watchfinder-interest-teaser {
    display: block;
    background: url('../images/watchfinder/interest_desktop.jpg') no-repeat scroll center top / cover;
    position: relative;
}

.watchfinder-interest-teaser div {
    min-height: 560px;
    width: 35%;
    color: #fff;
    box-sizing: border-box;
    padding: 170px 0 0 40px;
}

.watchfinder-questions {
    /*display:none;*/
    height: 560px;
    /*background-color:#000;*/
}

.watchfinder-questions-block {
    background: url('../images/watchfinder/background.png') repeat-x scroll left top;
    height: 560px;
    margin: 0 0.9375rem;
}

.watchfinder-questions-block .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.watchfinder-question-1 .column,
.watchfinder-question-2 .column,
.watchfinder-question-3 .column,
.watchfinder-question-4 .column,
.watchfinder-question-5 .column {
    /*padding-left:0 !important;
	padding-right:0 !important;*/
}

.watchfinder-question-1,
.watchfinder-question-2,
.watchfinder-question-3,
.watchfinder-question-4,
.watchfinder-question-5 {
    /*min-height:520px;*/
    background-color: #000;
}

.watchfinder-interest-headline {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding: 0.9375rem;
    background-color: #fff;
}

.watchfinder-fortschritt {
    background-color: #a8a8a8;
    height: 30px;
    position: relative;
}

.watchfinder-loader-out {
    left: 50%;
    margin-left: -40px;
    position: absolute;
    right: 50%;
    z-index: 11;
    top: 230px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #fff;
    padding: 10px;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    display: none;
}

.watchfinder-loader {
    width: 60px;
    height: 60px;
}

.watchfinder-fortschritt-balken {
    height: 30px;
    background-color: #000;
}

.watchfinder-auswahl {
    position: relative;
    height: 456px;
    cursor: pointer;
    background-color: #000;
}

.watchfinder-fortschritt-1,
.watchfinder-fortschritt-2,
.watchfinder-fortschritt-3,
.watchfinder-fortschritt-4,
.watchfinder-fortschritt-5 {
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: bold;
    left: 0;
    padding: 1px 10px 0 0;
    position: absolute;
    text-align: right;
    width: 20%;
    color: #868686;
}

.watchfinder-fortschritt-zahlaktiv {
    color: #fff;
}

.watchfinder-fortschritt-2 {
    left: 20%;
}

.watchfinder-fortschritt-3 {
    left: 40%;
}

.watchfinder-fortschritt-4 {
    left: 60%;
}

.watchfinder-fortschritt-5 {
    left: 80%;
}

.watchfinder-auswahl-abstand-0 {
    padding-right: 0;
}

.watchfinder-auswahl-abstand-1 {
    padding-left: 0;
}

.watchfinder-auswahl-1-0 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-1-0.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-1-1 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-1-1.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-2-0 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-2-0.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-2-1 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-2-1.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-3-0 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-3-0.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-3-1 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-3-1.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-4-0 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-4-0.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-4-1 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-4-1.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-5-0 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-5-0.jpg') no-repeat scroll center top / cover;
}

.watchfinder-auswahl-5-1 {
    background: #000 url('../images/watchfinder/watchfinder-auswahl-5-1.jpg') no-repeat scroll center top / cover;
}

.watchfinder-aktiv {
    box-shadow: inset 0px 0px 0px 10px #fff;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.watchfinder-empfohlen-img {
    float: right;
    max-width: 600px;
    position: relative;
}

.watchfinder-empfohlen-img .colldetail-zoom {
    left: 5%;
}

#watchfinder-search .icons-search {
    font-size: 1.4rem;
    display: inline-block;
    padding-top: 10px;
}

.watchfinder-mobil-overview-interest {
    background: #000 url('../images/watchfinder/interest_mobil.jpg') no-repeat scroll center top / cover;
    height: 57vh;
}

.watchfinder-mobil-overview-features {
    background: #000 url('../images/watchfinder/features_mobil.jpg') no-repeat scroll center top / cover;
    height: 57vh;
}

.watchfinder-mobil-overview-interest-text,
.watchfinder-mobil-overview-features-text {
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}

#watchfinder-mobil-features .overview-filter-border {
    border: 0;
    padding: 0;
}

#watchfinder-mobil-interest .watchfinder-interest-headline {
    padding: 20px 0.9375rem !important;
}

#watchfinder-mobil-interest .watchfinder-auswahl {
    height: 550px;
}

#watchfinder-mobil-interest .icons-close,
#watchfinder-mobil-features .icons-close {
    float: right;
    font-size: 2rem;
    padding-top: 5px;
    display: none;
}

.filter-watchfinder-teaser {
    background: url('../images/teaser/watchfinder_desktop_filter.png') no-repeat scroll left top / contain;
    height: 80px;
    box-sizing: border-box;
    display: block;
}

.reveal-modal {
    max-width: 50rem;
    /*90rem;*/
    width: 100%;
    border: 0;
    padding: 10px 0;
}

.watchfinder-overview-layer-interest-close {
    float: right;
    font-size: 2rem;
    padding-top: 5px;
    cursor: pointer;
}

.watchfinder-mobil-interest-start-bg {
    background: url('../images/watchfinder/interest_mobil_start.jpg') no-repeat scroll left top / cover;
    min-height: 640px;
}

.watchfinder-mobil-interest-start-bg {
    color: #fff;
    padding: 300px 0 0 0;
}


/* G-SHOCK Life */

ul#filters li {
    list-style-type: none;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 25px;
    font-size: 0.9375rem;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.element-item {
    box-sizing: border-box;
    padding: 0;
    width: 25%;
    margin: 0;
    background-color: transparent !important;
}

.element-item-inner {
    margin: 0 0.9375rem 2rem 0.9375rem;
    background-color: #fff;
    box-sizing: border-box;
    min-height: 470px;
}



.gshocklife-btn-onlinekaufen span.icons {
    font-size: inherit;
    top:12px;
}


/*
.element-item:nth-of-type(4) {
	margin-right: 0;
}
*/

.btc-app-logo {
   float:left; 
   margin:0 20px 40px 0;
}

.btc-app-name {
    float:left;
    font-weight:bold;
    font-size:2.5rem;
    line-height: 2.3rem;
    margin-top:-3px;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
}

.btc-app-name span {
    font-size:1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 1px;
}

.btn-appstore-logos {
    margin-top: 4px;
}

.btn-appstore-logos a:first-child img {
    margin-bottom:20px;
}

.btc-app-system {
   font-size:1rem;
   line-height: 1.5rem;
   text-transform: uppercase;
   font-weight: bold;  
}


.btc-app-free {
    background-color: #e30613;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;    
    padding: 3px 8px 3px 8px;    
    position: absolute;
    bottom: 11px;    
    right:-70px;
}

.btn-app-image {
    position: relative;
    max-width: 180px;
    width:100%;
        
}

.btn-app-image-smartphone {
    max-width: 160px;
    width:100%;
}

.btn-app-image-watch {
    position: absolute;
    bottom: 0px;
    right: -95px;
}


@media only screen and (max-width: 1240px) {
    .btc-app-name {    
        font-size:1.7rem;
    }
    .btn-appstore-logos a:first-child img {
        margin-bottom: 0;        
    }
    .slick-vertical {
        
    }
}


@media only screen and (max-width: 1160px) {  
    .slick-vertical {
        display: none;
    }
}

@media only screen and (max-width: 1130px) { 
    .btn-appstore-logos {
       margin: 25px 0 0 -0.9375rem;
    }
    .slick-vertical {
        display: none;
    }
}

@media only screen and (max-width: 860px) {
    .btc-app-name {
        line-height: 1.3rem;
        margin-top: 21px;
        font-size:1.3rem;
    }
    .btc-app-free {
        bottom:0;
    }
    .slick-vertical {
        display: none;
    }
    .home-ds-modul.keemo {
        background-image: url('../images/home/teaser/campaign/mobile/gorillaz_2019_models_mobile.jpg') !important;
    }

    .home-ds-modul-outer span img {
        max-width: 60%;
    }
}

@media only screen and (max-width: 780px) {
        .app-block-watch-with-smartphone {
            display:    none !important;   
        }
}






@media only screen and (max-width: 1240px) {
    .element-item {
        width: 50%;
    }
    .element-item:nth-of-type(2) {
        /*margin-right: 0; */
    }
}

.element-item img {
    width: 100%;
}

.friends {
    background: #e3e3e3;
}

.friends:hover {}

.cms-back-grau {
    background: #e3e3e3;
}

.cms-back-schwarz {
    background: #000;
}

.cms-back-blau {
    background: #04a7d4;
    color: #fff;
}

.cms-content ul li {
    margin-left: 20px;
}

.teaser-text {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 0;
    font-weight: bold;
}

.teaser-text span {
    font-weight: normal;
}

.cb {
    clear: both;
}

.oh {
    overflow: hidden;
}

.oh-x {
    overflow-x: hidden;
}

.oh-y {
    overflow-y: hidden;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.nobr {
    white-space: no-wrap;
}

.op0 {
    opacity: 0;
}

.wysiwyg {
    font-size: 0.875rem;
}

.wysiwyg a,
.cms-output-headlinetext a {
    text-decoration: underline;
    color: #000;
}

.w50 {
    width: 50%;
}

.w50 a {
    display: block;
}

.w60 {
    width: 60%;
}

.w60 a {
    display: block;
}

@media screen and (max-width: 767px) {
    .w50 {
        width: 100%;
    }

    .w60 {
        width: 100%;
    }
}

.multiple-watches-container .slick-prev {
    top: 10%;
    left: -25px;
}

.multiple-watches-container .slick-next {
    top: 10%;
    right: -50px;
}

@media screen and (max-width: 1750px) {
    .sub-navigation-shop,
    .sub-navigation-language-lang {
        display: none;
    }
}

@media screen and (max-width: 1400px) {
    #header {
        display: none;
    }
    #header-mobil {
        display: block;
        height: 100px;
        background-color: #000;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 150;
        box-sizing: border-box;
        overflow: hidden;
    }
    .has-campaign-banner #header-mobil {
        top: 60px;
    }

    .masterheader-campaign-mobil-home {
        top:0 !important;
    }

    .collection-teaser {
        height: 340px;
        background-size: 220px auto;
    }
}

@media screen and (max-width: 1300px) {
    .collection-teaser {
        height: 300px;
        background-size: 180px auto;
    }
    .home-pb-item-inner {
        background-position: 80% 100px;
        /* 100px */
    }
}

@media screen and (max-width: 1250px) {
    .collection-teaser {
        height: 280px;
        background-size: 180px auto;
    }
}

@media screen and (max-width: 1140px) {
    .collection-teaser {
        height: 320px;
        background-size: 220px auto;
    }
    .overview-watch-pr-0 {
        padding-right: 0.9375rem;
    }
    .overview-watch-pl-0 {
        padding-left: 0.9375rem;
    }
    .overview-watch-img {
        height: 420px !important;
    }
    .home-pb-item-inner {
        background-position: 70% 100px;
        /* 100px */
    }
    #header-spacer.masterheader-campaign-home {
        height:99px !important;
    }
    .watchesdetail-main h1 {
        padding-left: 15px;
        text-align: left;
    }
    .colldetail-info-column {
        margin-right: auto;
    }
}

@media screen and (max-width: 1100px) {
    .story-history-uhr {
        position: relative;
        padding: 70px 0 50px;
    }
    .story-history-uhr img {
        margin: 0 auto;
    }
    .story-history-uhr-1-jahr {
        display: block;
        position: absolute;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        font-size: 3rem;
        top: 125px;
        left: 0.9375rem;
    }
    .story-history-uhr-1-text {
        display: block;
        padding: 0.9375rem 0 0 1.9rem;
        color: #fff;
    }
    .story-history-uhr-1-text h3 {
        color: #fff;
    }
    .story-history-uhr-aktiv img {
        border-bottom: 5px solid #000;
    }
    .row .row {
        margin: 0 auto;
    }
    .overview-filter-mobil-borderbottom {
        margin-bottom: 20px;
    }
    .watchfinder-empfohlen-img {
        float: none;
        max-width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .g-shock,
    ul,
    ol,
    dl {
        font-size: 100%;
    }
    .navigation-mobil-icons {
        font-size: 1.5rem;
        padding: 37px 0 44px 0;
        ;
    }
    .overview-watch-item .overview-watch-name {
        /*font-size: 0.75rem;*/
    }
    .minw-310 {
        min-width: auto;
    }
    .input-css input[type="text"],
    .input-css select,
    .input-css textarea {
        width: 100%;
    }
    .overview-head-expand a span.overview-head-expand-info {
        display: none;
    }
    .header-img {
        height: 170px;
    }
    .watchfinder-interest-teaser div {
        padding: 120px 0 0 40px;
        width: 80%;
    }
    .colldetail-watches-bandview {
        background: #fff !important;
    }
}

@media screen and (max-width: 700px) {
    .home-pb-item-inner {
        background-position: center bottom;
    }
    .collection-teaser {
        height: 380px;
        background-size: 220px auto;
    }
    .small-mr-0 {
        margin-right: 0;
    }
    .overview-watch-box h2 {
        font-size: 2.3rem;
        line-height: 2.5rem;
        padding: 30px 10px 35px 40px;
    }
    .overview-watch-img {
        /*height:300px !important;*/
        min-height: 300px;
    }
    .colldetail-isnew,
    .colldetail-price-tag {
        right: 20px;
    }
    .colldetail-header-navi {
        margin: 10px 0 20px;
    }
    .overview-sort-div {
        right: 0;
    }
    .row {
        max-width: 100%;
    }
    /*
	.column, .columns {
		padding-left:0;
		padding-right:0;
	}
	*/
    .mobil-p0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mobil-pl0 {        
        padding-left: 0 !important;
    }
    .mobil-pl0 .column {        
        padding-left: 0 !important;
    }
    .mobil-p0 .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mobil-p0 div.mobil-p15 {
        padding: 0 0.9375rem !important;
    }
    li.colldetail-shop-li a {
        color: #fff;
        /* position: absolute;
        width: 94%; */
    }
    #service-bluebox-manual-form .btn-white {
        /*margin: 20px 0 20px -15px;*/
        margin-left: 20px;
    }



    .colldetail-header-subnavi {
        margin: 0 !important;
        display: block !important;
        float: none !important;
    }

}

@media screen and (max-width: 640px) {
    .overview-filter-mobil-dn {
        display: none;
    }
    .overview-filter-mobil-mt {
        margin-top: 10px;
    }
    .overview-filter-mobil-icons {
        display: inline-block;
        float: right;
        padding-top: 5px;
    }
    .overview-filter-mobil-borderbottom {
        border-bottom: 1px solid #000;
        padding: 10px 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .collection-teaser {
        height: 380px;
        background-size: 260px auto;
    }
}

.home-pb-countdown {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.home-pb-countdown-watch {
    position: relative;
    background-image: url('../images/premiumbanner/PB_CAMPAIGN/watch.png?v=2');
    background-repeat: no-repeat;
    width: 559px;
    height: 875px;
    transform: scale(0.85) translateY(calc(100vh - 955px));
    transform-origin: bottom center;
}

@media screen and (max-height: 900px) {
    .home-pb-countdown-watch {
        transform: scale(0.7) translateY(calc(100vh - 955px));
    }
}

@media screen and (min-height: 1200px) {
    .home-pb-countdown-watch {
        transform: scale(1) translateY(calc(100vh - 955px));
    }
}

@media screen and (max-width: 500px) {
    .home-pb-countdown-watch {
        transform: scale(0.65) translateY(0);
    }
    .home-pb-countdown {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 100%;
    }
}

.countdown-digit {
    position: absolute;
}

.countdown-days {
    left: 372px;
    top: 229px;
    width: 22px;
}

.countdown-hours-1, 
.countdown-hours-2,
.countdown-minutes-1,
.countdown-minutes-2 {
    top: 288px;
}

.countdown-hours-1 {
    left: 155px;
}

.countdown-hours-2 {
    left: 198px;
}

.countdown-minutes-1 {
    left: 255px;
}

.countdown-minutes-2 {
    left: 295px;    
}

.countdown-seconds-1,
.countdown-seconds-2 {
    top: 300px;
    width: 30px;
}

.countdown-seconds-1 {
    left: 338px;
}

.countdown-seconds-2 {
    left: 372px;
}

.footer-mobile {
    background-color: #000;
    padding-bottom: 30px;
}

.nose-ctl-thumbnail-container {
    display: flex;
}

.nose-ctl-thumbnail-container > .gorillaz-video-a-div {
    flex: 0 0 20%;
    padding: 0 15px;
}

.nose-ctl-thumbnail-container > .gorillaz-video-a-div > div {
    font-size: 1.25rem;
}

.nose-ctl-thumbnail-container > .gorillaz-video-a-div > img {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .nose-ctl-thumbnail-container {
        flex-wrap: wrap;
    }

    .nose-ctl-thumbnail-container > .gorillaz-video-a-div {
        flex: 0 0 33.333%;
        margin-bottom: 20px;
    }
}
.slick-vertical .slick-prev {
    transform: rotate(90deg);
    top: 2%;
    overflow: hidden;
    text-indent: -999px;
}
.slick-vertical .slick-next {
    transform: rotate(90deg);
    top: 90%;
    overflow: hidden;
    text-indent: -999px;
}

.slick-vertical .slick-next,
.slick-vertical .slick-prev {
    width: 50px;
    left: calc(50% - 25px);
    right: calc(50% - 25px);
    margin: 0;
}

.colldetail-header-slider-thumbnails .slick-prev, .colldetail-header-slider-thumbnails-1 .slick-prev {   
    left: calc(50% - 1px);    
    width: 20px;
    top: -40px;
}

.colldetail-header-slider-thumbnails .slick-next, .colldetail-header-slider-thumbnails-1 .slick-next {   
    left: calc(50% + 1px);    
    bottom: -20px;
    top: auto;  
    width: 20px; 
}

.colldetail-header-slider .slick-next, .colldetail-header-slider-1 .slick-next {
    right:-1px;
    left:auto;
    width: 30px;
    top: 40%;
}

.colldetail-header-slider .slick-prev, .colldetail-header-slider-1 .slick-prev {
    left:15px;
    width:30px;
    top: 40%;
}


@media screen and (max-width: 1100px) {
    .colldetail-header-slider .slick-next, .colldetail-header-slider-1 .slick-next {
        right:0;        
    }

    .colldetail-header-slider .slick-prev, .colldetail-header-slider-1 .slick-prev {
        left:15px;        
    }
}

.colldetail-header-slider-thumbs-container {
    max-height: 440px;max-width: 167px;margin:0 0 0 auto
}

.bracelet-slider-container {
    position: relative;
    max-width: 120px;
    margin: 0 auto;
}

.bracelet-watch-corpus {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.bracelet-watch-corpus,
.bracelet-slider-item {
    max-width: 120px;
}

.bracelet-slider .slick-prev,
.bracelet-slider .slick-next {
    margin-bottom: 0;
    top: calc(50% - 65px);
}

.bracelet-slider .slick-prev {
    background: url('../images/common/slider_black_left.png') center left no-repeat;
    left: -72px;
}

.bracelet-slider .slick-next {
    background: url('../images/common/slider_black_right.png') center right no-repeat;
    right: -72px;
}

.bracelet-slider-thumbs-items {
    width: 100%;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}

.bracelet-slider-thumbs-items.is-active::after {
    content: "";
    height: 48px;
    width: 8px;
    background-color: #000;
    position: absolute;
    top: calc(50% - 24px);
    right: -20px;
}

.bracelet-name {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.bracelet-price {
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.bracelet-price small {
    font-weight: normal;
    display: block;
}

.colldetail-cta.bracelet-cta {
    display: inline-block;
    padding-right: 20px;
}

.colldetail-cta.bracelet-cta:hover {
    color: #fff;
}

.bracelet-copy {
    max-width: 440px;
}

#bracelet-detail {
    /* max-width: 300px; */
    background-color: #fff;
    color: #000;
    margin-top:20px;
}

#bracelet-detail:hover {
    background-color: #000;
    color: #fff;
}

#bracelet-detail .icons {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 1.2rem;
    color: inherit;
}

#bracelet-features {
    margin-bottom: 30px;
    padding-left: 0; /* 20px; */
    list-style-type: none;
}

.bracelet-btnpanel {
    width:100%;
    max-width: 340px;
}

.bracelet-btnpanel a {
    width:100%;
}

@media screen and (max-width: 40em) {
    .bracelet-slider-thumbs {
        max-width: 33.33%;
        transform: rotate(-90deg);
        transform-origin: center;
        margin: -20vw auto;
    }
}


.watchdetail-aktion-div .overview-head-expand a.aktiv {
    color:#fff;
}

.watchdetail-aktion-content-divs div span {
    padding-top:30px; 
    max-width:240px;
    display: block;
    margin:0 auto;
    text-align: center;
    font-weight: bold;
    color:#fff;
}

.watchdetail-aktion-content-divs div i {
    font-size: 3.5rem;
    line-height: 3.5rem;
}

.watchdetail-aktion-content-btn {
    display:inline-block;
    margin:0 auto;
    background:#fff url('../images/common/icon_aktion_btn.png') calc(100% - 20px) no-repeat;
    padding: 11px 40px 11px 20px;
    font-size: 1rem;
    line-height: inherit;
    font-weight: bold;
    text-align: center;
    color:#000;
    text-decoration: none !important;
    text-transform: uppercase;
    max-width:350px;
    width:100%;
    box-sizing: border-box;
}

.watchdetail-aktion-content-btn-light {
    display:inline-block;
    margin:0 auto;
    background-color:#000;
    padding: 11px 20px 11px 20px;
    font-size: 1rem;
    line-height: inherit;
    font-weight: bold;
    text-align: left;
    color:#fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    max-width:350px;
    width:100%;
    box-sizing: border-box;
    text-align: center;
}

.watchdetail-aktion-div .overview-head-expand a {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 10px 20px;
    background-color:#CC0F13 !important;
    color:#fff !important;
}