/* Minification failed. Returning unminified contents. (99,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (136,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (147,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (151,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (204,35): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (213,34): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (289,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (659,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (666,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (673,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (751,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (760,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (774,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (779,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (843,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (852,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (872,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (877,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (940,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (995,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1356,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1405,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1412,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1599,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1612,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1637,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1642,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1647,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1652,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1653,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1654,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1655,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1656,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1657,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1658,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1659,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1660,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1661,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1662,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1663,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1664,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1669,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1677,20): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1681,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (1682,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (1768,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (1772,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1775,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (1790,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1794,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1795,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (1900,29): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (1901,30): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (1902,31): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (1908,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (1909,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (1915,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (1916,32): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2218,37): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2231,34): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2232,38): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2233,43): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2234,47): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2235,40): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2236,34): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2237,48): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (2239,23): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2329,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (2333,34): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2334,37): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2335,29): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2514,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (2558,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2575,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2584,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2641,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (2642,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (2654,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2662,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (2663,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2675,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2676,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (2681,31): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2686,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (2699,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2713,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2753,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2759,33): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2769,18): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2780,31): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2819,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (2881,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2896,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2913,31): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2919,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (2924,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2944,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2958,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2984,90): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2985,90): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2986,34): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2986,89): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (2987,37): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (2988,33): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3001,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3002,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3010,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3011,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3025,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3049,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3051,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3061,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3077,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3081,20): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3085,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3100,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3133,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3144,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3158,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3159,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3208,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3247,18): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3299,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3312,20): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (3314,32): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3331,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3340,20): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (3367,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3368,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3411,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3417,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3439,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3443,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3444,27): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3454,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3470,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (3517,20): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (3526,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3548,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3552,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-orange' (3580,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3584,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3585,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3588,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3591,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3592,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3595,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3596,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3599,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3600,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3604,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3605,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3608,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3609,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3612,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (3613,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (3616,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (3619,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (3620,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (3623,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (3624,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3635,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3644,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-grey' (3649,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-grey' (3654,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3659,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3660,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3661,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3664,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3667,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3668,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3671,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3672,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-grey' (3688,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3692,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3693,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3697,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3701,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3702,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3739,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3750,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3760,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3806,31): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-grey' (3807,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3809,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3810,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3812,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (3813,17): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3817,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3822,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-grey' (3837,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3856,34): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (3857,35): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3859,35): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (3860,36): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3860,80): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3865,32): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (3891,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (3913,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3933,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3934,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3980,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (3986,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (4024,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (4047,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4082,20): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (4087,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4094,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4100,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4104,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (4105,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (4114,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4188,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (4216,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (4367,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (4409,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4410,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4429,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4432,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4438,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4450,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4453,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4565,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (4571,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4573,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4666,20): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (4679,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4700,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (4760,20): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (4773,16): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4794,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (4913,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4914,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4928,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (4933,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (4934,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4944,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (4971,13): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (4990,18): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5055,20): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5110,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5133,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (5231,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5237,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5264,38): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (5285,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (5287,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5294,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (5298,16): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (5312,30): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5417,26): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (5457,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5482,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5495,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (5520,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5531,20): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5550,20): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5573,17): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (5890,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-dark-grey' (5896,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (5939,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6023,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-brighter-grey' (6024,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (6033,31): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (6042,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6043,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-light-grey' (6082,21): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6089,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6104,19): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6107,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6109,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6114,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6118,15): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6122,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6127,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6138,28): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-red' (6198,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-green' (6199,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6202,25): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-orange' (6203,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6207,14): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6244,24): run-time error CSS1039: Token not allowed after unary operator: '-edogs-color-white' (6464,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6587,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6593,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (6594,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (6595,29): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (6601,14): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (6601,44): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (6613,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (6640,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6644,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6728,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (6728,49): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (6777,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (6777,49): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (6806,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6810,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6897,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6901,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: var(--edogs-color-white); } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: var(--edogs-color-white); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: var(--edogs-color-dark-grey) !important; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--edogs-color-white); text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid var(--edogs-color-white); margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid var(--edogs-color-white); margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #FFFFFF; border-radius:5px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: var(--edogs-color-brighter-grey); word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_inside > .mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_outside + .mCSB_scrollTools { right: -26px } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0 } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; transition: opacity .2s ease-in-out,background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,.85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0,0,0,.9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,.2); box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1); box-shadow: inset 1px 0 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0,0,0,.1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255,255,255,.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.4); height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: var(--edogs-color-white); background-color: rgba(0,0,0,.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,.1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,.2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,.2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: var(--edogs-color-white); border-color: rgba(255,255,255,.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,.2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: var(--edogs-color-white); background-color: rgba(255,255,255,.9) } :root { --edogs-color-green: #73B99B; --edogs-color-dark-green: #507D6E; --edogs-color-light-green: #D8E8E1; --edogs-color-mint: #D4F1E2; --edogs-color-orange: #E02900; --edogs-color-dark-orange: #AE2000; --edogs-color-apricot: #FFA465; --edogs-color-white: #fff; --edogs-color-grey: #7C7C7C; --edogs-color-dark-grey: #3D3D3D; --edogs-color-light-grey: #D6D6D6; --edogs-color-brighter-grey: #F3F3F3; --edogs-color-red: #C42026; } /*#region Defaults*/ :root { --font-family: Montserrat, Tahoma, Geneva, sans-serif; } html, body { width: 100%; } body { font-family: var(--font-family), sans-serif; font-size: 14px; padding: 0; margin: 0; color: var(--edogs-color-dark-grey); background-color: var(--edogs-color-brighter-grey); cursor: auto !important; } #main-container { position:relative; min-height:320px; transition:all 0.5s; width:100%; } /* different main container distances for different header types */ #main-container.Minimal, #main-container.DefaultNoSearch, #main-container.Default{ margin:50px auto 0 auto; } #main-container.DefaultNoSearchTrans{ margin:20px auto 0 auto; } #main-container.None{ margin:0 auto; } .contentBlock { margin: 0 auto; width: 100%; box-sizing: border-box; } form {margin:0;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;} /*#endregion*/ /*wichtiger! stylefix für Mailjet Popup Widget*/ #mj-w-overlay { z-index:999999 !important; } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('/css/fonts/montserrat/montserrat-v24-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/css/fonts/montserrat/montserrat-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/montserrat/montserrat-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/css/fonts/montserrat/montserrat-v24-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/montserrat/montserrat-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/montserrat/montserrat-v24-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /*#region Iconfonts*/ @font-face { font-family: "ehorsesfont"; src: url("/css/fonts/ehorsesfont.eot?v=3"); src: url("/css/fonts/ehorsesfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ehorsesfont.woff?v=3") format("woff"), url("/css/fonts/ehorsesfont.ttf?v=3") format("truetype"), url("/css/fonts/ehorsesfont.svg#ehorsesfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "edogsfont"; src: url("/css/fonts/edogsfont.eot?v=3"); src: url("/css/fonts/edogsfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/edogsfont.woff?v=3") format("woff"), url("/css/fonts/edogsfont.ttf?v=3") format("truetype"), url("/css/fonts/edogsfont.svg#edogsfont") format("svg"); font-weight: normal; font-style: normal; } .iconfont, .iconfont.edogs { font-family: "ehorsesfont"; font-size: 24px; color: #000; display: inline-block; text-align: center; font-weight:normal; font-display:optional; } .iconfont.edogs { font-family: "edogsfont"; } .iconfont.green { color: var(--edogs-color-green); font-weight:normal !important; } .iconfont.white { color: var(--edogs-color-white); } .iconfont.orange { color: var(--edogs-color-orange); } .iconfont.grey { color:grey; } .iconfont.greyI { color:grey !important; } .iconfont.gray { color:gray; } .iconfont.greenmint { color: #73B99B; } .iconfont.shadow { text-shadow: var(--edogs-color-white) 0 0 4px; } .iconfont.social { color: var(--edogs-color-white); background-color: var(--edogs-color-green); display: block; font-size: 24px; width: 26px; height: 26px; padding: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin:auto; text-decoration:none; } .iconfont.social.facebook { background-color: #3b5998; } .iconfont.clr-facebook { color: #3b5998; } .iconfont.social.twitter { background-color: #00aced; } .iconfont.social.googleplus { background-color: #dd4b39; } .iconfont.social.youtube { background-color: #bb0000; } .iconfont.clr-youtube { color: #bb0000; } .iconfont.social.pinterest { background-color: #cb2027; } .iconfont.social.whatsapp { background-color: #34AF23; } .iconfont.social.mail { background-color: #666666; } .iconfont.social.instagram { background-color: #e4405f; } .iconfont.social.blank { background-color:transparent; } /*#endregion*/ /*#region Breadcrumb*/ .breadcrumb { margin:0 10px 20px 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .breadcrumb .l { float:left; width:50%; } .breadcrumb .r { float:right; text-align:right; width:50%; } .breadcrumb::after { content:""; display:table; clear:both; } .bc_left { float:left; width:50%; } .bc_right { float:left; width:50%; text-align:right; } .bc_clear { clear:left; height: 10px; } /*#endregion*/ /*#region Register cards*/ .contbox_register_act, .contbox_register_inact { position: relative; float: left; padding: 10px; text-align: center; border-top: 1px solid var(--edogs-color-light-grey); border-left: 1px solid var(--edogs-color-light-grey); border-right: 1px solid var(--edogs-color-light-grey); margin-left: -1px; text-decoration: none; } .contbox_register_act { background-color: var(--edogs-color-white); color: var(--edogs-color-green); height: 14px; z-index: 1; } .contbox_register_inact { background-color: var(--edogs-color-brighter-grey); border-bottom: 1px solid var(--edogs-color-light-grey); height: 11px; margin-top: 2px; z-index: 0; } /*#endregion*/ /*#region Shortcuts*/ .grab { cursor:pointer; } .mauto {margin: auto;} .mcenter{margin: 0 auto;} .t0 {top:0;} .t5 {top:5px;} .t16pro {top:16% !important;} .t33pro {top:33% !important;} .r0 {right:0;} .r45{right:45px;} .r45I{right:45px!important;} .r10 {right:10px;} .b0 {bottom:0;} .b10 {bottom:10px;} .b20 {bottom:20px;} .l0 {left:0;} .m0_5 {margin: 0 5px;} .m0_20 {margin: 0 20px;} .m0 {margin:0;} .m0_auto {margin:0 auto !important;} .m10 {margin: 10px;} .m15 {margin: 15px;} .m20 {margin: 20px;} .m10_0 {margin: 10px 0;} .m20_0 {margin: 20px 0;} .m20_40 {margin: 20px 40px;} .m20_auto {margin: 20px auto;} .mt-5 {margin-top:-5px;} .mt-10 {margin-top:-10px;} .mt-30 {margin-top:-30px;} .mt2 {margin-top:2px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt34 {margin-top:34px;} .mt35 {margin-top: 35px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mt57 {margin-top:57px;} .mt70 {margin-top:70px;} .mt120 {margin-top: 120px;} .mt200 {margin-top:200px;} .mr-10 {margin-right:-10px;} .mr-5 {margin-right:-5px !important;} .mr0 {margin-right:0 !important;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr20pro {margin-right:1.9%;} .mr30 {margin-right:30px;} .mr36 {margin-right:36px;} .mr40 {margin-right:40px;} .mr40pro {margin-right:3.95%;} .mr44 {margin-right:44px;} .mr50 {margin-right:50px;} .mr2pro {margin-right:2%;} .mr5pro {margin-right:5%;} .mb-10 {margin-bottom:-10px;} .mb-20 {margin-bottom:-20px;} .mb-40 {margin-bottom:-40px;} .mb0 {margin-bottom:0 !important;} .mb3 {margin-bottom:3px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb45 {margin-bottom:45px;} .ml5 {margin-left:5px;} .ml9 {margin-left:9px;} .ml10 {margin-left:10px;} .ml11 {margin-left:11px;} .ml12 {margin-left:12px;} .ml13 {margin-left:13px;} .ml14 {margin-left:14px;} .ml15 {margin-left:15px;} .ml17 {margin-left:17px;} .ml20 {margin-left:20px;} .ml22 {margin-left:22px;} .ml25 {margin-left:25px;} .ml28 {margin-left:28px;} .ml30 {margin-left:30px;} .ml34 {margin-left:34px;} .ml32 {margin-left:32px;} .ml40 {margin-left:40px;} .ml53 {margin-left:53px;} .ml60 {margin-left:60px;} .ml65 {margin-left:65px;} .ml82 {margin-left:82px;} .ml100 {margin-left:100px;} .ml250 {margin-left:250px;} .ml334 {margin-left:335px;} .ml-1 {margin-left:-1px;} .ml-10 {margin-left:-10px;} .ml-20 {margin-left:-20px} .ml-26 {margin-left:-26px;} .ml-32 {margin-left:-32px;} .mtb5 {margin-top:5px; margin-bottom:5px;} .m7 {margin:7px;} .p0 {padding:0 !important;} .p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;} .p40 {padding:40px;} .p35 {padding: 35px;} .p5_10 {padding:5px 10px;} .p5_20 {padding:5px 20px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr20 {padding-right: 20px;} .pr50 {padding-right:50px;} .pr80 {padding-right:80px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl20 {padding-left:20px;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .pl50 {padding-left:50px;} .pl60 {padding-left:60px;} .pl70 {padding-left:70px;} .pt3 {padding-top:3px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt33 {padding-top:33px;} .pt40 {padding-top:40px;} .pt42 {padding-top:42px;} .pt120 {padding-top:120px;} .ptb5 {padding: 5px 0;} .plr10 {padding: 0 10px;} .plr20 {padding: 0 20px;} .plr50 {padding: 0 50px;} .plr50I {padding: 0 50px !important;} .pa10 { padding: 10px;} .pa15 {padding:15px;} .pb0 {padding-bottom:0;} .pb5{padding-bottom:5px;} .pb10 {padding-bottom:10px} .pb20 {padding-bottom:20px;} .w25 {width:25px;} .w32 {width:32px;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w75 {width:75px;} .w80 {width:80px;} .w85 {width:85px;} .w90 {width:90px;} .w95 {width:95px;} .w100 {width:100px;} .w100I {width:100px !important;} .w110 {width:110px;} .w120 {width:120px;} .w128 {width:128px;} .w135 {width:135px;} .w150 {width:150px;} .w160 {width:160px;} .w170 {width:170px;} .w180 {width:180px;} .w188 {width:188px;} .w190 {width:190px;} .w200 {width:200px;} .w200I {width:200px !important;} .w204 {width:204px;} .w220 {width:220px;} .w235 {width:235px;} .w240 {width:240px;} .w250 {width:250px;} .w260 {width:260px;} .w280 {width:280px;} .w290 {width:290px;} .w300 {width:300px;} .w305 {width:305px;} .w316 {width:316px;} .w318 {width:318px;} .w335 {width:335px;} .w348 {width:348px;} .w350 {width:350px;} .w380 {width:380px;} .w400 {width:400px;} .w420 {width:420px;} .w484 {width:484px;} .w485 {width:485px;} .w500 {width:500px;} .w600 {width:600px;} .w620 {width:620px;} .w668 {width:668px;} .w700 {width:700px;} .w768 {width:768px;} .w856 {width:856px;} .w988 {width:988px;} .w10pro {width:10%;} .w20pro {width:20%;} .w25pro {width:25%;} .w30pro {width:30%;} .w32pro {width:32%;} .w35pro {width:35%;} .w38pro {width:38%;} .w40pro {width:40%;} .w45pro {width:45%;} .w46pro {width:46%;} .w48pro {width:48%;} .w49pro {width:49%;} .w50pro {width:50%;} .w56pro {width:56%;} .w70pro {width:70%;} .w75pro {width:75%;} .w90pro {width:90%;} .w100pro {width:100%;} .w100proI {width:100% !important;} .wAutoI {width:auto !important} .hover_underline:hover {text-decoration: underline !important;} .h0 {height:0;} .h1 {height:1px;} .h10 {height:10px;} .h20 {height:20px;} .h25 {height:25px;} .h30 {height:30px;} .h36 {height:36px !important;} .h50 {height:50px;} .h56 {height:56px;} .h100 {height:100px;} .h120 {height:120px;} .h180 {height:180px;} .h200 {height:200px;} .h240 {height:240px;} .h250 {height:250px;} .h300 {height:300px;} .h318 {height:318px;} .h500 {height:500px;} .h574 {height:574px;} .h600 {height:600px;} .h700 {height: 700px;} .h100pro {height:100%;} .hAutoI {height:auto !important} .lh0 {line-height:0;} .lh10 {line-height:10px;} .lh12 {line-height:12px;} .lh15 {line-height:15px;} .lh18 {line-height:18px;} .lh20 {line-height:20px;} .lh24 {line-height:24px;} .lh25 {line-height:25px;} .lh26 {line-height:26px;} .lh27 {line-height:27px;} .lh28 {line-height:28px;} .lh30 {line-height:30px;} .lh32 {line-height:32px;} .lh35 {line-height:35px;} .lh36 {line-height:36px !important;} .lh45 {line-height:45px;} .lh56 {line-height:56px;} .lh60 {line-height:60px;} .disp_ib {display:inline-block;} .disp_bl {display:block;} .disp_bl_imp {display: block !important;} .fs9 {font-size:9px !important;} .fs10 {font-size:10px !important;} .fs11 {font-size:11px !important;} .fs12 {font-size:12px !important;} .fs13 {font-size:13px !important;} .fs14 {font-size:14px !important;} .fs15 {font-size:15px !important;} .fs16 {font-size:16px !important;} .fs18 {font-size:18px !important;} .fs20 {font-size:20px !important;} .fs24 {font-size:24px !important;} .fs32 {font-size:32px !important;} .fs34 {font-size:32px !important;} .fs44 {font-size: 44px !important;} .fs56 {font-size:56px !important;} .fs64 {font-size: 64px !important;} .fs86 {font-size: 86px !important;} .fs120 {font-size:120px !important;} .fwnormal {font-weight:normal !important;} .fwbold {font-weight:bold !important;} .upper {text-transform: uppercase;} .capitalize {text-transform: capitalize;} .spacer5 {height:5px;} .spacer10 {height:10px;} .spacer15 {height:15px;} .spacer20 {height:20px;} .spacer30 {height:30px;} .cr_hl {font-size:1.2em;} .noborder {border: 0;} .nowrap {white-space: nowrap;} .img_border {border: 1px solid var(--edogs-color-light-grey);} .posrel {position:relative;} .posabs {position:absolute;} .posfix {position:fixed;} .tajust {text-align:justify;} .taleft {text-align:left;} .taright {text-align:right;} .tacenter {text-align:center;} .pointer {cursor:pointer;} .nopointer { cursor:default !important;} .hover_alpha:hover { opacity: 0.8;} .of_auto {overflow:auto;} .inline {display:inline-block;} .border { border: 1px solid var(--edogs-color-light-grey); } .borderDot { border: 1px dotted var(--edogs-color-light-grey); } .borderBtm {border-bottom: 1px solid var(--edogs-color-light-grey); } .borderBtmDot {border-bottom: 1px dotted var(--edogs-color-light-grey); } .borderTop {border-top: 1px solid var(--edogs-color-light-grey); } .border2 {border: 2px solid var(--edogs-color-light-grey); } .textShadowWhite { text-shadow: 1px 1px 0 var(--edogs-color-brighter-grey); } .textShadowBlack { text-shadow: 2px 1px 3px #000; } .fc_white {color:var(--edogs-color-white);} .fc_gold {color:rgb(231,189,65); } .fc_silver {color:rgb(202,202,202);} .fc_bronze { color:rgb(205,127, 48);} .fc_initial { color:#000 !important;} .semitrans {opacity:0.5;} .over_hidden {overflow:hidden !important;} .over_visible {overflow: visible !important;} .z1 {z-index:1;} .z2 {z-index:2;} .z3 {z-index:3;} .z4 {z-index:4;} .z10 {z-index:10;} .z11 {z-index:11;} .va_mid {vertical-align:middle;} .va_top {vertical-align:top;} .va_btm {vertical-align:bottom;} .lbl25px, .lbl40px, .lbl50px, .lbl75px, .lbl90px, .lbl100px, .lbl120px, .lbl150px, .lbl200px { display: inline-block; } .lbl25px { width: 25px; } .lbl40px { width: 40px; } .lbl50px { width:50px; } .lbl75px { width:75px; } .lbl90px { width: 90px; } .lbl100px { width:100px; } .lbl120px { width:120px; } .lbl150px { width:150px; } .lbl200px { width:200px; } .float_left { float:left; } .float_right { float:right !important; } .clear_left { clear:left; } .clear_both { clear:both; } .clear_right { clear:right; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .nodisplay { display:none; } .nodisplay_imp { display:none !important; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bsbb { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .flex { display: -webkit-box; display: -webkit-flex; display: flex; } .flex .flexItem { -ms-flex: 1; -webkit-flex: 1; flex: 1; } .flex-column { -webkit-flex-direction: column; flex-direction: column; } .flex-row { -webkit-flex-direction: row; flex-direction: row; } .justify-between { -webkit-justify-content: space-between; justify-content: space-between; } .fb33pro { flex-basis:33%; } .pflichtfeld { color:var(--edogs-color-green); } .shadow { -moz-box-shadow: 2px 0 5px var(--edogs-color-light-grey); -webkit-box-shadow: 2px 0 5px var(--edogs-color-light-grey); box-shadow: 2px 0 5px var(--edogs-color-light-grey); } .first, .last{ width:auto !important; } .breakword-all { word-break: break-all; } .font_outline_black { text-shadow:-1px 0 4px black, 0 1px 4px black, 1px 0 4px black, 0 -1px 4px black; } .underline { text-decoration:underline !important; } .rotate { -webkit-animation: rotate 1s infinite linear; -moz-animation: rotate 1s infinite linear; -o-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; } @-moz-keyframes rotate { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(359deg); } } @-webkit-keyframes rotate { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(359deg); } } @keyframes rotate { from { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); } to { -moz-transform: rotateY(359deg); -ms-transform: rotateY(359deg); -o-transform: rotateY(359deg); -webkit-transform: rotateY(359deg); transform: rotateY(359deg); } } .rotateX { -webkit-animation: rotateX 1.5s infinite linear; -moz-animation: rotateX 1.5s infinite linear; -o-animation: rotateX 1.5s infinite linear; animation: rotateX 1.5s infinite linear; } @-moz-keyframes rotateX { from { -moz-transform: rotateX(0); } to { -moz-transform: rotateX(359deg); } } @-webkit-keyframes rotateX { from { -webkit-transform: rotateX(0); } to { -webkit-transform: rotateX(359deg); } } @keyframes rotateX { from { -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); -webkit-transform: rotateX(0); transform: rotateX(0); } to { -moz-transform: rotateX(359deg); -ms-transform: rotateX(359deg); -o-transform: rotateX(359deg); -webkit-transform: rotateX(359deg); transform: rotateX(359deg); } } .rotateZ { -webkit-animation: rotateZ 1s infinite linear; -moz-animation: rotateZ 1s infinite linear; -o-animation: rotateZ 1s infinite linear; animation: rotateZ 1s infinite linear; } @-moz-keyframes rotateZ { from { -moz-transform: rotateZ(0); } to { -moz-transform: rotateZ(359deg); } } @-webkit-keyframes rotateZ { from { -webkit-transform: rotateZ(0); } to { -webkit-transform: rotateZ(359deg); } } @keyframes rotateZ { from { -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); -o-transform: rotateZ(0); -webkit-transform: rotateZ(0); transform: rotateZ(0); } to { -moz-transform: rotateZ(359deg); -ms-transform: rotateZ(359deg); -o-transform: rotateZ(359deg); -webkit-transform: rotateZ(359deg); transform: rotateZ(359deg); } } .checkmark { width: 40px; height: 50px; } .checkmark:after { border-left: 3px solid; border-bottom: 3px solid; border-color: #73B99B; content: ' '; transform: rotate(-45deg); animation: drawCheckmark 1s ease; transform-origin: left top; width: 15px; height: 5px; position: absolute; left: 25%; top: 50%; } .hoverInverted:hover { color:white; background-color:var(--edogs-color-green); cursor:pointer; } .truncate { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .lc2 { line-clamp: 2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lc4 { line-clamp: 4; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } a.truncate { display:block; } .notruncate { white-space: normal; } .verticalAlign{ display: flex; flex-flow: column; margin: auto 0; } /* Social Media */ .sml { color: var(--edogs-color-white) !important; padding: 8px; text-decoration: none; text-transform: uppercase; font-size: 10px; margin: 0 5px 0 0; -ms-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; line-height: normal; height: 20px; } .sml span{ line-height:20px; vertical-align:top; color:var(--edogs-color-white) !important; vertical-align:middle; } .sml:last-child{ margin:0; } .smf{ color:var(--edogs-color-white)!important; padding:10px; display:block; text-decoration:none; margin:0 0 12px 0; } .smf:last-child{ margin:0; } .smf .iconfont{ line-height:20px; vertical-align:middle; margin:0 10px 0 0; } .fb{ background:#3b5998; } .tw{ background:#4099FF; } .yt{ background:#b31217; } .gp{ background:#dd4b39; } .ml{ background:#b2b2b2; } .pt{ background:#cb2027; } .wa{ background:#25D366; } .ig{ background:#e4405f; } /*#endregion*/ /*#region Forms*/ /* form errors */ #formError{ display:inline-block; width:100%; padding:10px; border:1px solid var(--edogs-color-red); color:var(--edogs-color-red); font-weight:bold; margin:0 0 10px 0; box-sizing:border-box; } /*box*/ .box { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color:var(--edogs-color-white); margin-bottom:20px; position:relative; border-radius:5px; overflow:hidden; } .box .hlGreen, .box .hlWhite, .box .hlDark, .box .hlGold { background-color: var(--edogs-color-green); color: var(--edogs-color-white); width: 100%; padding: 5px; font-size: 1.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; text-decoration:none; text-align:center; } .box .hlWhite { background-color:var(--edogs-color-white); color:var(--edogs-color-dark-grey) !important; text-align:left !important; display:block; width:auto !important; font-weight:bold !important; border-bottom:1px solid var(--edogs-color-light-grey); margin:0 20px 10px; padding:5px 0; } .box .hlDark { background-color:var(--edogs-color-dark-grey); } .box .hlGold { background-color:#cea500; text-align:left; display:block; width:auto; font-weight:bold; padding:5px 20px 5px; margin-bottom:10px; } .box .hlGold a { color:var(--edogs-color-white); text-decoration:none; font-weight:normal; } .box a.hlGreen::after, .box a.hlWhite::after, .box a.hlDark::after { font-family: ehorsesfont; content: 'd'; margin: 0 0 0 5px; vertical-align:text-bottom; } .box .olGreen, .box .olDark, .box .olWhite, .box .olGrey { background-color:rgba(196, 32, 38, 0.8); color: var(--edogs-color-white); width: 100%; padding: 5px; font-size: 1.3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; text-decoration:none; text-align:center; position:absolute; left:0; bottom:0; } .box .olDark { background-color:rgba(51, 51, 51, 0.8); } .box .olWhite{ background-color:rgba(255,255,255,0.5); } .box .olGrey{ background-color:rgba(184,184,184,.7); } a .olGreen::after, a .olDark::after, .link-arrow::after, .drop-arrow::after, a .olWhite::after, a.olGrey::after{ font-family: ehorsesfont; content: 'd'; margin: 0 0 0 5px; vertical-align:sub; text-transform:none; } .drop-arrow::after { content: 'b'; } .olGreen .iconfont{ color:var(--edogs-color-white); line-height:25px; } .div_line { border-bottom: 1px dotted var(--edogs-color-light-grey); width: 100%; padding-bottom: 1px; margin-bottom: 2px; font-weight: bold; font-size: 12px; } .popup{ width:90%; background:var(--edogs-color-white); margin:0 auto; position:relative; } .popup .cont{ padding:10px; } .detailsPopup .logo{ padding:0 10px; border-bottom:1px solid var(--edogs-color-light-grey); } .detailsPopup .logo img{ width:150px; vertical-align:top; } .verify-hint { max-width: 400px; } /*cards*/ .cardL { display:block; width:300px; height:500px; float:left; margin-right:44px; font-size:14px; } .cardL .front .top { position:relative; top:0; background-size:cover !important; display:block; width:100%; height:250px; } .cardL .front .bottom { position:relative; display:block; width:100%; height:250px; padding:20px; font-size:16px; box-sizing:border-box; } .cardL .front .bottom a { color:var(--edogs-color-green); } .cardL .front .bottom_abs { position:absolute; bottom:20px; } .cardL.flip { perspective:8000px; } .cardL.flip .front, .cardL.flip .back { position: absolute; width:100%; height:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .cardL.flip .back { position:absolute; transform: rotateY( -180deg ); } .cardL.flip.hover .front { transform: rotateY( -180deg ); } .cardL.flip.hover .back { transform: rotateY( 0 ); } .cardL.flip .front .bottom .tsLogo { background-size:contain !important; position:absolute; bottom:20px; right:20px; display:block; width:120px; height:80px; } .cardL.flip .front .bottom .tsLink { position:absolute; bottom:20px; left:20px; display:block; } .cardInserat { display:block; width:300px; height:250px !important; float:left; margin-right:44px; font-size:14px; background-size:cover !important; position:relative; overflow:hidden; } .cardInserat .overlay { background-color:rgba(32,32,32,0.4); position:absolute; bottom:0; height:60px; color:var(--edogs-color-white); display:block; width:100%; text-align:center; font-size:16px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .cardInserat:hover .overlay { transform:scale(1.2); } .overlay-box { box-sizing: border-box; background-color: rgba(0,0,0,0.7); color: var(--edogs-color-white); position: absolute; top: 0px; left: 0px; z-index: 20; height: 100%; width: 100%; text-align: center; display:flex; align-items:center; } /* keinen Effekt, wenn innerhalb der Rückseite der Karte - z.B. Topseller */ .cardL.flip .back > .cardInserat:hover .overlay { transform:none; } .cardL.flip .back > .cardInserat:first-child { border-bottom:2px solid var(--edogs-color-white); } /* ContentBoxen */ #contbox { background-color: var(--edogs-color-brighter-grey); position: relative; padding: 20px; width: 600px; height: auto; border: 1px solid var(--edogs-color-light-grey); text-align: left; } #contbox_white { position: relative; padding: 0 0 0 20px; height: auto; text-align: left; } #contbox_white_1px { position: relative; padding: 0 10px; height: auto; text-align: left; } #contbox_white_1px a { text-decoration:none; } .cont_fade { background-color: var(--edogs-color-white); position: relative; padding: 20px; height: auto; text-align: left; } .picbox_wrapper{ display:flex; width:100%; } .picbox_wrapper .block { margin-right:20px; background-color:var(--edogs-color-white); transition:all 0.5s; flex: 1; } .picbox_wrapper .block img{ vertical-align: top; width: 100%; } .picbox_wrapper .block:last-child { margin-right:0; } .picbox_wrapper .block:hover { transform:scale(1.05); } /* Stammbaum */ .st1, .st2, .st3, .st4, .st5 {float:left; height:100px;} .st1, .st3, .st5 {width:125px;} .st1 {line-height:100px;} .st2 {width:22px; height:100px;background:url('data:image/gif;base64,R0lGODlhZABkAIAAALCwsP///yH5BAAAAAAALAAAAABkAGQAAALIjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMngDMpvMJjUqnTxtAGbpiP9ptp+vdgMOZMfliPlfS6gm7HXnDH/J5o25f4POJPf/g9xcQ+EfIZ5iHaKc4xwjn2AapJulBZXmJWSUYt8nZSfcJGno3Slqqd4qa2rfK2gr4Chs7OEs7S0mGG6brxbvliwWsJJxEjGR8hGykXJTp/KxZKz1NXW19jZ2tvc3d7f0NHi4+Tl6+XQAAOw==') no-repeat center 0;} .st3 {line-height:50px;} .st4 {width:22px; height:100px;background:url('data:image/gif;base64,R0lGODlhZABkAIAAALCwsP///yH5BAAAAAAALAAAAABkAGQAAALQjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNcdgOf6zvf+v7MBbLUhcWY8xpLKF7PZekJX0mmqaj1hs6Utd+SlAsfksu5LRavCag+7zXnDNfI5pm634POUPV/i9wcRKOhAWMhwiKhg1ugYtBgpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqquvrx6NoopKpIOTtZK3kbmbu4i9hb+CsY/Des93o8JqucWpzXbPc8Fw033Vatdo2W/bXN1Z2FHN7DSl5ufo6err7O3m5SAAA7') no-repeat center 0;} .st5 {line-height:25px;} .st_inp_v {background-color: #E9F9F9; font-size: 11px; width:100%; border:1px solid var(--edogs-color-light-grey);} .st_inp_m {background-color: #FFF4F4; font-size: 11px; width:100%; border:1px solid var(--edogs-color-light-grey);} .st_main {background-color: var(--edogs-color-white);padding:5px;border: 1px solid var(--edogs-color-light-grey);} .st_main_or {background-color: var(--edogs-color-white);padding:5px;} .stlabel {border:1px solid var(--edogs-color-light-grey);display:inline-block;width:124px;line-height:20px;height:20px;} /* paging */ .paging { text-align:right; } .paging a { display:inline-block; text-align:center; text-decoration:none; padding:8px 15px; border:1px solid var(--edogs-color-light-grey); background-color:var(--edogs-color-white); margin:0 0 0 5px; } .paging > div{ float: left; padding: 8px; margin:0 0 0 5px; border: 1px solid var(--edogs-color-light-grey); background-color:var(--edogs-color-white); } .paging .dots{ /*float:left;*/ padding:0 8px; margin:15px 0 0 5px; } .paging a.first:before, .paging a.last:after { font-family:ehorsesfont; font-size:15px; content:'c'; vertical-align:text-bottom; color:var(--edogs-color-green); } .paging .siteNumber{ padding:8px 15px; } .paging a.last:after { content:'d'; } .paging.flex { align-items:center; } .compactPaging{ text-align:right; } .compactPaging > span{ margin:0 10px; } .compactPaging .back, .compactPaging .next{ color: var(--edogs-color-orange); padding: 5px; border: 1px solid var(--edogs-color-orange); vertical-align: middle; cursor: pointer; margin:0; } /* further characteristics */ .menueausbildung { position: absolute; border: 1px solid var(--edogs-color-light-grey); background-color: white; padding: 28px 28px 10px 18px; display: none; z-index: 8; top: 0; width: 120px; } /* cookie info */ .as-oil-content-overlay{ opacity:0.9!important; } .as-oil__btn-optin{ background-color:var(--edogs-color-orange) !important; } .as-oil-cpc__category-link--active{ border-color:var(--edogs-color-orange) !important; } .as-oil-cpc__switch input:checked~.as-oil-cpc__slider, .as-oil__btn-blue, .as-oil__btn-blue:hover{ background-color:var(--edogs-color-green)!important; } .as-oil-cpc__status{ color:#000!important; } #CookieHint { display: block; position: fixed; width: 100%; height: auto; bottom: 0; opacity: 0.9; padding: 5px 0; background-color: var(--edogs-color-light-grey); z-index: 2000000001 !important; } .CookieHintInner { padding: 5px 20px; } .messenger { padding: 30px; padding-top: 5px; } /*advert price info*/ .blend_info_preis { display: none; position: absolute; width:100%; max-width:300px; left:0; z-index: 1; bottom: 80px; } .blend_info { display: none; left: -5px; position: absolute; width: auto; z-index: 999999; bottom: 45px; } .blend_info_spitze, .blend_info_spitze_rechts { border-color: var(--edogs-color-white) transparent transparent transparent; border-style: solid; border-width: 20px; height: 0; position: absolute; width: 0; z-index: 92; bottom: -38px; } .blend_info_spitze_border, .blend_info_spitze_border_rechts { border-color: var(--edogs-color-light-grey) transparent transparent transparent; border-style: solid; border-width: 20px; height: 0; position: absolute; width: 0; z-index: 91; bottom: -40px; } .blend_info_spitze, .blend_info_spitze_border { left:40px; } .blend_info_spitze_rechts, .blend_info_spitze_border_rechts { right:40px; } .blend_info_cont { background-color: var(--edogs-color-white); border: 2px solid var(--edogs-color-light-grey); box-shadow: 0 0 5px #888888; padding: 15px; position: relative; width: auto; z-index: 90; } .blend_close { position: absolute; right: 0; top: 5px; } /* Image Centering*/ .imgWrap { display:inline-block; vertical-align:middle; text-align:center; position:relative; height:100%; width:100%; } .imgWrap img { vertical-align:middle; display:inline-block; max-height:100%; max-width:100%; } .centerer, .imgWrap:before { display: inline-block; vertical-align: middle; height: 100%; } .imgWrap:before { content: " "; } /* Image wrapper for switching prev next pic*/ .imgWrap .infoboxtl, .imgWrap .infoboxbl, .imgWrap .infoboxbr, .imgGallery .infoboxtl, .imgGallery .infoboxbr, .imgGallery .infoboxbl { position: absolute; bottom: 0; padding: 5px 20px; background-color: rgba(172,172,172,0.6); color: var(--edogs-color-white); margin: auto auto; z-index:3; } .imgWrap .infoboxtl {left:0; top:0; bottom:auto; } .imgWrap .infoboxtl.gold, .imgGallery .infoboxtl.gold { background-color:rgba(231,189,65,0.6); } .imgWrap .infoboxtl.silver, .imgGallery .infoboxtl.silver { background-color:rgba(202,202,202,0.6); } .imgWrap .infoboxtl.bronze, .imgGallery .infoboxtl.bronze{ background-color:rgba(205,127,48,0.6); } .imgWrap .infoboxbl, .imgGallery .infoboxbl {left:0;} .imgWrap .infoboxbr, .imgGallery .infoboxbr {right:0 !important;} /* gallery with swiper */ .imgGallery .infoboxtl{ left:0; top:0; bottom:auto; } .imgGallery .infoboxbl{ left:0; bottom:0; } .imgGallery .infoboxbr, .imgGallery .infoboxbl{ width:auto; left:inherit; } /* Flaggen */ .flag { background:var(--edogs-color-white); background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA8CAMAAABLlIrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY5QTJERTZCMjAxMTFFNUE2N0VBRjAwNUZDQTMyMkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY5QTJERTVCMjAxMTFFNUE2N0VBRjAwNUZDQTMyMkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OTk2Nzg4Q0FENjkxMUU1OTUyRUVCNkRENjI4NEJFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OTk2Nzg4REFENjkxMUU1OTUyRUVCNkRENjI4NEJFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po9wIKQAAAAYUExURTMzmQAAAJkzM//MAAAzZv////8AAMwzMysB1EkAAACNSURBVHjazJPhDoAgCISpwN7/jVMSUvO2fjTqNhu3jxPmFi1AFAESUAjYgEIAm8atmIX1SCeeJ7JVIPq5utlAl6h2nOF9faKZTk398HWH/usqbykoH5tviSRcAJfiBLq6WgVOSNycwAglLyuollagECBAIeBT7UAONgQmifz7TDINuF8FwXtb/RAcAgwAyy0YnFOWMe0AAAAASUVORK5CYII=') /*/grafiken/flags.png*/; background-repeat:no-repeat; width:24px; height:15px; margin-top:10px; } .flag.de { background-position:0 0; } .flag.en { background-position:0 -15px; } .flag.nl { background-position:0 -30px; } .flag.cn { background-position:0 -45px; } .usr-pic-80, .usr-pic-300, .usr-pic-150 { border-radius:50%; background-size:cover; background-repeat:no-repeat; background-position: 50% 50%; position:relative; } .usr-pic-80 { width:80px; height:80px; } .usr-pic-300 { width:300px; max-height:300px; } .usr-pic-150 { width:150px; max-height:150px; } .ajaxLoading{ padding:10px; display:block; margin:0 auto; } .loader{ font-family: "ehorsesfont"; font-size:65px; color:var(--edogs-color-orange)!important; text-align:center; } .loader span{ animation: rotateZ 1s infinite linear; display:inline-block; } /*#endregion*/ /*#region Input - Dropdown*/ input[type=text], input[type=password], input[type=number], select, textarea { font-family: var(--font-family), sans-serif; border: none; border-bottom: 1px solid var(--edogs-color-light-grey); font-size: 1em; color: #606060; padding: 5px; width: 100%; height: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 !important; background: none; } textarea{ border: 1px solid var(--edogs-color-light-grey); height:auto; } input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, select, textarea:focus{ outline:none; } select { font-family: var(--font-family), sans-serif; border-radius: 3px !important; padding: 5px 25px 5px 5px; background: url(/grafiken/dropdown.svg) no-repeat right 50%; background-size: 20px; background-position: 98%; } .inputField select { background: url(/grafiken/pfeil_down_ed_gruen.svg) no-repeat 97.5% 50%; background-size: 20px; } select option[default] { color: #999 !important; } select::-ms-expand { display: none; } input[type=checkbox] { margin: 0 5px 0 0; padding: 0; } a.corner { position: fixed; bottom: 20px; left: 20px; background: var(--edogs-color-green); color: var(--edogs-color-white) !important; font-weight: bold; display: inline-block; padding: 15px; text-decoration: none; border-radius: 5px; z-index: 1; } /* Radio Buttons*/ input[type=radio] { margin:3px 3px 3px 3px; } /* The container */ .radioDiv { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .radioDiv input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .choice { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: white; border-radius: 50%; border: 1px solid var(--edogs-color-light-grey); } /* When the radio button is checked, add a blue background */ .radioDiv input:checked ~ .choice { background-color: white; border: 1px solid var(--edogs-color-light-grey); } /* Create the indicator (the dot/circle - hidden when not checked) */ .choice:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radioDiv input:checked ~ .choice:after { display: block; } /* Style the indicator (dot/circle) */ .radioDiv .choice:after { top: 3px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: var(--edogs-color-orange); } input.fehler, select.fehler, textarea.fehler, div.fehler, a.fehler { border-color: var(--edogs-color-green); box-shadow: 0 0 2px var(--edogs-color-green); background-color: #FFDDDD; } /* checkboxen */ .chkBoxDiv{ display: inline-block; width: 15px; height: 15px; border: 1px solid var(--edogs-color-light-grey); position: relative; top: 3px; margin-right: 5px; } .type_checkbox_input { opacity: 0.4; display: none; } .type_checkbox { display: inline-block; width: 15px; height: 15px; line-height: normal; border: 1px solid var(--edogs-color-light-grey); border-radius:3px; position: absolute; top: 0; left:0; } .type_checkbox .iconfont{ position: absolute; font-size: 15px; top: 0; left:0; } .ps_sonstiges_label { display: block; float: left; min-width: 140px; margin:0 0 10px 0; } label.checkbox{ position:relative; padding-left:23px; box-sizing:border-box; display: inline-block; cursor:pointer; } label.checkbox input[type=checkbox] { display:none; } /*#endregion*/ /*#region Buttons*/ /* >>> neue Buttons >>> */ .btnGreen, .btnGreenInv, .btnOrange, .btnOrangeInv, .btnGrey, .btnGreyInv, .btnGreyBright, .btnGreyBrightInv, .btnWhite, .btnWhiteInv, .btnGold, .btnGoldInv, .btnRed { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--font-family), sans-serif; font-size: 14px; line-height: 35px; padding: 0 20px; text-align: center; text-decoration: none; border: 0; outline: none; cursor: pointer; color: var(--edogs-color-white) !important; transition: all 150ms ease-in-out; /* ios fixes */ -webkit-appearance: none; border-radius: 5px; } .btnGreen .iconfont, .btnGreenInv .iconfont, .btnOrange .iconfont, .btnOrangeInv .iconfont, .btnGrey .iconfont, .btnGreyInv .iconfont, .btnGreyBright .iconfont, .btnGreyBrightInv .iconfont, .btnWhite .iconfont, .btnWhiteInv .iconfont, .btnGold .iconfont, .btnGoldInv .iconfont, .btnRed .iconfont{ transition: all 200ms linear; } .btnGreen:hover, .btnGrey:hover, .btnWhite:hover, .btnGold:hover, .btnRed:hover{ background-color: var(--edogs-color-white); } .btnOrange:hover{ background-color: var(--edogs-color-dark-orange); } .btnGreen:active, .btnOrange:active, .btnGrey:active, .btnGreyBright:active, .btnWhite:active, .btnGold:active, .btnRed:active{ transform: scale(0.98); } .btnGreenInv:active, .btnOrangeInv:active, .btnGreyInv:active, .btnGreyBrightInv.active, .btnWhiteInv:active, .btnGoldInv:active, .btnRedInv:active{ transform: scale(0.98); } .btnGreenInv, .btnOrangeInv, .btnGreyInv, .btnGoldInv, .btnRedInv{ background-color: var(--edogs-color-white); } .btnGreen { background-color:var(--edogs-color-green); border:1px solid var(--edogs-color-green) !important; } .btnGreen:hover, .btnGreen:hover .iconfont { color:var(--edogs-color-green) !important; } .btnGreenInv { border:1px solid var(--edogs-color-green) !important; color:var(--edogs-color-green) !important; } .btnGreenInv:hover, .btnGreenInv:hover .iconfont { background-color:var(--edogs-color-green) !important; color:var(--edogs-color-white) !important; } .btnOrange { background-color:var(--edogs-color-orange); border:1px solid var(--edogs-color-orange) !important; } .btnOrangeInv { border:1px solid var(--edogs-color-orange) !important; color:var(--edogs-color-orange) !important; } .btnOrangeInv:hover, .btnOrangeInv:hover .iconfont { background-color:var(--edogs-color-orange); color:var(--edogs-color-white) !important; } .btnGrey { background-color:var(--edogs-color-dark-grey); border:1px solid var(--edogs-color-dark-grey) !important; } .btnGrey:hover, .btnGrey:hover .iconfont { color:var(--edogs-color-dark-grey) !important; } .btnGreyInv { border:1px solid var(--edogs-color-dark-grey) !important; color:var(--edogs-color-dark-grey) !important; } .btnGreyInv:hover, .btnGreyInv:hover .iconfont { background-color:var(--edogs-color-dark-grey); color:var(--edogs-color-white) !important; } .btnDisabled { background-color: #e9e9e9; border-color: #e9e9e9 !important; } .btnDisabled:hover { background-color: #e9e9e9; border-color: #e9e9e9 !important; color: var(--edogs-color-white) !important; } .btnGreyBright { background-color: #b2b2b2; border: 1px solid #b2b2b2 !important; } .btnGreyBright:hover, .btnGreyBright:hover .iconfont { color: var(--edogs-color-grey) !important; } .btnGreyBrightInv { border: 1px solid #b2b2b2 !important; color: var(--edogs-color-grey) !important; } .btnGreyBrightInv:hover, .btnGreyBrightInv:hover .iconfont { background-color: #b2b2b2; color: var(--edogs-color-white) !important; } .btnWhite { background-color:var(--edogs-color-white); border:1px solid var(--edogs-color-white) !important; color:var(--edogs-color-green) !important; } .btnWhite:hover, .btnWhite:hover .iconfont { color:var(--edogs-color-white) !important; } .btnWhiteInv { border:1px solid var(--edogs-color-white) !important; color:var(--edogs-color-white) !important; } .btnWhiteInv:hover, .btnWhiteInv:hover .iconfont { background-color:var(--edogs-color-white); color: var(--edogs-color-grey) !important; } .btnGold { background-color:#EAB222; border:1px solid #EAB222; } .btnGold:hover, .btnGold:hover .iconfont { color:#EAB222 !important; } .btnGoldInv { border:1px solid #EAB222; color:#EAB222 !important; } .btnGoldInv:hover, .btnGoldInv:hover .iconfont { background-color:#EAB222; color:var(--edogs-color-white) !important; } .btnRed { background-color: var(--edogs-color-red); border: 1px solid var(--edogs-color-red) !important; } .btnRed:hover, .btnRed:hover .iconfont { color: var(--edogs-color-red) !important; } .btnRedInv { border: 1px solid var(--edogs-color-red) !important; color: var(--edogs-color-red) !important; } .btnGreenMint { font-weight: bold; padding: 15px 30px; border-radius: 10px; margin: 0 auto; color: #fff !important; font-size: 14px; text-decoration: none; /* ff 3.6+ */ background: -moz-radial-gradient(circle at 50% -20%, rgba(212, 241, 226, 1) 0%, rgba(115, 185, 155, 1) 75%); /* safari 5.1+,chrome 10+ */ background: -webkit-radial-gradient(circle at 50% -20%, rgba(212, 241, 226, 1) 0%, rgba(115, 185, 155, 1) 75%); /* opera 11.10+ */ background: -o-radial-gradient(circle at 50% -20%, rgba(212, 241, 226, 1) 0%, rgba(115, 185, 155, 1) 75%); /* ie 10+ */ background: -ms-radial-gradient(circle at 50% -20%, rgba(212, 241, 226, 1) 0%, rgba(115, 185, 155, 1) 75%); /* global 92%+ browsers support */ background: radial-gradient(circle at 50% -20%, rgba(212, 241, 226, 1) 0%, rgba(115, 185, 155, 1) 75%); transition: 0.5s; background-size: 150% auto; border: none; outline: none; cursor: pointer; display: inline-block; } .btnGreenMint:hover { background-position: right center; } /* Link Buttons */ a:link, a:active, a:visited { color: #333; } a:hover {color:var(--edogs-color-orange);} a.menue:Link, a.menue:visited, a.menue:hover, a.menue:active { text-decoration:none; color:#000; } a.underline {text-decoration:underline;} a.noline, a.iconfont {text-decoration:none !important;} a.arrowR, a.arrowL { text-decoration:none; } a.arrowR::after { font-family:ehorsesfont; content:'d'; color:var(--edogs-color-orange); vertical-align:text-bottom; font-weight:bold; line-height:1.2em; margin-left:5px; } a.arrowL::before { font-family:ehorsesfont; content:'d'; color:var(--edogs-color-orange); vertical-align:text-bottom; font-weight:bold; line-height:1.2em; margin-left:5px; } a.lb_bold { font-weight: bold; } /*#endregion*/ /*#region Headlines*/ h1, h2, h3{ margin:0; } h1 { font-size: 1.4rem; } h2{ font-size: 1.2rem; } h3{ font-size: 1.1rem; } /*#endregion*/ /*#region Font Sizes*/ .sizeXS { font-size: 9px; } .sizeS { font-size: 11px; } .sizeS a { font-weight:normal; } .sizeM { font-size: 14px; } .sizeM a { font-weight:normal; } .sizeL { font-size: 16px; } .sizeL a { font-weight:normal; } .sizeXL { font-size: 18px; } .sizeXL a { font-weight:normal; } .sizeXXL { font-size: 24px; } .sizeXXXL { font-size: 40px; } /*#endregion*/ /*#region Colors*/ .grey, .grey h3 { color: var(--edogs-color-grey); } .green {color: var(--edogs-color-green);} .dark-grey{color:#000;} .white {color: var(--edogs-color-white);} .orange {color:var(--edogs-color-orange);} .gold{color:#eab222;} .light-grey{color:var(--edogs-color-brighter-grey);} .red{color:var(--edogs-color-red);font-weight:bold;} .orange a, a.orange:link, a.orange:active, a.orange:visited { color: var(--edogs-color-orange) !important; font-weight:normal; } .grey a, a.grey:link, a.grey:active, a.grey:visited { color: var(--edogs-color-grey); font-weight:normal; } .dark-grey a, a.dark-grey:link, a.dark-grey:active, a.dark-grey:visited { color: #484848; font-weight:normal; } .black a, a.black:link, a.black:active, a.black:visited { color: #000; font-weight:normal; } a.white:link, a.white:active, a.white:visited { color: var(--edogs-color-white); font-weight:normal; } .chk_option_label .gold, .clr-gold { color:#e7bd41 !important; } .chk_option_label .silver, .clr-silver { color:#747778 !important; } .chk_option_label .bronze, .clr-bronze { color: #cd7f30 !important; } /*#endregion*/ /*#region Background Colors*/ .bg_grey { background-color:var(--edogs-color-brighter-grey) !important; } .bg_white { background-color:var(--edogs-color-white) !important; } .bg_dark { background-color:#484848 !important; } .bg_green { background-color:var(--edogs-color-green) !important; } .bg_orange { background-color:var(--edogs-color-orange) !important; color:var(--edogs-color-white) !important; } .bg_silver { background-color:#747778 !important;} .bg_bronze { background-color: #cd7f30;} .bg_lightgreen {background-color: #DEF0CE;} .bg_lightred {background-color: #FFBBBB !important;} .bg_red {background-color:var(--edogs-color-red);} .bg_trans {background-color:transparent !important;} /*#endregion*/ /*#region Slideshow*/ .swiper-slide { height: 200px !important; } .swiper-lazy, .lazy{ background-size:cover!important; background-repeat:no-repeat!important; background-position: 50% 50%!important; } .swiper-lazy-preloader { width: 54px !important; height: 55px !important; margin-left: -26px !important; } .swiper-lazy-preloader:after { font-family: ehorsesfont; content: "K"!important; font-size: 65px; color: var(--edogs-color-orange); animation: rotateZ 1.5s infinite linear; display:inline-block!important; background:none!important; height:auto!important; width:auto!important; } .lazy.loading + .swiper-lazy-preloader { left: calc(50% - 27px) !important; top: 30% !important; margin:0 !important; } .lazy.loaded + .swiper-lazy-preloader { display:none; } .swiper-slide .overlay { background-color: rgba(32,32,32,0.4); position: absolute; bottom: 0; color: var(--edogs-color-white); display: block; width: 100%; padding: 5px; text-align: center; font-size: 14px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; box-sizing: border-box; text-decoration: none; } .swiper-slide .overlay .textTeaser { transition: all .3s; overflow: hidden; font-size: 12px; margin:10px 0 0 0; } .swiper-slide .readMore { border: 1px solid var(--edogs-color-white); color: var(--edogs-color-white); padding: 10px; margin: 10px 0 0 0; display: inline-block; border-radius: 4px; } .swiper-slide:hover .overlay .textTeaser { height: 40px; padding: 10px 10px 0 10px; } div .navl, div .navr { position: absolute; top: 40%; padding: 5px; background-color: rgba(255,255,255,0.4); color: #4D4D4D; margin: auto auto; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; z-index: 1; } div .navl:hover, div .navr:hover { background-color: rgba(255,255,255,0.6); } div .navl { left:0; } div .navr { right:0; } .swiper-wrapper .gesuch .overlay { background: rgba(32,32,32,0.4); position: absolute; bottom: 0; width: 100%; left: 0; padding: 10px; color: var(--edogs-color-white); box-sizing: border-box; font-size: 16px; } .swiper-pagination-bullet-active { background: var(--edogs-color-orange) !important; } .swiper-container .swiper-pagination-bullet { margin: 0 5px; } .pnavl, .pnavr { font-size: 16px; position: relative; top: 1px; padding: 0 5px; } /*#endregion*/ /*#region Tooltip*/ .tooltipTemplate{ display:none; } .tooltip{ margin:0 0 0 10px; display: inline-block; position: relative; } .tooltip.active .content{ display:block; } .tooltip > .iconfont{ cursor: pointer; } .tooltip > .iconfont, .tooltip .content > .iconfont{ display:block; vertical-align:middle; color:var(--edogs-color-orange); font-size:13px; margin:0 5px 0 0; } .tooltip .iconfont span{ cursor:pointer; } .tooltip .icons{ box-sizing: border-box; width: 100%; padding:0!important; margin: 0 0 10px 0!important; text-align:left; } .tooltip .icons .close{ float:right; } .tooltip .content { display: none; background: var(--edogs-color-white); padding: 10px; position: absolute; top: -10px; left: -10px; z-index: 20; min-width: 250px; font-size: 13px; color: #000; } /*end region*/ /*#region Custom Scrollbar */ .customScrollbar { overflow: hidden; } .customScrollbar .mCSB_inside > .mCSB_container{ margin-right:15px; } /*end region*/ /*#region Responsive*/ h1.content { font-size: 13px; color: #000; font-weight: bold; } .bigLabel { margin-top: 18px; } table { margin: 0; padding: 0; font-family: var(--font-family), sans-serif; font-size: 13px; } #mainContainer { background-color: var(--edogs-color-white); z-index: 2; width: 988px; } .sort { display: inline-block; border: solid 1px var(--edogs-color-light-grey); padding: 6px; padding-left: 5px; padding-right: 5px; margin-left: -1px; text-decoration: none; background-color: var(--edogs-color-white); } .sort:hover { background-color:var(--edogs-color-brighter-grey); color:var(--edogs-color-green); } p.fail { margin-left:70px; margin-top:0; } .previewpics { border: dotted 1px var(--edogs-color-light-grey); display: inline-block; margin: 2px; padding: 3px; width: 71px; height: 52px; background-repeat: no-repeat; background-position: center; } .adisz { padding: 3px; width: 124px; position: relative; z-index: 9; float: left; line-height: 16px; height: 24px; } .sizeS input { margin: 2px; padding: 0; margin-left: 9px; } .typ { padding: 3px; margin-right: 47px; position: relative; z-index: 9; float: left; } .topAdWrap { width:100% !important; } #topAd{ z-index:0; margin:0 auto; } .closeX { position: absolute; right: 5px; top: 5px; font-size: 13px; cursor: pointer; } .hvr-scale:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .hvr-scale { transition: all .2s linear; } ul.iconfont-bullets { list-style:none; position:relative; } ul.iconfont-bullets li:before { position:absolute; left:10px; content:"j"; font-family:ehorsesfont; font-size:18px; } ul.orange-bullets li:before { color:var(--edogs-color-orange); } /* use with ul elements*/ ul.checklist, ul.checklistGreen { list-style-type: none; margin:20px 0; padding:0; } ul.checklist li, ul.checklistGreen li { padding-left:28px; } ul.checklist li:before, ul.checklistGreen li:before { content: "j"; font-family: ehorsesfont; font-size: 16px; vertical-align: middle; margin-left: -28px; padding: 0 10px 0 0; } ul.checklistGreen li:before{ color: var(--edogs-color-green); } #seo-text img { max-width:100%; } .responsivePhoneNumber{ text-decoration:none; } .responsivePhoneNumber:hover{ cursor:default; color:#000; } .row{ margin:0 0 25px 0; display:flex; } .row.moreCharacteristics { width: 306px; float: right; display: block; } .row:last-child{ margin:0; } .row .block, .row .blockMid ,.row .blockSmall{ flex:1; margin:0 20px 0 0; position:relative; } .row .block:last-child, .row .blockMid:last-child ,.row .blockSmall:last-child{ margin:0; } .row .blockMid{ flex:0.64; } .row .blockSmall{ flex:0.3; } .row .block .subHeadline{ margin:0 0 20px 0; } .row .inputName{ position:absolute; top:-15px; left:5px; color:#b2b2b2; font-size:11px; } .swiper-wrapper .swiper-slide > img { width: 100%; vertical-align: bottom; } .swiper-wrapper .swiper-slide .text{ text-align:center; padding: 10px 5px; min-height:55px; } .swiper-wrapper .swiper-slide .text .age{ font-size:12px; margin:5px 0 0 0; } /* searchform */ #searchForm{ padding:10px; } #searchForm .propertyHeadline{ margin: 10px 0; font-weight:bold; } #searchForm .results{ width: 280px; text-align: center; position: absolute; bottom: 10px; right: 10px; margin-bottom:0; } #searchForm .to{ margin:0 20px 0 0; line-height:35px; } #searchForm .properties{ width: 35%; display: inline-block; margin: 0 0 10px 0; } #searchForm .topMargin{ margin: 29px 0 10px 0; } #searchForm label{ position:relative; } #searchForm .age label, #searchForm .height label{ display: inline-block; width: 100%; margin: 0 0 10px 0; } #searchForm .age label:last-child, #searchForm .height label:last-child{ margin:0; } #searchForm .umkreis{ display:flex; } #searchForm .umkreis input:first-child{ border-right:0; } #searchForm select.disabled{ pointer-events:none; opacity:0.4; } /* datenschutz */ #datenschutz{ padding:10px; word-wrap:break-word; } .fab { font-size: 24px; width: 56px; height: 56px; border-radius: 50%; background: var(--edogs-color-green); color: white; border: none; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15); position: fixed; bottom: 20px; right: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.3s ease; z-index: 21; } .fab:hover { transform: scale(1.1); } #fake-superchat { display: none; } .close-superchat { z-index: 9999; position: fixed; right: 0; bottom: 0; padding-bottom: 70px; padding-right: 20px; display: none; } #jumpUp { display: none; position: fixed; right: 10px; bottom: 10px; padding: 10px; background-color: rgba(128,128,128,.8); color: var(--edogs-color-white); border: 1px solid var(--edogs-color-white); border-radius: 5px; z-index: 9999; } .mfp-bg, .mfp-wrap { z-index: 5000001; } .selectedPacket { position: absolute; top: 0; right: 0; z-index: 2; padding: 5px; } #tooltip { position: absolute; border: 1px solid var(--edogs-color-light-grey); display: inline-block; white-space: nowrap; background: var(--edogs-color-white); box-shadow: -2px 5px 5px -3px #e1e1e1; z-index: 1; } #tooltip .title { background: var(--edogs-color-white); z-index: 4; position: relative; padding: 5px; } #tooltip .arrow-right, #tooltip .arrow-left { width: 15px; height: 15px; transform: rotate(45deg); position: absolute; top: 5px; background: var(--edogs-color-white); right: -7px; z-index: 3; border: 1px solid var(--edogs-color-light-grey); } #tooltip .arrow-left{ right:auto; left:-7px; } .desktop-only, .tablet-only, .mobile-only { display: none !important; } img.fit, img.contain, img.orig { width: 100%; height: 100%; vertical-align: top; } img.fit { object-fit: cover; } img.contain { object-fit: contain; } img.orig { object-fit:none; } .ratio75{ height: 0; position: relative; } .ratio75 img { position: absolute; top: 0; left: 0; } .ratio75 { padding-top:75%; } /* desktop */ @media(min-width: 988px) { .desktop-only { display: block !important; } #main-container{ width:988px; } .contentBlock{ width:988px; } .breadcrumb { margin: 0 0 20px 0; } /* different main container distances for different header types */ #main-container.Minimal, #main-container.DefaultNoSearch{ margin:80px auto 0 auto; } #master_wrapper.Minimal, #main-container.Minimal { margin: 0px auto; } #main-container.Default{ margin:20px auto 0 auto; } #topAd{ width:988px; } #jumpUp{ display:none !important; } /* detail pages action bar */ #mobileActionBar{ display:none; } /* error pages*/ #errorTxt div{ padding:25px; } /* social media */ .wa{ display:none; } /* diashow */ .diaBody .cont{ float:left; margin:0 auto; width:802px; } .row .inputName{ left:0; } #master_wrapper{ background-color:var(--edogs-color-brighter-grey) !important; padding:0; margin:80px auto 0 auto; } input[type=text], input[type=password], input[type=number], select, textarea { border:1px solid var(--edogs-color-light-grey); border-radius:3px !important; background-color:var(--edogs-color-white); } .newsletterPopup, .detailsPopup{ width: 620px; } /* searchform */ #searchForm{ padding:20px; } #searchForm .results { bottom:20px; right:20px; } #searchForm .properties{ width:35%; } .inseratBlock .swiper-wrapper .swiper-slide{ width:100%; } /* datenschutz */ #datenschutz{ padding:20px; } #datenschutz ol, #datenschutz ul{ margin-bottom: 20px; } #datenschutz li { margin: 10px 0; } #datenschutz ol ~ ol{ counter-reset: item } #datenschutz ol ~ ol > li:before { content: counters(item, ".") " "; counter-increment: item; } .cutTopRight { clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%); } .cutBottomRight { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); } .cutBottomLeft { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%); } .cutTopLeft { clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%); } .cutTopLeftBottomRight { clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%); } .swiper-slide .overlay .textTeaser { height: 0; margin: 0; } } /* tabvar */ @media(min-width: 768px) and (max-width: 987px) { .tablet-only { display: block !important; } .box { border-radius:0; } .breadcrumb{ display:none; } #sb-submit{ font-size:12px; } /* detail pages action bar */ #mobileActionBar { background: var(--edogs-color-green); position: fixed; bottom: 0; z-index: 5; width: 100%; display: flex; flex-wrap: wrap; line-height: 40px; height: 40px; } #mobileActionBar a{ flex:1; color:var(--edogs-color-white); } /* error pages */ #errorTxt{ position:relative; } #errorTxt div{ top: 35%!important; font-size: 26px!important; left: 10px; } #errorTxt img{ width:100%; margin:0; } #master_wrapper{ width:100% !important; background-color:var(--edogs-color-brighter-grey) !important; } /* searchform */ #searchForm .properties{ width:45%; } #searchForm .results{ width:initial; padding:10px; display: grid; bottom: 30px; } .pages_home .swiper-wrapper .swiper-slide{ width:26%; } /*paging*/ .paging{ margin-right: 10px !important; } } /* mobile */ @media(max-width:767px) { .mobile-only { display: block !important; } /* h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; }*/ .box { border-radius: 0; } .box .btnGreen, .box .btnGreenInv, .box .btnOrange, .box .btnOrangeInv, .box .btnGrey, .box .btnGreyInv, .box .btnWhite, .box .btnWhiteInv, .box .btnGold, .box .btnGoldInv { border-radius: 5px; } .breadcrumb { display: none; } /* detail pages action bar */ #mobileActionBar { background: var(--edogs-color-green); position: fixed; bottom: 0; z-index: 5; width: 100%; display: flex; flex-wrap: wrap; line-height: 40px; height: 40px; } #mobileActionBar a { flex: 1; color: var(--edogs-color-white); } /* error pages */ #errorTxt { position: relative; } #errorTxt div { top: 30% !important; font-size: 5vw !important; left: 10px; } #errorTxt img { width: 100%; margin: 0; } #master_wrapper { width: 100% !important; background-color: var(--edogs-color-brighter-grey) !important; overflow: hidden; } /* paging */ .paging { float: none !important; text-align: center; display: flex; justify-content: center; } .tooltip > .iconfont, .tooltip .content > .iconfont { font-size: 18px; position: relative; top: -1px; } .row{ margin:0 0 20px 0; display:block; } .row .block, .row .blockSmall, .row .blockMid{ flex:none; margin:20px 0; } .picbox_wrapper { display: inline-block; width:100%; } .picbox_wrapper .block{ margin-right:0; display: inline-block; width: 100%; } .picbox_wrapper .block:last-child { margin-right:auto; } .newsletterPopup .btnGreen{ width:100%; } /* searchform */ #searchForm .properties{ width:90%!important; min-width:220px; } #searchForm .price .row{ display:flex; } #searchForm .price .row .block{ flex:1; margin:0; } #searchForm .to { margin: 0 20px; } #searchForm .topMargin{ margin:10px 0; } #searchForm .results{ width:auto; position:initial; } /*.swiper-wrapper .swiper-slide{ width:65%; }*/ .btnsize { display: block; margin: 20px 50px 0; } input[type=text], input[type=password], input[type=number], select, textarea { border-radius: 0 !important; } } /*#endregion*/ @media(max-width:450px) { .verify-hint { max-width: 200px; padding: 20px !important; } .verify-hint .bg_grey { background-color: #fff !important; line-height: 14px; padding: 0; } .verify-hint .bg_grey .btnPetrol { width: 100%; float: none !important; font-size: 14px; } } header.min a.topLogo { background: url(/grafiken/edogs.svg) no-repeat left center; display: block; width: 150px; height: 80px; margin: 0 20px; } .ft_suggest { font-size: 1.2em; position: absolute; top:40px; background-color:var(--edogs-color-white); border:1px solid var(--edogs-color-light-grey); border-top:0; z-index:2; } .ft_suggest ul { list-style:none; padding:0; line-height:18px; margin:0; } .ft_suggest ul li { padding:3px 10px; } .ft_suggest ul li.selected, .ft_suggest ul li:hover { background-color:var(--edogs-color-brighter-grey); } .badge { display:none; background-color: var(--edogs-color-orange); color: var(--edogs-color-white); border-radius: 10px; height: 20px; line-height: 20px; text-align: center; font-size:12px; padding:0 5px; } .badge.grey{ background-color:var(--edogs-color-light-grey); } .menuItem .badge { position: absolute; left: 1px; bottom: 30px; z-index: 1; } #top1 a.menuItem h1, #top1_trans a.menuItem h1 { font-weight:normal; display:inline-block; } #top1 .sublogin, #top1_trans .sublogin { display:none; } #navi { padding: 5px 10px; position: absolute; right: 0; top: 0; } #navi .text{ color:var(--edogs-color-white); font-size:10px; text-align:center; text-transform: uppercase; } /* Navi Icon */ #navi input[type=checkbox]{ position:absolute; top:0; left:0; width: 100%; height: 100%; opacity:0; margin:0; z-index:1; } #navi span{ background:var(--edogs-color-white); width:100%; height:3px; margin:4px 0; border-radius:5px; display:block; transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.4s ease; } #navi span:first-child{ transform-origin: 0% 0%; } /* Transform all the slices of hamburger into a crossmark. */ #navi input:checked ~ span:nth-last-child(1){ transform: rotate(45deg) translate(-5px, -5px); } /* hide the middle one. */ #navi input:checked ~ span:nth-last-child(2){ opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } /* last one should go the other direction */ #navi input:checked ~ span:nth-last-child(3){ transform: rotate(-45deg) translate(-5px, 5px); } #top1 #miNachrichten .badge{ display:inline-block; } #top1 .category { display: none; } /* desktop */ @media (min-width: 988px) { #top1 { z-index: 5000000!important; } #top1 #mobileMenu{ display:none; } #top1 .mip .subMenu .arrow { overflow: hidden; width: 100%; height: 9px; margin: 0 auto; position: absolute; top: -10px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #top1 .mip .subMenu .arrow:before, #top1 .mip .subMenu .arrow:after { content: ''; position: absolute; bottom: 0; width: 50%; background-color: inherit; padding-bottom: 6%; background: var(--edogs-color-white); } #top1 .mip .subMenu .arrow:before { right: 50%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); transform: skewX(45deg); border-top-left-radius: 5px; } #top1 .mip .subMenu .arrow:after { left: 50%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); border-top-right-radius:5px; } #top1 .mip.deactivated{ display:none; } #treeWrap .ft_suggest { top: 82px; width: 90%; } #treeWrap .ft_suggest ul li { padding:3px 5px; } .tablet, .mobile{ display:none!important; } .desktop{ display:block!important; } #headerbar{ margin:0 auto !important; width: 100%; } #top2 { width: 100%; min-width:100%; position: relative; z-index: 8; background-color: var(--edogs-color-white); margin: 45px 0 0 0; } #top2 { width:988px; line-height:80px; margin: auto; font-size: 1.2em; padding:20px 0; } #top2 a.topLogo { background: url(/grafiken/edogs.svg) no-repeat left center; display: block; width: 150px; height: 80px; } #top1, #top1_trans { width: 100%; min-width: 100%; z-index: 99; background-color: var(--edogs-color-green); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12); position: fixed; /* fixed !important; */ top:0; margin: auto; } #top1 { transition:all ease-out 0.4s; } #top1_trans { box-shadow:none; background: transparent; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); /*Fx 3.6-15*/ background: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); /*Standard*/ } #top1 a.topLogoWhite, #top1_trans a.topLogoWhite { background: url(/grafiken/edogs_white.svg) no-repeat left center; background-size:contain; display: block; width: 120px; height: 60px; float:left; margin-right:20px; } #top1_trans a.topLogoWhite { width: 160px; height: 90px; } #top1 .sublogin, #top1_trans .sublogin { display: block; position: absolute; left: 50px; bottom: 10px; font-size: 10px; text-transform: lowercase; width: 80%; text-align: left; } #top1 .sublogin { left:40px; } #top1 .sublogin .truncate, #top1_trans .sublogin .truncate{ white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #top1 .myedogs, #top1_trans .myedogs{ display:none; } #top1, #top1_trans { margin: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-width: 100%; padding: 0 20px 0 20px; background: radial-gradient(circle at 25% 0%, rgba(172, 218, 197, 1) 0%, rgba(115, 185, 155, 1) 25%); transition: 0.5s; background-size: 150% auto; } #top1_trans {height:80px; line-height:72px;} #top1 >ul, #top1_trans >ul { list-style-type:none !important; padding:0; margin:0; float:right; } #top1_trans >ul { height:80px; line-height:46px; } #top1 .subMenu > ul, #top1_trans .subMenu > ul { list-style-type:none !important; font-size:1em; } #top1 .mip, #top1_trans .mip{ display: block; margin: 0; text-align:center; float:left; position:relative; } #top1_trans .mip { margin:15px 0; } #top1 .mip a, #top1_trans .mip a{ padding:20px; display:inline-block; color: var(--edogs-color-white)!important; text-decoration:none; font-size:18px; } #top1 .mip .iconfont, #top1_trans .mip .iconfont { color: var(--edogs-color-white); font-size: 12px; position: absolute; left: 10px; top: 15px; } #top1 .mip .navArrow, #top1_trans .mip .navArrow{ display:none; } #top1 .mip:hover .subMenu, #top1_trans .mip:hover .subMenu{ display:block !important; } #top1 #misc, #top1_trans #misc{ display:none; } /* submenu items */ #top1 .mip .subMenu, #top1_trans .mip .subMenu { z-index: 999998; /* wegen Werbung */ display: none; position: absolute; top: 61px; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 10px -2px var(--edogs-color-light-grey); border-radius:5px; min-width:150px; } #top1 .mip .subMenu ul, #top1_trans .mip .subMenu ul { display:inline-block; vertical-align:top; list-style-type:none; padding:0; line-height:36px; margin:-1px 0 0 0; width:100%; } #top1 .mip .subMenu .mic, #top1_trans .mip .subMenu .mic { text-align:left; text-transform:none; } #top1 .mip .subMenu .mic a, #top1_trans .mip .subMenu .mic a { color:var(--edogs-color-dark-grey)!important; white-space: nowrap; background-color:var(--edogs-color-white); padding: 0 10px; display:block; font-size:14px; } #top1 .mip .subMenu .mic a:hover, #top1_trans .mip .subMenu .mic a:hover { background-color: var(--edogs-color-brighter-grey); } #top1 .mip .subMenu .mic.orange a, #top1_trans .mip .subMenu .mic.orange a { color: var(--edogs-color-orange) !important; } #top1 .mip .subMenu li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #mi4 { margin: 0 20px 0 10px !important; padding: 15px 0; } #mi4 > a { box-shadow: 0 0 0 1px var(--edogs-color-white); border-radius: 5px; padding: 5px!important; } #mi4 .subMenu{ margin:0 0 0 -1px; } #mi6 { float: right !important; } #mi6 > a { padding: 15px 20px 20px 40px!important; position: relative; } #mi10{ display:none!important; } #top1_trans #mi6 .iconfont { margin-top:5px; } #sm6{ left:0; right:unset !important; line-height:34px; } .iconBefore, .iconAfter{ display: inline-block !important; text-transform:none; line-height:35px; } .mipHeight{ height:35px; line-height:25px; } #mHeader{ display:none; } .badge { display:inline-block; } .flyoutnav--close { display: none !important; } } @media(max-width: 1450px) and (min-width: 988px) { #menu .mip > a { font-size: 16px; padding: 20px 10px; } } @media(max-width: 1266px) and (min-width: 988px) { #menu .mip > a { font-size: 14px; } #menu #mi4 { margin: 0; } #menu { padding-right: 0 !important; } #mi6 a .sublogin, #mi6 > a { font-size: 0 !important; } #mi6 .iconBefore { margin: 0 !important; } #mi6 > a { padding: 20px 25px 20px 20px !important; } #mi6 .subMenu { left: unset !important; } } /* mobile & tablet */ @media(max-width: 987px){ .desktop, .tablet{ display:none!important; } .mobile{ display:block!important; } /* header */ #headerbar { background-color: var(--edogs-color-green) !important; margin-bottom: 0 !important; pointer-events: visible !important; width: 100%; position: fixed !important; height: 50px; z-index: 4999; top: 0; transition: all 0.4s; } #headerbar.min .dHeader{ display:none; } #headerbar.min { padding:0; } #headerbar ul{ margin:0 0 10px 0; padding:0; /*height:50px;*/ } #headerbar ul li{ list-style-type:none; } #headerbar ul li a{ text-decoration:none; } .flexitem .iconfont{ line-height:48px; width:44px !important; display:block !important; } .flexitem a{ color:var(--edogs-color-white) !important; } #mHeader .mLogo{ left: 28%; position: absolute; width: 45%; height: 50px; text-align:center; } #mHeader .mLogo img{ width: 150px; height: 35px; margin: 5px 0 0 0; } #mHeader .mHeadline{ left: 20%; position: absolute; width: 58%; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: var(--edogs-color-white); } #top2 { display:none !important; } #top1, #top1_trans { } #top1 .myedogs { padding: 10px 10px 10px 10px; color: var(--edogs-color-green) !important; font-size: 13px; } #top1 .myedogs .logo { text-align: center; margin: 0 0 20px 0; } #top1 .myedogs .logo .img { width: 80px; height: 80px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative; z-index:1; margin:0 auto; } #top1 .myedogs .logo .iconfont { font-size: 65px; background: #357D7A; padding: 10px; color: var(--edogs-color-white); border-radius: 100%; } #top1 .myedogs .logo .usertype { margin: -10px 0 0 0; position:relative; z-index:2; } #top1 .myedogs .logo .usertype .cont { background: var(--edogs-color-white); color: #357D7A; padding: 5px; border-radius: 5px; border-top: 1px solid #357D7A; } #top1 .myedogs .name { font-weight: bold; margin: 10px 0; } #top1 .myedogs .myedogsBtn > a{ position:relative; } #top1 ul, #top1_trans ul { margin: 0; padding: 0; background: var(--edogs-color-white); } #top1 #menu{ display:none; } #top1 li, #top1_trans .mip{ position:relative; list-style: none; } #top1 .category { font-weight: bold; padding: 10px 10px 10px 18px !important; position: relative; display: block; font-size: 20px !important; color: #7C7C7C; } #top1 .category .meinedogs { color: var(--edogs-color-green) !important; } #top1 .mip .subMenu, #top1_trans .mip .subMenu{ display:none; list-style-type: none; padding: 0; } #top1 .mip .subMenu ul, #top1_trans .mip .subMenu ul{ list-style-type: none; padding: 0 0 0 18px; } #top1 .mip .active3, #top1_trans .mip .active3{ display:block; } #top1 .mip a, .subMenu .micParent, #top1_trans .mip a { text-decoration: none; padding: 10px 0px; font-size: 16px; display: block; color: #7C7C7C } #top1 #misc, #top1_trans #misc { font-size: 16px; width: 100%; padding: 10px 10px 60px 10px; box-sizing: border-box; } #top1 #misc > a { margin: 0 0 20px 0; display: inline-block; width: 100%; text-decoration: none; } #top1 #misc > a:last-child{ margin:0; } #top1 #misc .btnOrange, #top1_trans #misc .btnOrange { width: 100%; padding: 0; } #top1 #misc .btnGreen, #top1_trans #misc .btnGreen { width: 100%; padding: 0; } #top1 #misc .tlds{ margin:10px 0 0 0; } #top1 #misc .tlds h2{ font-weight:bold; margin:20px 0 0 0; } #top1 #misc .tlds .tld{ width:100%; display:inline-block; margin:10px 0 0 0; } #top1 #misc .tlds .menueLang{ height:auto; } #top1 #misc .tlds .menueLangSub{ position:relative; display:block; margin:0; border:none; background:none; padding:0; top:0; width:100%; } #top1 #misc .tlds .menueLangSub .tldNames{ margin:10px 0 0 0; } #top1 #misc .tlds a{ margin:10px 0; display:inline-block; width:100%; } #top1 #misc .tlds .flag{ float:left; margin:0 10px 0 0; } #top1 #misc .tlds .mobileInactive{ display:none; } .subMenu .micParent{ padding:0; margin:20px 0 0 0; } #top1 .mip .iconfont, #top1_trans .mip .iconfont { color: #C7C7CC !important; display: none; } #top1 ul .mip .navArrow, #top1_trans ul .mip .navArrow { display:block; } #top1 .mip .menuItem, #top1_trans .mip .menuItem { display: table; width: 100%; position: relative; box-sizing: border-box; padding: 10px 10px 10px 18px !important; } #top1 .myedogs .badge.active { display: block; position: absolute; right: -5px; top: -5px; z-index: 1; } .iconBefore, .iconAfter { float: left; line-height: 35px; display: none !important; } .moveCont { -moz-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; cursor:pointer; pointer-events:none; transition:all 0.4s; } .moveHeader { -moz-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; transition:all 0.4s; } .moveNav { -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; display:block !important; position:fixed; overflow:scroll; transition:all 0.4s; } .moveFilter{ -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; display:block !important; position:fixed; } .scrollBlocked{ overflow: hidden!important; } .hiddenSelect{ position: absolute; display: block; top: 0; width: 44px; height: 100%; opacity: .0001; } .navArrow { position: absolute; right: 0; top: 0; width: 30px; font-size: 32px !important; padding: 4px 18px !important; } #mi4 .navArrow { display: none !important; } #searchBar .ft_suggest { top: 101%; } .menuLogin { text-decoration: underline !important; display: table; width: 100%; position: relative; box-sizing: border-box; text-align: center; } .is-flyoutnav-ready .flyoutnav { right: -70vw !important; } .is-flyoutnav-opened .flyoutnav { right: 0 !important; } .flyoutnav { min-width: 70vw; width: 70vw; position: fixed; background-color: white; z-index: 999999; top: 0; height: 100vh; padding-top: 20px; box-sizing: border-box; max-width: 385px; overflow-y: auto; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .flyoutnav .flyoutnav--close { display: block !important; cursor: pointer; display: inline-block; height: 24px; width: 24px; right: 0; color: #C7C7CC !important; margin: 0 20px 20px 0; position: absolute; } .flyoutnav-veil { background-color: #000; position: fixed; z-index: 999998; top: 0; height: 100vh; max-width: 640px; } .is-flyoutnav-veil-ready { -webkit-transition: opacity 200ms ease,width 0s ease 200ms; -moz-transition: opacity 200ms ease,width 0s ease 200ms; -o-transition: opacity 200ms ease,width 0s ease 200ms; transition: opacity 200ms ease,width 0s ease 200ms; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0.0; width: 0; } .is-flyoutnav-veil-opened { -webkit-transition: opacity 200ms ease,visibility 200ms ease; -moz-transition: opacity 200ms ease,visibility 200ms ease; -o-transition: opacity 200ms ease,visibility 200ms ease; transition: opacity 200ms ease,visibility 200ms ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; width: 100%; } .mt48 { margin-top: 48px !important; } #misc a:link, #misc a:active, #misc a:visited { color: #7C7C7C; } } @media(max-width: 767px) { header.min div.sizeXL { display:none; } } footer { width: 100%; transition: all 0.5s; position:absolute; z-index: 2; } #footer { padding: 10px; background: url('/grafiken/footer_background.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } #footer_bl { background-color: var(--edogs-color-dark-grey); text-align: center; padding: 10px; } #footer, #footer_bl, #footer a, #footer_bl a { color: var(--edogs-color-white); } #footer .cont { text-align: center; } #footer .cont a { width: 100%; display: inline-block; text-decoration: none; } #footer #powerredby{ text-align:center; margin:40px 0 0 0; } #footer #powerredby .logos, #footer #ft_soc { display: flex; justify-content: center; } #ft_soc{ margin:40px 0 0 0; } #footer .datenschutz { font-size: .8em; margin: 10px 0 0 0; } #footer .datenschutz a { width: auto !important; text-decoration: underline!important; } #footer_bl .cont { font-size:11px; text-align:center; } #footer #eMail{ background:var(--edogs-color-white); } #footer #allabout .headline, #footer #quickNavi .headline { font-size: 20px; margin: 10px 0 20px 0; } @media(min-width: 988px) { #footer{ padding:20px; } #footer .cont { display: flex; margin: auto; width: 988px; text-align: center; box-sizing: border-box; } #footer .cont > div { width: 33%; flex:1; } #footer #nlIframe { margin: 40px auto 0 auto; width: 688px; text-align: center; } #footer #allabout .headline, #footer #quickNavi .headline { margin: 0 0 20px 0; } #footer #nlIframe .content{ display:flex; } #footer #nlIframe .content #eMail{ flex:1; margin:0 20px 0 0; } #footer_bl { padding: 20px; } } @media(max-width: 987px) { #quickNavi{ margin:40px 0 0 0; } #nlIframe { margin: 40px 0 0 0; text-align: center; } #nlIframe #ehNewsletterRegSubmit{ margin:10px 0 0 0; } #nlIframe #eMail, #nlIframe #ehNewsletterRegSubmit { width: 100%; } #nlIframe .content { width: 100%; max-width: 320px; margin:0 auto; } } /* Register Greenesign z.B. Detailseite: Details | Anbieter | Weitere, oder Startseite */ .regWrap {margin-left:-1px; font-size:12px;} .regWrap::after { content:""; display:table; clear:both; } .regWrap div, .regWrap a { margin:0 -5px 0 0; background-color:var(--edogs-color-brighter-grey); border:1px solid var(--edogs-color-light-grey); display:inline-block; position:relative; padding:10px 12px; cursor:pointer; text-decoration:none; } .regWrap.mb20 div, .regWrap.mb20 a { border-bottom:1px solid var(--edogs-color-light-grey); } .regWrap .active{ font-weight:bold; } .regWrap .active, .regWrap div:hover, .regWrap a:hover { margin-bottom:0; background-color:var(--edogs-color-white); border:1px solid var(--edogs-color-light-grey); } .regWrap .active:after, .regWrap .active:before, .regWrap div:hover:after, .regWrap div:hover:before, .regWrap a:hover:after, .regWrap a:hover:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index:9999; } /** * ehorses-mvc-validation.css * * Stylesheets für die Validierung in ASP.NET MVC Views. * * Autor: Sebastian Klinge * * Änderungshistorie: * 02.10.2013 | SK | #EH.Feature-14 | Styles für die Default ViewModel-Validierungen aufgenommen. * 28.10.2013 | SK | #EH.Feature-27 | CSS-Klasse "input-validation-error" aufgenommen, verwendet von der MVC Built-in Validierung. */ /** * Fehlermarkierung für Formularfelder. * Diese CSS-Klasse wird von der MVC Validierung automatisch gesetzt. */ body input[type="text"].input-validation-error, body input[type="password"].input-validation-error, body input[type="number"].input-validation-error, body select.input-validation-error, body textarea.input-validation-error, body div.input-validation-error, body label.input-validation-error, body a.input-validation-error, body label.input-validation-error { border-color: var(--edogs-color-red); } /** * Fehlermeldung wenn die Validierung eines Feldes fehlgeschlagen ist. */ .field-validation-error { color: var(--edogs-color-red); font-size: 10px; font-weight: normal; display: inline-block; margin: 0; border-radius: 5px; cursor: default; } .field-validation-error-hover { cursor: default; text-overflow: inherit; white-space: normal; position: absolute; font-size: 12px; background: var(--edogs-color-white); z-index: 1; padding: 10px; color: var(--edogs-color-red); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: 1px solid var(--edogs-color-red); border-radius: 5px; } .input-validation-error-subscriptionmodel{ color: var(--edogs-color-red); } .input-validation-error-subscriptionmodel span{ color: var(--edogs-color-red); } .input-validation-error-subscriptionmodel .subscription-border { border: 2px solid var(--edogs-color-red); position:relative; } .field-validation-error .iconfont { color: var(--edogs-color-red); font-size: 13px; vertical-align: text-top; } .field-validation-error-hover .iconfont{ display:none; } @media(min-width: 988px) { body input[type="text"].input-validation-error, body input[type="password"].input-validation-error, body input[type="number"].input-validation-error, body select.input-validation-error, body textarea.input-validation-error, body div.input-validation-error, body label.input-validation-error, body a.input-validation-error, body label.input-validation-error { box-shadow: 0 0 2px var(--edogs-color-red); background-color:#FFDDDD; } body label.input-validation-error{ padding:5px; box-sizing:border-box; } span.field-validation-error{ margin:5px 0 10px 0; } .field-validation-error { position: absolute; top: -13px; left:0; } } @media(min-width: 768px) and (max-width: 987px) { #powerTip{ display:none!important; } .field-validation-error { position: absolute; top: -13px; } } @media(max-width:767px) { #powerTip{ display:none!important; } } div .statusOverlay { position:fixed; margin:0; padding:20px; width:100%; display:block; font-size:1.2em; z-index:9999999; box-sizing:border-box; } /* position */ div .statusOverlay.top { top:0; } div .statusOverlay.center { top:50%; } div .statusOverlay.bottom { bottom:0; } /* type / color */ div .statusOverlay.success { background-color:var(--edogs-color-green); color:var(--edogs-color-white); } div .statusOverlay.notify { background-color:var(--edogs-color-orange); color:var(--edogs-color-white); } div .statusOverlay.alert { background-color:#DD0000; color:var(--edogs-color-white); } div .statusOverlay .headline { font-size:1.4em; margin:0 0 20px 0; } div .statusOverlay .close { position:absolute; top:10px; right:15px; font-size:1.6em; cursor:pointer; } div .statusOverlay .timer { position:absolute; top:0; left:0; height:5px; width:0; background-color:rgba(255,255,255,0.3); } .modalBox{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(51,51,51, 0.8); overflow:auto; z-index:9999999; display:none; } .modalBox .cont{ background-color:var(--edogs-color-white); width:80%; margin:20% auto 0 auto; } .modalBox .cont .header{ min-height:33px; position:relative; } .modalBox .cont .header .iconfont{ font-size:13px; padding:10px; position:absolute; top:0; right:0; cursor:pointer; } .modalBox .cont .body{ padding:0 20px; text-align:center; } .modalBox .cont .footer{ padding:20px; text-align:center; } .modalBox.open{ display:block; } @media(min-width: 988px) { .modalBox .cont{ width:50%; } } @media(min-width: 768px) and (max-width: 987px) { } @media(max-width:767px) { } @media(max-width:425px){ .modalBox .footer > div{ width:100%; margin:0 0 10px 0; } .modalBox .footer > div:last-child{ margin:0; } } #edogs\.de_lb_1, #edogs\.de_lb_2, #edogs\.de_lb_3, #edogs\.de_lb_4 { display: block; margin: 10px auto; width: 751px; min-width: 751px; max-width: 751px; min-height: 165px; } #edogs\.de_mr_1, #edogs\.de_mr_2, #edogs\.de_mr_3 { display: block; margin: 10px auto; width: 300px; min-width: 300px; max-width: 300px; max-height: 250px; } .edogs_sky { display: block; width: 300px; min-width: 300px; max-width: 300px; max-height: 600px; position: fixed; top: 100px !important; z-index: 3; } #edogs\.de_sky_1 { left: calc(50% + 514px) !important; } #edogs\.de_sky_2 { max-height: 600px; margin-right: 10%; position: sticky; top: 100px; z-index: 2; } #edogs\.de_sky_3 { left: 0; right: calc(50% - 514px) !important; } #edogs\.de_startseitenteaser { display: block; margin: 10px auto; width: 988px; min-width: 988px; max-width: 988px; max-height: 250px; } #edogs\.de_bb_1, #edogs\.de_bb_2 { display: block; margin: 20px auto; width: 970px; min-width: 970px; max-width: 970px; height: 300px; min-height: 300px; max-height: 300px; } #edogs\.de_gallery { display: none; margin: 10px auto; width: 850px; min-width: 850px; max-width: 850px; height: 629px; max-height: 629px; } #edogs\.de_messenger { display: block; margin: 10px auto; width: 357px; min-width: 357px; max-width: 357px; max-height: 90px; } #edogs_actionbar_wrapper { position: sticky; bottom: 0; z-index: 20; min-height: 90px; margin-bottom: 1em; } /* Bildschirm zu klein für skyscraper */ @media(max-width: 1408px) { #edogs\.de_sky_1, #edogs\.de_sky_3 { display: none; } } /* mobil */ @media(max-width: 728px) { #edogs\.de_lb_1, #edogs\.de_lb_2, #edogs\.de_lb_3, #edogs\.de_messenger, #edogs\.de_gallery { width: 300px; min-width: 300px; max-width: 300px; max-height: 250px; } #edogs\.de_bb_1, #edogs\.de_lb_4 { width: 320px; min-width: 320px; max-width: 320px; height: 50px; min-height: 50px; max-height: 50px; } #edogs\.de_startseitenteaser { width: 320px; min-width: 320px; max-width: 320px; max-height: 120px; } #edogs\.de_mr_1, #edogs\.de_mr_2 { height: 480px; } #edogs\.de_sky_1, #edogs\.de_sky_3 { display: none; } #edogs\.de_bb_1_wrapper { display: flex; justify-content: center; flex-direction: column; } } /** * Swiper 6.1.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 3, 2020 */ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical > .swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0) } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .navr.swiper-button-disabled, .navl.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: var(--edogs-color-white) } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: var(--edogs-color-white) } .swiper-pagination-black { --swiper-pagination-color: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; /*animation: swiper-preloader-spin 1s infinite linear;*/ box-sizing: border-box; /*border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));*/ border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: var(--edogs-color-white) } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }