:root {
    
}

/*Modern*/
.Watch_SY_001 {
    width: 110px;
    height: 110px;
    border-color: #C9A34A;
    border-width: 5px;
    border-radius: 20%;
    background-color: #0b1220;
    border-style: double;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_001 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #b9b7b0;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_001 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #e6cba8;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_001 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 3px;
    border-style: solid;
    border-color: #7a1f2e;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_001 {
    color: #f5f3ee;
    font-weight: normal;
    display: block;
}


/*Kindlich*/
.Watch_SY_002 {
    width: 110px;
    height: 110px;
    border-color: #ffb800;
    border-width: 5px;
    border-radius: 50%;
    background-color: #fff8e7;
    border-style: dotted;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_002 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #ff6f61;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_002 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #6ec1e4;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_002 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 3px;
    border-style: solid;
    border-color: #a3d977;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_002 {
    color: #ff6f61;
    font-weight: normal;
    display: block;
}

/*Dunkel*/
.Watch_SY_003 {
    width: 110px;
    height: 110px;
    border-color: #2c2c2c;
    border-width: 5px;
    border-radius: 0%;
    background-color: #121212;
    border-style: outset;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_003 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #84a0a4;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_003 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #8b7e83;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_003 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #afa892;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_003 {
    color: #e0e0e0;
    font-weight: normal;
    display: block;
}

/*Hell*/
.Watch_SY_004 {
    width: 110px;
    height: 110px;
    border-color: #e1e4e8;
    border-width: 5px;
    border-radius: 0%;
    background-color: #f8f9fa;
    border-style: ridge;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_004 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: dotted;
    border-color: #d6e0eb;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_004 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #c3ceda;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_004 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 3px;
    border-style: solid;
    border-color: #d6e0eb;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_004 {
    color: #2f2f2f;
    font-weight: normal;
    display: block;
}

/*Natuerlich*/
.Watch_SY_005 {
    width: 110px;
    height: 110px;
    border-color: #d6d3cd;
    border-width: 5px;
    border-radius: 50%;
    background-color: #3e3e3e;
    border-style: solid;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_005 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: dotted;
    border-color: #8fb8a8;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_005 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #c3ceda;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_005 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 3px;
    border-style: solid;
    border-color: #f4f1ed;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_005 {
    color: #a8c686;
    font-weight: 900;
    display: block;
}

/*Futuristisch*/
.Watch_SY_006 {
    width: 110px;
    height: 110px;
    border-color: #1f2a40;
    border-width: 5px;
    border-radius: 0%;
    background-color: #0a0f1c;
    border-style: solid;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_006 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: dotted;
    border-color: #00ff88;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_006 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #ff00c8;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_006 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    border-color: #00f0ff;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_006 {
    color: #e0e0e0;
    font-weight: normal;
    display: block;
}

/*Warm*/
.Watch_SY_007 {
    width: 110px;
    height: 110px;
    border-color: #4a4e69;
    border-width: 5px;
    border-radius: 50%;
    background-color: #f2e9e4;
    border-style: solid;
    position: relative;
    margin: 0 auto;
}

.Watch_Seconds_SY_007 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: dotted;
    border-color: #c32f27;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Minutes_SY_007 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #22223b;
    width: 45px;
    height: 44px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Hours_SY_007 {
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #9a8c98;
    width: 45px;
    height: 45px;
    margin-left: 49px;
    margin-top: 0px;
    transform-origin: left bottom;
    position: absolute;
    display: block;
}

.Watch_Numbers_SY_007 {
    color: #22223b;
    font-weight: normal;
    display: block;
}


.Watch_Dial_SY_12 {
    position: absolute;
    text-align: center;
    width: 100px;
}

.Watch_Dial_SY_6 {
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
}

.Watch_Dial_SY_9 {
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: left;
    vertical-align: central;
}

.Watch_Dial_SY_3 {
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: right;
    vertical-align: central;
}