/* Minification failed. Returning unminified contents. (258,23): run-time error CSS1036: Expected expression, found ';' (1433,19): run-time error CSS1036: Expected expression, found ';' (1434,21): run-time error CSS1036: Expected expression, found ';' (1499,19): run-time error CSS1036: Expected expression, found ';' (1500,21): run-time error CSS1036: Expected expression, found ';' (4813,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4814,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4815,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4816,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4817,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4818,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4819,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4820,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4821,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4822,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4823,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4824,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4825,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4826,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4827,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4828,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4829,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4830,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4831,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4832,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4833,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4834,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4835,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4836,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4837,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4838,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4839,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4840,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4841,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4842,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4843,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4844,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4845,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4846,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4847,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4848,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4849,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4850,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4851,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4852,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4853,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4854,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4855,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4856,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4857,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4858,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4859,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4860,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4861,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4862,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4863,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4864,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4865,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4866,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4867,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4868,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4869,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4870,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4871,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4872,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4873,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4874,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4875,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4876,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4877,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4878,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4879,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4880,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4881,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4882,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4883,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4884,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4885,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4886,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4887,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4888,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4889,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4890,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4891,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4892,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4893,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4894,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4895,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4896,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4897,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4898,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4899,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4900,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4901,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4902,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4903,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4904,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4905,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4906,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4907,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4908,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4909,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4910,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4911,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4912,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4913,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4914,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4915,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4916,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4917,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4918,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4919,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4920,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4921,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4922,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4923,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4924,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4925,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4926,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4927,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4928,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4929,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4930,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4931,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4932,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4933,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4934,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4935,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4936,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4937,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4938,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4939,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4940,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4941,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4942,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4943,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4945,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4946,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4947,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4948,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4949,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4950,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4951,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4952,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4953,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4954,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4955,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4956,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4957,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4958,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4959,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4960,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4961,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4962,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4963,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4964,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4965,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4966,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4967,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4968,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4969,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4970,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4971,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4972,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4973,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4974,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4975,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4976,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4977,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4978,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4979,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4980,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4981,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4982,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4983,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4984,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4985,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4986,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4987,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4988,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4989,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4990,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4991,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4992,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4993,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4994,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4995,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4996,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4997,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4998,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4999,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5000,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5001,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5002,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5003,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5004,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5005,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5006,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5007,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5008,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5009,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5010,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5011,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5012,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5013,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5014,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5015,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5016,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5017,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5018,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5019,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5020,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5021,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5022,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5023,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5024,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5025,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5026,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5027,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5028,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5029,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5030,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5031,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5032,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5033,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5034,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5035,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5036,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5037,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5038,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5039,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5040,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5041,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5042,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5043,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5044,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5045,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5046,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5047,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5048,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5049,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5050,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5051,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5052,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5053,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5054,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5055,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5056,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5057,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5058,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5059,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5060,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5061,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5062,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5063,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5064,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5065,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5066,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5067,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5068,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5069,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5070,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5071,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5072,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5073,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5074,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5075,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5076,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5077,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5078,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5079,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5080,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5081,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5082,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5083,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5084,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5085,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5086,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5087,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5088,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5089,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5090,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5091,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5092,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5093,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5094,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5095,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5096,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5097,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5098,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5099,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5100,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5101,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5102,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5103,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5104,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5105,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5106,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5107,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5108,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5109,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5110,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5111,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5112,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5113,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5114,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5115,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5116,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5117,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5118,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5119,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5120,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5121,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5122,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5123,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5124,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5125,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5126,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5127,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5128,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5129,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5130,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5131,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5132,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5133,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5134,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5135,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5136,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5137,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5138,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5139,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5140,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5141,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5142,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5143,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5144,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5145,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5146,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5147,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5148,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5149,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5150,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5151,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5152,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7245,1): run-time error CSS1019: Unexpected token, found '}' (8447,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8461,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8710,68): run-time error CSS1038: Expected hex color, found '#0000' (8710,78): run-time error CSS1038: Expected hex color, found '#0000' (8720,68): run-time error CSS1038: Expected hex color, found '#0000' (8720,78): run-time error CSS1038: Expected hex color, found '#0000' */ body, html { height: 100%; } body, table, input, select, textarea { font-family: Arial,Helvetica,sans-serif; font-size: 1em; line-height: 1.375em; } body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } table { border: 0px; border-collapse: collapse; } table td, form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a, body .link, body .owl-dots .owl-dot.active div.usplist { cursor: pointer; text-decoration: none; } a:hover, body .link:hover { opacity: 0.7; } img { border: 0px; vertical-align: middle; } video { vertical-align: middle; } p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media all { body, table, input, select, textarea { color: #283047; font-family: 'Source Sans Pro',Arial,sans-serif; font-size: 18px; font-weight: normal; font-style: normal; } address { font-style: normal; } hr { display: none; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 18px; line-height: 20px; font-weight: normal; } a:not(.nolink), body .link, body .owl-dots .owl-dot.active div.usplist { color: #006CB8; } a:not(.nolink):hover, body .link:hover { color: #00365C; } a.nolink { cursor: default; } a.nolink:hover { opacity: 1; } .title, .title a { color: #283047; } .title.t2, .title.t2 a { color: #283047; } .title.t5, .title.t5 a { color: #283047; } .title.t7, .title.t7 a { color: #006EB8; } .t7, .t7 a { color: #006EB8; } .t1large, .t1large a { font-size: 80px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 88px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .t1, .t1 a { font-size: 70px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 77px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .t2, .t2 a { font-size: 28px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 38px; font-weight: normal; font-style: normal; letter-spacing: 0px; text-transform: none; } .t3, .t3 a { font-size: 60px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 67px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .t4, .t4 a { font-size: 45px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 53px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .t5, .t5 a { font-size: 30px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 37px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .t6, .t6 a { font-size: 20px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 28px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .t7, .t7 a { font-size: 16px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 28px; font-weight: bold; font-style: normal; letter-spacing: 3px; text-transform: uppercase; } .morelink { font-size: 20px; font-family: 'Source Sans Pro',Arial,sans-serif; line-height: 27px; font-weight: bold; font-style: normal; letter-spacing: 0px; text-transform: none; } .handwriting { font-family: 'La Belle Aurore',cursive; } .t1.handwriting, .t1.handwriting a { font-size: 42px; line-height: 28px; font-weight: normal; } .t2.handwriting, .t2.handwriting a { font-size: 34px; line-height: 38px; font-weight: normal; } .defaultFs { font-size: 18px; line-height: 25px; } small, .small { font-family: 'Source Sans Pro',Arial,sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; font-style: normal; } .medium1 { font-family: 'Source Sans Pro',Arial,sans-serif; font-size: 20px; line-height: 30px; font-weight: normal; font-style: normal; } .large1 { font-family: 'Source Sans Pro',Arial,sans-serif; font-size: 22px; line-height: 32px; font-weight: normal; font-style: normal; } svg.icon { width: 1.250000em; height: 1.250000em; fill: #283047; } a.button1 { color: #006DB8; display: inline-block; padding: 18px 23px; position: relative; z-index: 2; border-radius:; border: 0px solid #006CB8; font-size: 20px; font-family: 'Source Sans Pro',Arial,sans-serif; font-weight: bold; font-style: normal; text-indent: 0px; letter-spacing: 0px; text-transform: none; } a.button1:hover { color: #A6A6A6; } a.button1 svg.icon { fill: #006DB8; color: #006DB8; } a.button1.big { padding: 13px 20px; } a.button1:before { content: ''; width: 60px; height: 100%; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; z-index: -1; } a.button1:before { background-image: url(/Content/img/hex.svg); } a.button1.grad:before { background-image: url(/Content/img/hex-gradient.svg); } .points3h div { width: 20px; height: 20px; } .points3h div + div { margin-left: 12px; } } @media (max-width: 1024px) { .points3h div { width: 14px; height: 14px; } .points3h div + div { margin-left: 6px; } } @media all { .points3h div:after { content: ''; width: 100%; height: 100%; display: inline-block; background-size: contain; background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; z-index: -1; } .points3h div:after { background-image: url(/Content/img/hex-whiteoutline.svg); } .bgweb .bglist a.button1:before, .bglist a.button1:before, .points3h div.active:after { background-image: url(/Content/img/hex-white.svg); } .bgweb a.button1:before { background-image: url(/Content/img/hex-lightblue.svg) } .bglist .bgbar a.button1:before, .bgbar a.button1:before, .bghighlight2 a.button1:before { background-image: url(/Content/img/hex-red.svg); } .bghighlight a.button1:before { background-image: url(/Content/img/hex-blue.svg); } a.buttonBlue { color: #FFFFFF !important; } a.buttonBlue:before { background-image: url(/Content/img/hex-blue.svg) !important; } .bgweb { background-color: #FFFFFF; color: #283047; } .bgweb2 { background-color: #F5F1EF; color: #283047; } .bgweb2 a, .bgweb2 .link { color: #006CB8; } .bgweb2 a:hover, .bgweb2 .link:hover { color: #2CAADF; } .bgweb2 .title, .bgweb2 .title a { color: #283047; } .bgweb2 .title.t2, .bgweb2 .title.t2 a { color: #283047; } .bgweb2 .title.t5, .bgweb2 .title.t5 a { color: #283047; } .bgweb2 a.button1 { background-color: #006CB8; color: #FFFFFF; border: 0px solid #006CB8; } .bgweb2 a.button1:hover { background-color: #2CAADF; color: #FFFFFF; } .bgweb2 svg.icon { fill: #283047; color: #283047; } .bgweb2 a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bghighlight { background-color: #981162; color: #FFFFFF; } .bghighlight .borderBefore:before { border-color: #981162; } .bghighlight .borderAfter:after { border-color: #981162; } .bghighlight a, .bghighlight .link { color: #FFFFFF; } .bghighlight a:hover, .bghighlight .link:hover { color: #E1DAD5; } .bghighlight .title, .bghighlight .title a { color: #FFFFFF; } .bghighlight .title.t2, .bghighlight .title.t2 a { color: #FFFFFF; } .bghighlight .title.t5, .bghighlight .title.t5 a { color: #FFFFFF; } .bghighlight a.button1 { color: #FFFFFF; border: 0px solid #E1DAD5; } .bghighlight a.button1:hover { color: #FFFFFF; } .bghighlight svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bghighlight a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bghighlight2 { background: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); background: url(/Content/img/bg.jpg) no-repeat; background-size: cover; color: #FFFFFF; } .bghighlight2 .borderBefore:before { border-color: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); } .bghighlight2 .borderAfter:after { border-color: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); } .bghighlight2 a, .bghighlight2 .link { color: #006CB8; } .bghighlight2 a:hover, .bghighlight2 .link:hover { color: #2CAADF; } .bghighlight2 .title, .bghighlight2 .title a { color: #FFFFFF; } .bghighlight2 .title.t2, .bghighlight2 .title.t2 a { color: #FFFFFF; } .bghighlight2 .title.t5, .bghighlight2 .title.t5 a { color: #FFFFFF; } .bghighlight2 .t7, .bghighlight2 .t7 a { color: #FFFFFF; } .bghighlight2 a.button1 { color: #FFFFFF; border: 0px solid #006CB8; } .bghighlight2 a.button1:hover { xbackground-color: #2CAADF; color: #FFFFFF; } .bghighlight2 svg.icon { xfill: #FFFFFF; xcolor: #FFFFFF; } .bghighlight2 a.button1 svg.icon { xfill: #FFFFFF; xcolor: #FFFFFF; } .bglist, .bgteaser, .bgusp { background-color: #EDF8FE; color: #283047; } .bglist a, .bgteaser a, .bgusp a, .bglist .link, .bgteaser .link, .bgusp .link { color: #006CB8; } .bglist a:hover, .bgteaser a:hover, .bgusp a:hover, .bglist .link:hover, .bgteaser .link:hover, .bgusp .link:hover { color: #2CAADF; } .bglist .title, .bgteaser .title, .bgusp .title, .bglist .title a, .bgteaser .title a, .bgusp .title a { color: #283047; } .bglist .title.t2, .bgteaser .title.t2, .bgusp .title.t2, .bglist .title.t2 a, .bgteaser .title.t2 a, .bgusp .title.t2 a { color: #283047; } .bglist .title.t5, .bgteaser .title.t5, .bgusp .title.t5, .bglist .title.t5 a, .bgteaser .title.t5 a, .bgusp .title.t5 a { color: #283047; } .bglist a.button1, .bgteaser a.button1, .bgusp a.button1 { color: #006CB8; border: 0px solid #006CB8; } .bglist a.button1:hover, .bgteaser a.button1:hover, .bgusp a.button1:hover { color: #A6A6A6; } .bglist .icon1 ul li svg.icon, .bgteaser .icon1 ul li svg.icon, .bgusp .icon1 ul li svg.icon, .bglist ul.icon1 li svg.icon, .bgteaser ul.icon1 li svg.icon, .bgusp ul.icon1 li svg.icon, .bglist svg.icon, .bgteaser svg.icon, .bgusp svg.icon { fill: #283047; color: #283047; } .bglist a.button1 svg.icon, .bgteaser a.button1 svg.icon, .bgusp a.button1 svg.icon { fill: #006CB8; color: #006CB8; } .bglistalternate, .bgteaseralternate, .bguspalternate { background-color: #D5EEFD; color: #283047; } .bglistalternate a, .bgteaseralternate a, .bguspalternate a, .bglistalternate .link, .bgteaseralternate .link, .bguspalternate .link { color: #006CB8; } .bglistalternate a:hover, .bgteaseralternate a:hover, .bguspalternate a:hover, .bglistalternate .link:hover, .bgteaseralternate .link:hover, .bguspalternate .link:hover { color: #2CAADF; } .bglistalternate .title, .bgteaseralternate .title, .bguspalternate .title, .bglistalternate .title a, .bgteaseralternate .title a, .bguspalternate .title a { color: #283047; } .bglistalternate .title.t2, .bgteaseralternate .title.t2, .bguspalternate .title.t2, .bglistalternate .title.t2 a, .bgteaseralternate .title.t2 a, .bguspalternate .title.t2 a { color: #283047; } .bglistalternate .title.t5, .bgteaseralternate .title.t5, .bguspalternate .title.t5, .bglistalternate .title.t5 a, .bgteaseralternate .title.t5 a, .bguspalternate .title.t5 a { color: #283047; } .bglistalternate a.button1, .bgteaseralternate a.button1, .bguspalternate a.button1 { background-color: #006CB8; color: #FFFFFF; border: 0px solid #006CB8; } .bglistalternate a.button1:hover, .bgteaseralternate a.button1:hover, .bguspalternate a.button1:hover { background-color: #2CAADF; color: #FFFFFF; } .bglistalternate svg.icon, .bgteaseralternate svg.icon, .bguspalternate svg.icon { fill: #283047; color: #283047; } .bglistalternate a.button1 svg.icon, .bgteaseralternate a.button1 svg.icon, .bguspalternate a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bglistalternate .icon1 ul li svg.icon, .bgteaseralternate .icon1 ul li svg.icon, .bguspalternate .icon1 ul li svg.icon, .bglistalternate ul.icon1 li svg.icon, .bgteaseralternate ul.icon1 li svg.icon, .bguspalternate ul.icon1 li svg.icon, .bglistalternate svg.icon, .bgteaseralternate svg.icon, .bguspalternate svg.icon { fill: #283047; color: #283047; } .bgbar { background-color: #1077BD; color: #FFFFFF; } .bgbar a, .bgbar .link { color: #FFFFFF; } .bgbar a:hover, .bgbar .link:hover { color: rgba(255,255,255,0.6); } .bgbar .title, .bgbar .title a { color: #FFFFFF; } .bgbar .title.t2, .bgbar .title.t2 a { color: #FFFFFF; } .bgbar .title.t5, .bgbar .title.t5 a { color: #FFFFFF; } .bgbar a.button1 { color: #FFFFFF; border: 0px solid #006CB8; } .bgbar a.button1:hover { color: #FFFFFF; } .bgbar svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bgbar a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bggallerybox { background-color: rgba(0,0,0,0.80); color: #FFFFFF; } .bggallerybox a, .bggallerybox .link, .bggallerygradienttop a, .bggallerygradienttop .link, .bggallerygradientbottom a, .bggallerygradientbottom .link, .bggallerygradienttop2 a, .bggallerygradienttop2 .link, .bggallerygradienttop3 a, .bggallerygradienttop3 .link, .bggallerygradientradius a, .bggallerygradientradius .link, .bggallerygradienttopbottom a, .bggallerygradienttopbottom .link { color: #006CB8; } .bggallerybox a:hover, .bggallerybox .link:hover, .bggallerygradienttop a:hover, .bggallerygradienttop .link:hover, .bggallerygradientbottom a:hover, .bggallerygradientbottom .link:hover, .bggallerygradienttop2 a:hover, .bggallerygradienttop2 .link:hover, .bggallerygradienttop3 a:hover, .bggallerygradienttop3 .link:hover, .bggallerygradientradius a:hover, .bggallerygradientradius .link:hover, .bggallerygradienttopbottom a:hover, .bggallerygradienttopbottom .link:hover { color: #2CAADF; } .bggallerybox .title, .bggallerybox .title a, .bggallerybox.title, .bggallerybox.title a, .bggallerygradienttop .title, .bggallerygradienttop .title a, .bggallerygradienttop.title, .bggallerygradienttop.title a, .bggallerygradientbottom .title, .bggallerygradientbottom .title a, .bggallerygradientbottom.title, .bggallerygradientbottom.title a, .bggallerygradienttop2 .title, .bggallerygradienttop2 .title a, .bggallerygradienttop2.title, .bggallerygradienttop2.title a, .bggallerygradienttop3 .title, .bggallerygradienttop3 .title a, .bggallerygradienttop3.title, .bggallerygradienttop3.title a, .bggallerygradientradius .title, .bggallerygradientradius .title a, .bggallerygradientradius.title, .bggallerygradientradius.title a, .bggallerygradienttopbottom .title, .bggallerygradienttopbottom .title a, .bggallerygradienttopbottom.title, .bggallerygradienttopbottom.title a { color: #FFFFFF; } .bggallerybox .title.t2, .bggallerybox .title.t2 a, .bggallerybox.title.t2, .bggallerybox.title.t2 a, .bggallerygradienttop .title.t2, .bggallerygradienttop .title.t2 a, .bggallerygradienttop.title.t2, .bggallerygradienttop.title.t2 a, .bggallerygradientbottom .title.t2, .bggallerygradientbottom .title.t2 a, .bggallerygradientbottom.title.t2, .bggallerygradientbottom.title.t2 a, .bggallerygradienttop2 .title.t2, .bggallerygradienttop2 .title.t2 a, .bggallerygradienttop2.title.t2, .bggallerygradienttop2.title.t2 a, .bggallerygradienttop3 .title.t2, .bggallerygradienttop3 .title.t2 a, .bggallerygradienttop3.title.t2, .bggallerygradienttop3.title.t2 a, .bggallerygradientradius .title.t2, .bggallerygradientradius .title.t2 a, .bggallerygradientradius.title.t2, .bggallerygradientradius.title.t2 a, .bggallerygradienttopbottom .title.t2, .bggallerygradienttopbottom .title.t2 a, .bggallerygradienttopbottom.title.t2, .bggallerygradienttopbottom.title.t2 a { color: #FFFFFF; } .bggallerybox .title.t5, .bggallerybox .title.t5 a, .bggallerybox.title.t5, .bggallerybox.title.t5 a, .bggallerygradienttop .title.t5, .bggallerygradienttop .title.t5 a, .bggallerygradienttop.title.t5, .bggallerygradienttop.title.t5 a, .bggallerygradientbottom .title.t5, .bggallerygradientbottom .title.t5 a, .bggallerygradientbottom.title.t5, .bggallerygradientbottom.title.t5 a, .bggallerygradienttop2 .title.t5, .bggallerygradienttop2 .title.t5 a, .bggallerygradienttop2.title.t5, .bggallerygradienttop2.title.t5 a, .bggallerygradienttop3 .title.t5, .bggallerygradienttop3 .title.t5 a, .bggallerygradienttop3.title.t5, .bggallerygradienttop3.title.t5 a, .bggallerygradientradius .title.t5, .bggallerygradientradius .title.t5 a, .bggallerygradientradius.title.t5, .bggallerygradientradius.title.t5 a, .bggallerygradienttopbottom .title.t5, .bggallerygradienttopbottom .title.t5 a, .bggallerygradienttopbottom.title.t5, .bggallerygradienttopbottom.title.t5 a { color: #FFFFFF; } .bggallerybox a.button1, .bggallerygradienttop a.button1, .bggallerygradientbottom a.button1, .bggallerygradienttop2 a.button1, .bggallerygradienttop3 a.button1, .bggallerygradientradius a.button1, .bggallerygradienttopbottom a.button1 { background-color: #006CB8; color: #FFFFFF; border: 0px solid #006CB8; } .bggallerybox a.button1:hover, .bggallerygradienttop a.button1:hover, .bggallerygradientbottom a.button1:hover, .bggallerygradienttop2 a.button1:hover, .bggallerygradienttop3 a.button1:hover, .bggallerygradientradius a.button1:hover, .bggallerygradienttopbottom a.button1:hover { background-color: #2CAADF; color: #FFFFFF; } .bggallerybox svg.icon, .bggallerygradienttop svg.icon, .bggallerygradientbottom svg.icon, .bggallerygradienttop2 svg.icon, .bggallerygradienttop3 svg.icon, .bggallerygradientradius svg.icon, .bggallerygradienttopbottom svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bggallerybox a.button1 svg.icon, .bggallerygradienttop a.button1 svg.icon, .bggallerygradientbottom a.button1 svg.icon, .bggallerygradienttop2 a.button1 svg.icon, .bggallerygradienttop3 a.button1 svg.icon, .bggallerygradientradius a.button1 svg.icon, .bggallerygradienttopbottom a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bggallerybox .bglist .title, .bggallerybox .bglist .title a { color: #283047; } .bggallerygradienttopbottom { background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); color: #FFFFFF; } .bggallerygradienttop { background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); color: #FFFFFF; } .bggallerygradientbottom { background: linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); color: #FFFFFF; } .bggallerygradienttop2 { background: linear-gradient(to bottom,rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%); } .bggallerygradienttop3 { background: linear-gradient(to bottom,rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); } .bggallerygradientradius { background: radial-gradient(ellipse at center,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); color: #FFFFFF; } .bggallerygradientradiusi { background: radial-gradient(ellipse at center,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); } .bggallerygradientdiagonalbottomtop { background: linear-gradient(45deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%); } .bgheader { background-color: #FFFFFF; color: #283047; } .bgheader a, .bgheader .link { color: #006CB8; } .bgheader a:hover, .bgheader .link:hover { color: #2CAADF; } .bgheader .title, .bgheader .title a { color: #283047; } .bgheader .title.t2, .bgheader .title.t2 a { color: #283047; } .bgheader .title.t5, .bgheader .title.t5 a { color: #283047; } .bgheader a.button1 { background-color: #006CB8; color: #FFFFFF; border: 0px solid #006CB8; } .bgheader a.button1:hover { background-color: #2CAADF; color: #FFFFFF; } .bgheader svg.icon { fill: #283047; color: #283047; } .bgheader a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bgheader2 { background-color: #EDF8FE; color: #283047; } .bgheader2 a, .bgheader2 .link { color: #006CB8; } .bgheader2 a:hover, .bgheader2 .link:hover { color: #2CAADF; } .bgheader2 .title, .bgheader2 .title a { color: #283047; } .bgheader2 .title.t2, .bgheader2 .title.t2 a { color: #283047; } .bgheader2 .title.t5, .bgheader2 .title.t5 a { color: #283047; } .bgheader2 .title:hover, .bgheader2 .title a:hover { color: #283047; opacity: 0.7; } .bgheader2 .title.t2:hover, .bgheader2 .title.t2 a:hover { color: #283047; } .bgheader2 .title.t5:hover, .bgheader2 .title.t5 a:hover { color: #283047; } .bgheader2 a.button1 { background-color: #006CB8; color: #FFFFFF; border: 0px solid #006CB8; } .bgheader2 a.button1:hover { background-color: #2CAADF; color: #FFFFFF; } .bgheader2 svg.icon { fill: #283047; color: #283047; } .bgheader2 a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bgmobile { background-color: #EDF8FE; color: #283047; } .bgmobile a, .bgmobile .link { color: #006CB8; } .bgmobile a:hover, .bgmobile .link:hover { color: #2CAADF; } .bgmobile .title, .bgmobile .title a { color: #283047; } .bgmobile .title.t2, .bgmobile .title.t2 a { color: #283047; } .bgmobile .title.t5, .bgmobile .title.t5 a { color: #283047; } .bgmobile a.button1 { background-color: #006CB8; color: #FFFFFF; border: 0px solid #006CB8; } .bgmobile a.button1:hover { background-color: #2CAADF; color: #FFFFFF; } .bgmobile svg.icon { fill: #283047; color: #283047; } .bgmobile a.button1 svg.icon { fill: #FFFFFF; color: #FFFFFF; } .bgicon { background-color: #981162; color: #FFFFFF !important; fill: #FFFFFF !important; padding: 0.375000em; display: inline-block; vertical-align: top; } symbol#icon-checkbox-checked path { fill: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); color: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); } symbol#icon-radio-checked circle:last-child { fill: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); color: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); } .ttupper { text-transform: uppercase; } .ttlower { text-transform: lowercase; } .ttnone { text-transform: none; } ul { margin: 0px 0px 0px 0px; padding-left: 0px; padding-right: 0px; list-style-type: none; } ul li:before { content: '\025AA'; font-size: 20px; position: absolute; left: 0px; top: 0px; font-family: Arial,Helvetica,sans-serif; } ul li { position: relative; padding: 0px 0px 0px 15px; } ul li ul li:before { color: #999999; } ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 26px; } ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } *.reset ul, ul.reset { padding: 0px 0px 0px 0px; } *.reset ul li:before, ul.reset li:before { content: none; } *.reset ul li, ul.reset li { position: static; padding: 0px 0px 0px 0px; } *.reset ul li ul, ul.reset li ul { padding: 0px 0px 0px 0px; } *.icon1 ul, ul.icon1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } *.icon1 ul li, ul.icon1 li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1.625000em; position: relative; text-indent: 0px; line-height: 1.562500em; } *.icon1 ul li:before, ul.icon1 li:before { content: none; } *.icon1 ul li svg.icon, ul.icon1 li svg.icon { position: relative; display: inline-block; vertical-align: text-bottom; top: 0px; left: -0.375000em; width: 1.250000em; height: 1.250000em; margin-left: -1.250000em; fill: #283047; } .bgweb2 *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #283047; } .bghighlight *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #FFFFFF; } .bghighlight2 *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #FFFFFF; } .bgbar *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #FFFFFF; } .bgimage *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #FFFFFF; } .bggallerybox *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #FFFFFF; } .bgheader *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #283047; } .bgheader2 *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #283047; } .bgmobile *.icon1 ul li svg.icon, ul.icon1 li svg.icon { fill: #283047; } table { width: 100%; } table caption { font-size: 20px; } table colgroup col { width: 29.572650%; } table colgroup col:first-child { width: 5.470085%; } table thead { border-bottom: solid 2px #EEEEEE; } table thead th { padding-top: 6px; padding-bottom: 6px; text-align: left; } table tfoot td { border-top: solid 1px #EEEEEE; padding-top: 6px; padding-bottom: 6px; } table tbody td { border-top: solid 1px #EEEEEE; padding-top: 6px; padding-bottom: 6px; } table tr * { padding-left: 0.854701%; padding-right: 0.854701%; } table tr *:first-child { padding-left: 0.341880%; padding-right: 0.341880%; } table.reset { width: auto; } table.reset caption { font-size: inherit; } table.reset colgroup col { width: auto; } table.reset thead { border-bottom: inherit; } table.reset thead th { padding-top: inherit; padding-bottom: inherit; text-align: inherit; } table.reset tfoot td { border-top: inherit; padding-top: inherit; padding-bottom: inherit; } table.reset tbody td { border-top: inherit; padding-top: inherit; padding-bottom: inherit; } table.reset tr * { padding-left: inherit; padding-right: inherit; } .bgwebgradientleft { background: linear-gradient(to right,rgba(255,255,225521,1.00) 0%,rgba(255,255,225521,1.00) 30%,rgba(255,255,255,0.00) 100%); } .bgwebgradientright { background: linear-gradient(to right,rgba(255,255,255,0.00) 0%,rgba(255,255,225521,1.00) 70%,rgba(255,255,225521,1.00) 100%); } .bgweb2gradientleft { background: linear-gradient(to right,rgba(245,241,239,1.00) 0%,rgba(245,241,239,1.00) 30%,rgba(245,241,239,0.00) 100%); } .bgweb2gradientright { background: linear-gradient(to right,rgba(245,241,239,0.00) 0%,rgba(245,241,239,1.00) 70%,rgba(245,241,239,1.00) 100%); } .bgcookies { background-color: #D5EEFD; color: #283047; } .bgcookiesicon { background-color: #EDF8FE; color: #283047; ; } .bglist.bgactive, .bglist.hover:hover, .bgteaser.bgactive, .bgteaser.hover:hover, .bgusp.bgactive, .bgusp.hover:hover, .bglistalternate.bgactive, .bglistalternate.hover:hover, .bgteaseralternate.bgactive, .bgteaseralternate.hover:hover, .bguspalternate.hover.bgactive, .bguspalternate.hover:hover, .bgbar.bgactive, .bgbar.hover:hover, .bggallerybox.bgactive, .bggallerybox.hover:hover, .bghighlight.bgactive, .bghighlight.hover:hover, .bghighlight2.bgactive, .bghighlight2.hover:hover { cursor: pointer; box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.15); } .bglist.bgactive .bglist, .bglist.hover:hover .bglist, .bglist.bgactive .bglistalternate, .bglist.hover:hover .bglistalternate, .bglist.bgactive .bghighlight, .bglist.hover:hover .bghighlight, .bglist.bgactive .bghighlight2, .bglist.hover:hover .bghighlight2, .bgteaser.bgactive .bgteaser, .bgteaser.hover:hover .bgteaser, .bgteaser.bgactive .bgteaseralternate, .bgteaser.hover:hover .bgteaseralternate, .bgteaser.bgactive .bghighlight, .bgteaser.hover:hover .bghighlight, .bgteaser.bgactive .bghighlight2, .bgteaser.hover:hover .bghighlight2, .bgusp.bgactive .bgusp, .bgusp.hover:hover .bgusp, .bgusp.bgactive .bguspalternate, .bgusp.hover:hover .bguspalternate, .bgusp.bgactive .bghighlight, .bgusp.hover:hover .bghighlight, .bgusp.bgactive .bghighlight2, .bgusp.hover:hover .bghighlight2, .bglistalternate.bgactive .bglist, .bglistalternate.hover:hover .bglist, .bglistalternate.bgactive .bglistalternate, .bglistalternate.hover:hover .bglistalternate, .bglistalternate.bgactive .bghighlight, .bglistalternate.hover:hover .bghighlight, .bglistalternate.bgactive .bghighlight2, .bglistalternate.hover:hover .bghighlight2, .bgteaseralternate.bgactive .bgteaser, .bgteaseralternate.hover:hover .bgteaser, .bgteaseralternate.bgactive .bgteaseralternate, .bgteaseralternate.hover:hover .bgteaseralternate, .bgteaseralternate.bgactive .bghighlight, .bgteaseralternate.hover:hover .bghighlight, .bgteaseralternate.bgactive .bghighlight2, .bgteaseralternate.hover:hover .bghighlight2, .bguspalternate.bgactive .bgusp, .bguspalternate.hover:hover .bgusp, .bguspalternate.bgactive .bguspalternate, .bguspalternate.hover:hover .bguspalternate, .bguspalternate.bgactive .bghighlight, .bguspalternate.hover:hover .bghighlight, .bguspalternate.bgactive .bghighlight2, .bguspalternate.hover:hover .bghighlight2, .bgbar.bgactive .bgbar, .bgbar.hover:hover .bgbar, .bgbar.bgactive .bghighlight, .bgbar.hover:hover .bghighlight, .bgbar.bgactive .bghighlight2, .bgbar.hover:hover .bghighlight2, .bghighlight.bgactive .bghighlight, .bghighlight.hover:hover .bghighlight, .bghighlight.bgactive .bglist, .bghighlight.hover:hover .bglist, .bghighlight.bgactive .bgteaser, .bghighlight.hover:hover .bgteaser, .bghighlight.bgactive .bgusp, .bghighlight.hover:hover .bgusp, .bghighlight.bgactive .bglistalternate, .bghighlight.hover:hover .bglistalternate, .bghighlight.bgactive .bgteaseralternate, .bghighlight.hover:hover .bgteaseralternate, .bghighlight.bgactive .bguspalternate, .bghighlight.hover:hover .bguspalternate, .bghighlight.bgactive .bgbar, .bghighlight.hover:hover .bgbar, .bghighlight.bgactive .bghighlight2, .bghighlight.hover:hover .bghighlight2, .bghighlight2.bgactive .bghighlight2, .bghighlight2.hover:hover .bghighlight2, .bghighlight2.bgactive .bglist, .bghighlight2.hover:hover .bglist, .bghighlight2.bgactive .bgteaser, .bghighlight2.hover:hover .bgteaser, .bghighlight2.bgactive .bgusp, .bghighlight2.hover:hover .bgusp, .bghighlight2.bgactive .bglistalternate, .bghighlight2.hover:hover .bglistalternate, .bghighlight2.bgactive .bgteaseralternate, .bghighlight2.hover:hover .bgteaseralternate, .bghighlight2.bgactive .bguspalternate, .bghighlight2.hover:hover .bguspalternate, .bghighlight2.bgactive .bgbar, .bghighlight2.hover:hover .bgbar, .bghighlight2.bgactive .bghighlight, .bghighlight2.hover:hover .bghighlight { cursor: pointer; box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.25); } .iconhover:hover { opacity: 0.7; cursor: pointer; } .iconinverse { color: #FFFFFF !important; fill: #FFFFFF !important; } .bgimage { color: #FFFFFF; fill: #FFFFFF; } .hover { cursor: pointer; } .hover picture { position: relative; } .hover:hover picture:before { content: ''; background-color: rgba(0,0,0,0.25); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .hover:hover .nohover { box-shadow: none !important; } .points1h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .points1h:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .points1h li:before { content: none; } .points1h li { left: auto; position: static; text-indent: 0px; } .points1h > * { background: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); display: inline-block; width: 12px; height: 12px; cursor: pointer; text-indent: -100px !important; padding: 0px 0px 0px 0px; overflow: hidden; } .points1h > * + * { margin-left: 6px; } .points1h > *.active { background-color: #981162; } .tab3:hover, .active .tab3, .tab3.active { background-color: #1077BD; color: #006DB8; } .tab3:before { content: ''; position: absolute; left: 50%; margin-left: -10.5px; width: 0px; height: 0px; border-style: solid; opacity: 0; -webkit-transition: all 400ms; transition: all 400ms; } .tab3.arrowtop:before { top: -9px; border-width: 0px 10.5px 10px 10.5px; border-color: transparent transparent #1077BD transparent; } .tab3.arrowbottom:before { bottom: -9px; border-width: 10px 10.5px 0 10.5px; border-color: #1077BD transparent transparent transparent; } .tab3.active:before { opacity: 1; } .paging { margin: 20px auto; text-align: center; } .paging1 { } .paging1 a, .paging1 span { display: inline-block; vertical-align: middle; background-color: #EDF8FE; color: #283047; font-size: 14px; line-height: 28px; margin: 0px 3px 0px 3px; width: 28px; height: 28px; text-align: center; } .paging1 a:hover, .paging1 a.active, .paging1 span { background-color: #D5EEFD; color: #283047; } .paging1 a.prev { background-color: #1077BD; color: #006DB8; position: relative; } .paging1 a.prev:before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent #006DB8 transparent transparent; } .paging1 a.prev:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -4.5px; margin-left: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 6px 4.5px 0; border-color: transparent #1077BD transparent transparent; } .paging1 a.next { background-color: #1077BD; color: #006DB8; position: relative; } .paging1 a.next:before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5.5px; margin-right: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #006DB8; } .paging1 a.next:after { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -4.5px; margin-right: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 0 4.5px 6px; border-color: transparent transparent transparent #1077BD; } .paging1 span.prev, .paging1 span.next { display: none; } } @media (max-width: 1023px) { body { font-size: 17px; } .t1large, .t1large a { font-size: 58px; line-height: 65px; } .t1, .t1 a { font-size: 42px; line-height: 48px; } .t2, .t2 a { font-size: 23px; line-height: 29px; } .t3, .t3 a { font-size: 33px; line-height: 38px; } .t4, .t4 a { font-size: 27px; line-height: 32px; } .t5, .t5 a { font-size: 22px; line-height: 27px; } .t6, .t6 a { font-size: 15px; line-height: 28px; } .t7, .t7 a { font-size:; line-height:; } .defaultFs { font-size: 17px; line-height: 24px; } .medium1 { font-size: 19px; line-height: 29px; } .large1 { font-size: 21px; line-height: 31px; } small, .small { font-size: 13px; line-height: 18px; } } @media (max-width: 480px) { body { font-size: 16px; } .t1large, .t1large a { font-size: 28px; line-height: 30px; } .t1, .t1 a { font-size: 26px; line-height: 30px; } .t2, .t2 a { font-size: 16px; line-height: 25px; } .t3, .t3 a { font-size: 22px; line-height: 27px; } .t4, .t4 a { font-size: 20px; line-height: 26px; } .t5, .t5 a { font-size: 18px; line-height: 25px; } .t6, .t6 a { font-size: 14px; line-height: 25px; } .t7, .t7 a { font-size:; line-height:; } .defaultFs { font-size: 16px; line-height: 23px; } .medium1 { font-size: 16px; line-height: 23px; } .large1 { font-size: 18px; line-height: 25px; } small, .small { font-size: 12px; line-height: 16px; } } @media all { form { margin: 0px 0px 0px 0px; } form div.row { clear: both; margin: 0px 0px 3.731343% 0px; } form label.label { width: 47.368421%; float: left; display: inline; margin: 8px 1.315789% 0px 0px; padding: 0px 0px 0px 0px; } form label.ort { display: none; } form label.pflichtfeld { font-weight: bold; } form textarea:focus, form input:focus { border: 0px; outline: 0px; } form div.inputfield input, form div.calendarfield input { width: 100%; height: 23px; line-height: 23px; color: #283047; padding: 18px 0px; text-indent: 0px; border: 0px; position: relative; z-index: 2; background: transparent; -webkit-appearance: none; } .bgweb2 div.inputfield input, .bgweb2 div.calendarfield input { color: #283047; border: 1px solid #283047; } .bgbar div.inputfield input, .bgbar div.calendarfield input { color: #FFFFFF; border: 1px solid #283047; } form div.row.requiredinfobox div.requiredinfotext { text-align: right; margin-right: 6px; } form div.row.input div.inputfield, form div.row.calendar div.calendarfield { width: 100%; float: left; display: inline; position: relative; border-bottom: 2px solid #283047; } form div.row.input div.inputfield.plz { width: 15.789474%; } form div.row.input div.inputfield.ort { width: 34.210526%; margin: 0px 0px 0px 1.315789%; } form div.row.input div.disabled input { background-color: #FFFFFF; } form div.row.calendar div.calendarfield a.kalenderopener { width: 21px; height: 19px; position: absolute; right: 10px; top: 8px; z-index: 2; } form div.selectfield span.field { width: 100%; height: 100%; color: #283047; border: 1px solid #283047; line-height: 34px; display: block; } .bgweb2 div.selectfield span.field { color: #283047; border: 1px solid #283047; } .bgbar div.selectfield span.field { color: #FFFFFF; border: 1px solid #283047; } .bgbar .bgweb div.selectfield span.field { color: #283047; border: 1px solid #283047; } form div.selectfield span.field span.selecticon { position: absolute; right: 28px; top: 24px; } form div.selectfield span.field span.selecticon.selecticonsvg { top: 12px; } form div.selectfield span.field span.selecticon.selecticonsvg svg { width: 15px; height: 15px; } form div.selectfield span.field span.selecticon div, form div.selectfield span.field span.selecticon svg { position: absolute !important; left: 0px !important; top: 0px !important; } form div.selectfield span.field span.selecticon:before { content: ''; position: absolute; z-index: 1; top: -6px; left: 0px; width: 12px; height: 2px; display: block; transform: rotate(45deg); } form div.selectfield span.field span.selecticon:after { content: ''; position: absolute; z-index: 1; top: -6px; left: 8px; width: 12px; height: 2px; display: block; transform: rotate(-45deg); } .bgweb2 div.selectfield span.field span.selecticon:before, .bgweb2 div.selectfield span.field span.selecticon:after { } .bgbar div.selectfield span.field span.selecticon:before, .bgbar div.selectfield span.field span.selecticon:after { } .bgbar .bgweb div.selectfield span.field span.selecticon:before, .bgbar .bgweb div.selectfield span.field span.selecticon:after { } form div.selectfield span.field span.selecticon.selecticonsvg:before { content: ''; position: static; background: transparent; top: auto; left: auto; width: auto; height: auto; transform: none; } form div.selectfield span.field span.selecticon.selecticonsvg:after { content: ''; position: static; background: transparent; top: auto; left: auto; width: auto; height: auto; transform: none; } form div.selectfield select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; opacity: 0.0; z-index: 2; } form div.selectfield span.select { display: block; height: 100%; margin: 0px 24px 0px 8px; position: relative; overflow: hidden; white-space: nowrap; } form div.selectfield span.field div.okicon, form div.selectfield span.field div.erroricon { right: 20px; } form div.row.select div.selectfield { width: 51.315789%; height: 38px; line-height: 34px; float: left; display: inline; padding: 2px 2px; position: relative; } form textarea.textarea { color: #283047; padding: 0px 0px 0px 0px; } .bgweb2 textarea.textarea { color: #283047; border: 1px solid #283047; } .bgbar textarea.textarea { color: #FFFFFF; border: 1px solid #283047; } form div.row div.textarea { width: 100%; padding: 0px 0px 0em 0px; border-bottom: 2px solid #283047; display: inline; float: left; position: relative; } form div.row div.textarea textarea { width: 100%; border: 0px; background: transparent; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } form div.checkboxfield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1em; height: 1em; z-index: 2; opacity: 0.0; } form div.checkboxfield span { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.checkboxfield svg { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.row.checkbox label.label { margin-top: 0px; } form div.row.checkbox div.checkboxfield { float: left; display: inline; margin: 2px 0px 0px 2px; position: relative; } form div.row.checkbox div.checkboxfield div.erroricon { position: absolute; right: -24px; top: -2px; margin-top: 0px; } form div.row.checkbox div.checkboxfield div.formtextV1 { top: -33px; left: -8px; z-index: 3; } form div.row.checkbox div.checkboxfield div.formtextV2, form div.row.checkbox div.checkboxfield div.formtextV5, form div.row.checkbox div.checkboxfield div.formtextV6 { top: -3px; } form div.row.checkbox div.checkboxfield div.formtextV3, form div.row.checkbox div.checkboxfield div.formtextV4 { width: 200px; } form div.row.checkbox div.checkboxfield div.okicon { position: absolute; right: -24px; top: -1px; margin-top: 0px; } form div.row.checkbox div.checkboxfield div.okicon * { position: relative; } form div.row.checkbox label.extralabel { float: left; margin: 1px 0px 0px 4px; width: auto; } form div.row.checkbox div.error + label.extralabel { margin: 0px 0px 0px 28px; } form div.radiofield input { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; } form div.radiofield span { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; } form div.radiofield svg { position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; } form div.radiofield span svg { width: 100%; height: 100%; font-size: 1px; } form div.row.radio label.label { margin-top: 0px; } form div.row.radio div.radiofield { width: 16px; height: 16px; float: left; display: inline; margin: 3px 0px 0px 0px; position: relative; } form div.row.radio div.radiofield div.erroricon { position: absolute; right: -28px; top: -2px; margin-top: 0px; } form div.row.radio div.radiofield div.formtextV1 { top: -34px; left: -9px; z-index: 3; } form div.row.radio div.radiofield div.formtextV2, form div.row.radio div.radiofield div.formtextV5, form div.row.radio div.radiofield div.formtextV6 { top: -3px; } form div.row.radio label.extralabel { float: left; margin: 0px 0px 0px 4px; width: auto; } form div.row.radio div.error + label.extralabel { margin: 0px 0px 0px 28px; } form div.uploadfield iframe { width: 128px; height: 128px; position: absolute; right: 0px; top: 0px; opacity: 0.0; z-index: 3; } form div.uploadfield div.status { position: absolute; left: -5px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status0 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status1 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status2 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.status3 { position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; } form div.uploadfield div.button { width: 100%; height: 100%; } form div.row.upload { } form div.row.upload div.uploadfield { width: 100%; height: 23px; float: left; display: inline; padding: 18px 0px; border-bottom: 2px solid #283047; position: relative; } form div.row.upload div.uploadfieldcontainer { float: left; display: inline; width: 100%; height: 100%; line-height: 2.000000em; color: #283047; border: 0px; padding: 0px 0px 0px 0px; text-indent: 3px; position: relative; z-index: 2; } .bgweb2 div.row.upload div.uploadfieldcontainer { color: #283047; border: 1px solid #283047; } .bgbar div.row.upload div.uploadfieldcontainer { color: #FFFFFF; border: 1px solid #283047; } form div.uploadfieldcontainer div.uploadbutton { background: transparent; position: absolute; right: -1px; top: 1px; width: 30px; height: 28px; overflow: hidden; z-index: 2; cursor: pointer; } form div.uploadfieldcontainer div.uploadname { position: absolute; left: -30px; top: 0px; text-indent: 55px; width: 100%; height: 100%; display: block; overflow: hidden; line-height: 27px; } form div .active div.formtextV3 div { padding: 10px 0px 8px 0px; } form div .active div.formtextV3 { color: #4d4848; font-size: 11px; line-height: 15px; background-color: #e1e1e1; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .error div.formtextV3 { color: #a6504a; font-size: 11px; line-height: 15px; background-color: #f2bdb9; clear: both; position: relative; left: 0px; top: -2px; padding: 0px 10px 0px 10px; clear: both; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } form div .error div.formtextV3 div { padding: 10px 0px 8px 0px; } form div .error { background: transparent; } form div .errorV1, form div .errorV2 { background-color: #f4c4cf; } form div .errorV1 input, form div .errorV1 textarea, form div .errorV2 input, form div .errorV2 textarea, form div .errorV7 input, form div .errorV7 textarea { border-color: #d5889a; color: #d5889a; } form div .errorV4 input, form div .errorV4 textarea, form div .errorV5 span.field, form div .errorV5 input, form div .errorV5 textarea { border-color: #eaa9a4; color: #d5889a; } form div .errorV6 span.field, form div .errorV6 input, form div .errorV6 textarea { color: #555555; border-color: #f3c7c3; background-color: #f3c7c3; } form div div.erroricon { display: none; } form div .error div.erroricon { display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 2; } form div .calendarfield.error div.erroricon { right: 34px; } form div .error div.erroricon * { position: relative; } form div .error div.erroricon div { width: 18px; height: 18px; line-height: 1px; } form div .error div.erroricon svg { fill: #D93D5F; } form div .error div.formtextV1 { color: #FFFFFF; position: absolute; left: 0px; top: -32px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e14668),color-stop(100%,#c62649)); background: -webkit-linear-gradient(top,#e14668 0%,#c62649 100%); background: -o-linear-gradient(top,#e14668 0%,#c62649 100%); background: -ms-linear-gradient(top,#e14668 0%,#c62649 100%); background: linear-gradient(to bottom,#e14668 0%,#c62649 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; } form div .error div.formtextV1 div { position: absolute; left: 7px; bottom: -5px; width: 15px; height: 8px; line-height: 1px; } form div .error div.formtextV1 div:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 0 6px; border-color: #CA2B4D transparent transparent transparent; } form div .ok input, form div .ok textarea { color: inherit; } form div .ok div.okicon { position: absolute; right: 3px; top: 50%; margin-top: -10px; padding: 0px 5px 0px 3px; z-index: 2; } form div .calendarfield.ok div.okicon { right: 34px; } form div .ok div.okicon * { position: relative; } form div .ok div.okicon div { width: 20px; height: 20px; line-height: 1px; position: relative; } form div .ok div.okicon div svg { width: 100%; height: 100%; fill: #0F870F; } form div .okV6 div.okicon { right: -40px; top: 50%; width: 18px; height: 24px; padding: 0px 0px 0px 0px; line-height: 1px; background-color: #0C7054; } form div .okV6 div.okicon:before { content: ''; position: absolute; left: -11px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 12px 12px 12px 0px; border-color: transparent #0C7054 transparent transparent; } form div .okV6 div.okicon svg { fill: #FFFFFF; width: 15px; height: 15px; margin-top: 5px; margin-left: 0px; } form div.formspace { clear: both; height: 34px; overflow: hidden; text-indent: -100px; } form a.senden { float: right; margin: 15px 3px 0px 0px; } form a.senden.clicked { position: relative; } form a.senden.clicked span { opacity: 0.5; } form a.senden.clicked span.spinner { color: #000000; font-size: 2px; z-index: 10; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0px 0px -12px; opacity: 1.0; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; } form a.senden.clicked span.spinner svg { width: 100%; height: 100%; opacity: 0.5; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 530px) { form label.label { width: 100%; margin: 0px 0px 0.333333em 0px; } form div.row.input div.inputfield, form div.row.calendar div.calendarfield, form div.row div.textarea, form div.row.select div.selectfield { width: 100%; padding: 0.125em 0.416667% 0.125em 0.416667%; margin: 0px 0px 0.333333em 0px; } form div.row.input div.inputfield.plz { width: 33.333333%; } form div.row.input div.inputfield.ort { width: 62.500000%; margin: 0px 0px 0px 2.083333%; } } @media all { div.kalendercontainer { z-index: 100; } div.kalender { background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: absolute; border-radius: 4px; z-index: 80; } div.kalender a.prev { position: absolute; left: 5px; top: 5px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; z-index: 90; } div.kalender a.prev:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; } div.kalender a.next { position: absolute; right: 5px; top: 5px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; z-index: 90; } div.kalender a.next:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; } div.kalender a.calendarclose { position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; } div.kalender div.kalenderbox { float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; } div.kalender div.kalenderbox b { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; border-radius: 4px; text-align: center; } div.kalender div.kalenderbox table { margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; } div.kalender div.kalenderbox table th { color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; font-size: 16px; } div.kalender div.kalenderbox table td { border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; font-size: 16px; } div.kalender div.kalenderbox table td a { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td a:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; } div.kalender div.kalenderbox table td span { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; } div.kalender div.kalenderbox table td.today { color: #785547; } div.kalender div.kalenderbox table td.today a { background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; } div.kalender div.kalenderbox table td a.selectstart { background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; } div.kalender div.kalenderbox table td a.selected { background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; } div.kalender div.kalenderbox table td a.selectend { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; } div.kalender div.kalenderbox table td div.kalenderopen { float: left; position: relative; width: 0px; height: 0px; } div.kalender a.prev { position: absolute; left: 30px; top: 5px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.prev:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-prev-hover.png) no-repeat center center; left: 29px; top: 4px; border: solid 1px #999999; border-radius: 4px; } div.kalender a.next { position: absolute; right: 30px; top: 5px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.next:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-date-next-hover.png) no-repeat center center; right: 29px; top: 4px; border: solid 1px #999999; border-radius: 4px; } div.kalender a.prevyear { position: absolute; left: 5px; top: 5px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-year-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.prevyear:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-year-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; } div.kalender a.nextyear { position: absolute; right: 5px; top: 5px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-year-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; } div.kalender a.nextyear:hover { background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/units/inlineapi/kalender-year-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; } form div.row.calendar.calendarinline { width: 100%; margin: 0px 0px 0px 0px; } form div.row.calendar.calendarinline div.calendarfield { padding: 0px; } form div.row.calendarinline div.calendarfield input { display: none; } form div.row.calendarinline div.calendarfield:before { content: none; } div.calendarinlinecontainer { width: 100%; clear: none; display: block; border: 0px; position: relative; background: transparent; } div.calendarinlinecontainer div.calendarinline { width: 100%; padding: 0px 0px 0px 0px; border: 0px; position: relative; background: transparent; } div.calendarinlinecontainer div.calendarinlinebox { position: relative; background: transparent; margin-left: -4px; margin-right: -4px; border: 0; } div.calendarinlinecontainer div.calendarinlinebox br.clear { display: none; } div.calendarinlinecontainer div.calendarinlinebox table { border-spacing: 4px; border-collapse: separate; } div.calendarinlinecontainer div.calendarinlinebox table th { height: 47px; border: 1px solid #EEEEEE; padding: 0px 0px 0px 0px; text-align: center; background-color: #981162; color: #FFFFFF; } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table th { background-color: rgba(204,196,183,0.30); color: #283047; border: 1px solid #EEEEEE; } .bgbar div.calendarinlinecontainer div.calendarinlinebox table th { background-color: rgba(204,196,183,0.30); color: #FFFFFF; border: 1px solid #EEEEEE; } div.calendarinlinecontainer div.calendarinlinebox table td { width: 14.285%; height: 47px; padding: 0px 0px 0px 0px; text-align: center; margin: 4px 4px 4px 4px; background-color: rgba(225,218,213,0.30); } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td { background-color: rgba(204,196,183,0.30); color: #283047; } .bgbar div.calendarinlinecontainer div.calendarinlinebox table td { background-color: rgba(204,196,183,0.30); color: #FFFFFF; } div.calendarinlinecontainer div.calendarinlinebox table td.today { background-color: #981162; color: #FFFFFF; position: relative; } div.calendarinlinecontainer div.calendarinlinebox table td.today a { color: #FFFFFF; z-index: 5; position: relative; } div.calendarinlinecontainer div.calendarinlinebox table td.today:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.2; z-index: 2; } div.calendarinlinecontainer div.calendarinlinebox table td span, div.calendarinlinecontainer div.calendarinlinebox table td a { display: block; width: 100%; height: 100%; line-height: 47px; font-size: 16px; color: #283047; border: 1px solid #EEEEEE; } div.calendarinlinecontainer div.calendarinlinebox table td span { opacity: 0.3; } div.calendarinlinecontainer div.calendarinlinebox table td a.selectstart, div.calendarinlinecontainer div.calendarinlinebox table td a.selected, div.calendarinlinecontainer div.calendarinlinebox table td a.selectend, .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selectstart, .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selected, .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selectend { position: relative; background-color: #888822; color: #FFFFFF; } div.calendarinlinecontainer div.calendarinlinebox table td a.selectend:before { content: '\2716'; position: absolute; right: -5px; top: -5px; width: 20px; height: 20px; line-height: 20px; font-size: 11px; -webkit-border-radius: 50%; border-radius: 50%; background: #981162; color: #FFFFFF; } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td span, .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a { color: #283047; position: relative; z-index: 5; border: 1px solid #EEEEEE; } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today { background-color: #981162; color: #FFFFFF; position: relative; } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today a { color: #FFFFFF; z-index: 5; position: relative; } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.2; z-index: 2; -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2),inset 0px 0px 4px 500px rgba(0,0,0,0.25); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2),inset 0px 0px 4px 500px rgba(0,0,0,0.25); } div.calendarinlinecontainer div.calendarinlinebox b { display: block; text-align: center; margin: 0px 4px 0px 4px; height: 90px; font-size: 18px; line-height: 90px; background-color: rgba(225,218,213,0.30); color: #283047; font-weight: normal; border: 1px solid #283047; } .bgweb2 div.calendarinlinecontainer div.calendarinlinebox b { background-color: rgba(204,196,183,0.30); color: #283047; border: 1px solid #283047; } .bgbar div.calendarinlinecontainer div.calendarinlinebox b { background-color: rgba(204,196,183,0.30); color: #FFFFFF; border: 1px solid #283047; } div.calendarinlinecontainer a.prev { position: absolute; left: 3px; top: 11px; width: 13.5%; height: 68px; line-height: 68px; text-align: center; border-right: 1px solid #EEEEEE; z-index: 5; color: #283047; } .bgweb2 div.calendarinlinecontainer a.prev { border-right: 1px solid #EEEEEE; color: #283047; } div.calendarinlinecontainer a.next { position: absolute; right: 3px; top: 11px; width: 13.5%; height: 68px; line-height: 68px; text-align: center; border-left: 1px solid #EEEEEE; z-index: 5; color: #283047; } .bgweb2 div.calendarinlinecontainer a.next { border-left: 1px solid #EEEEEE; color: #283047; } div.calendarinlinecontainer a.prev:hover, div.calendarinlinecontainer a.next:hover { opacity: 0.5; } } @media all { .lightGallery div.lightgalleryhover svg { display: none; } [data-lightgallery=true] .lightGallery { position: relative; cursor: pointer; overflow: hidden; } [data-lightgallery=true] .lightGallery picture { overflow: hidden; } [data-lightgallery=true] .lightGallery div.lightgalleryhover { display: none; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0,0,0,0.45); border-radius: 2px; cursor: pointer; display: block; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next svg, .lg-actions .lg-prev svg { fill: #999999; width: 30px; height: 30px; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover svg, .lg-actions .lg-prev:hover svg { fill: #FFFFFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-prev { left: 20px; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media all { .lg-outer.lg-right-end .lg-object { animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { animation: lg-left-end 0.3s; position: relative; } .lg-object .spaceTopBottom { margin-top: 0px; margin-bottom: 0px; } .lg-toolbar { z-index: 1082; position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(0,0,0,0.45); } .lg-toolbar .lg-icon { cursor: pointer; float: right; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 40px; outline: medium none; } .lg-toolbar .lg-icon svg { fill: #999999; transition: fill 0.2s linear; width: 20px; height: 20px; } .lg-toolbar .lg-close svg { width: 16px; height: 16px; } .lg-toolbar .lg-icon:hover svg { fill: #FFFFFF; } .lg-sub-html { background-color: rgba(0,0,0,0.45); bottom: 0; color: #EEEEEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; transition: transform 0.35s cubic-bezier(0,0,0.25,1) 0s,opacity 0.35s cubic-bezier(0,0,0.25,1) 0s,color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px,0,0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px,0,0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0,-10px,0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5,0.5,0.5); opacity: 0; transition: transform 250ms cubic-bezier(0,0,0.25,1) 0s,opacity 250ms cubic-bezier(0,0,0.25,1) !important; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1,1,1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; transform: translate3d(0,100%,0); transition: transform 0.25s cubic-bezier(0,0,0.25,1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0,0%,0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; box-sizing: border-box; } } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color 0.25s ease; } } @media all { .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb svg { fill: #999; } .lg-outer .lg-toogle-thumb:hover svg { fill: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { overflow: auto; } .lg-outer .lg-has-html5 .lg-video-play { height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-video-play svg { width: 55px; height: 55px; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0,0,0.25,1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0,0,0.25,1) 0s,top 0.3s cubic-bezier(0,0,0.25,1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0,0,0); backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1,1,1); transition: transform 0.3s cubic-bezier(0,0,0.25,1) 0s,opacity 0.15s !important; transform-origin: 0 0; backface-visibility: hidden; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0,0,0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity 0.15s ease 0s,transform 0.15s ease 0s; transform: translate3d(0,5px,0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255,255,255,0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255,255,255,0.7) inset; display: block; height: 12px; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0,0,0,0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; transition: visibility 0s linear 0.18s,opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { transition-delay: 0s; transform: translate3d(0,0px,0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; transform: translate3d(0,5px,0); transition: transform 0.18s linear 0s,visibility 0s linear 0.5s,opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown li { padding-left: 0px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0,0,0,0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share-facebook .lg-icon svg { fill: #3b5998; } .lg-outer #lg-share-twitter .lg-icon svg { fill: #00aced; } .lg-outer #lg-share-googleplus .lg-icon svg { fill: #dd4b39; } .lg-outer #lg-share-pinterest .lg-icon svg { fill: #cb2027; } .lg.thumb.lg-group { box-sizing: border-box; white-space: nowrap; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { display: none !important; } .lg-outer .lg-item span.picture-loading { content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; z-index: 100; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete span.picture-loading { display: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lightGalleryBg .lg-object > div, .lightGalleryBg .lg-object > span, .lightGalleryBg .lg-object > section { display: block; padding: 70px 30px 70px 30px; background-color: #FFFFFF; } .lightGalleryBg .lg-object .centercontent { width: auto; } .lg-outer .lg-ajax { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 100%; text-align: left; white-space: normal; overflow-y: auto; } .lg-outer.lg-loadingcomplete .lg-ajax { overflow-y: auto; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%,0,0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%,0,0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0,0,0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transition: transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { transition: left 1s cubic-bezier(0,0,0.25,1) 0s,opacity 0.1s ease 0s; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media all { .owl-carousel { width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px,0px,0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-font-smoothing: antialiased; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } } @media all { .objectfit-cover .owl-stage, .adapted-height .owl-stage, .objectfit-cover .owl-stage-outer, .adapted-height .owl-stage-outer, .objectfit-cover .owl-item, .adapted-height .owl-item { height: 100%; } .owl-carousel:not(.owl-loaded) .element, .owl-carousel:not(.owl-loaded) article.room, .owl-carousel:not(.owl-loaded) div.room, .owl-carousel:not(.owl-loaded) div.offer { display: none !important; } .owl-carousel:not(.owl-loaded) .element:first-child, .owl-carousel:not(.owl-loaded) article.room:first-child, .owl-carousel:not(.owl-loaded) div.room:first-child, .owl-carousel:not(.owl-loaded) div.offer:first-child { display: block !important; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; } .owl-carousel .owl-nav .owl-prev.disabled svg, .owl-carousel .owl-nav .owl-next.disabled svg { cursor: default; } } @media print { body { text-align: left; background-color: #FFFFFF !important; } nav.mainmenu { display: none; } header.pageheader { display: none; } div.pagecontent { margin: 0px 0px 0px 0px; } article.maincontent { color: #000000 !important; background-color: #FFFFFF !important; margin: 0px 0px 0px 0px !important; float: none; } article.maincontent div.inlineapi a.noprint { display: none; } article.maincontent div.inlineapi span.noprint { display: none; } article.maincontent div.inlineapi div.onlyprint { display: block; } article.maincontent div.inlineapi div.bestaetigung { display: none; } article.maincontent div.inlineapi div.noprint { display: none; } footer.pagefooter { display: none; } } @media all { br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } div.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearbefore::before { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearbeforeafter::before { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearbeforeafter::after { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } .clearafter::after { content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } } @media all { body { } address { font-style: normal; } div.frame { position: relative; text-align: left; } .centercontentleft, .centercontent, .centercontent [data-centercontent="force"].centercontent { width: 96%; width: 92%; max-width: 1460px; margin-left: auto; margin-right: auto; } .centercontent .centercontent { width: auto; max-width: none; margin-left: 0px; margin-right: 0px; } .centercontentspaceleft { margin-right: 0px; max-width: calc(100% - ((100% - 1460px) / 2)); margin-left: auto; } .centercontentleft { margin-left: 0px; } .effect-scroll { opacity: 0.7; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: -webkit-transform 1.5s ease,opacity 1.5s ease; transition: transform 1.5s ease,opacity 1.5s ease; } .effect-scroll.activated { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .centercontentSmall { width: 76.068376%; max-width: 890px; margin-left: auto; margin-right: auto; } .centercontentLarge { width: 96%; width: 92%; margin-left: auto; margin-right: auto; } .textContent { margin-left: auto; margin-right: auto; width: 80%; max-width: 560px; } .o6 { opacity: .6; } .colorWhite { color: #FFFFFF; } picture.zoomHover, .zoomHover picture { overflow: hidden; } picture.zoomHover img, .zoomHover picture img { transition: transform .25s linear; } picture.zoomHover:hover img, .zoomHover picture:hover img { transform-origin: center center; transform: scale(1.025); } .spacingleft { padding-left: 37px; } .spacingleftm { margin-left: 37px; } .mediumspacingleft { padding-left: 68px; } .mediumspacingleftm { margin-left: 68px; } .textgradient { position: relative; } .textgradient:before { content: ''; pointer-events: none; display: block; width: 100%; height: 76.923077%; position: absolute; left: 0px; bottom: 0px; z-index: 1; } .textgradient:before { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.59) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#96000000',GradientType=0 ); } .backdrop { position: relative; } .backdrop:before { content: ''; width: 100%; height: 100%; background: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); position: absolute; left: 10px; top: 10px; z-index: 0; } .spacestiny { padding-top: 70px; padding-bottom: 70px; } .spacesmall { padding-top: 100px; padding-bottom: 100px; } .spacesmalltop { padding-top: 100px; } .spacenormal { padding-top: 125px; padding-bottom: 125px; } .spacemedium { padding-top: 145px; padding-bottom: 145px; } .spacebig { padding-top: 160px; padding-bottom: 160px; } .spacebigger { padding-top: 175px; padding-bottom: 175px; } .spacetinybottom { padding-bottom: 70px; } .spacesmallbottom { padding-bottom: 100px; } .spacenormalbottom { padding-bottom: 125px; } .spacemediumbottom { padding-bottom: 145px; } .spacebigbottom { padding-bottom: 160px; } .bgweb:not(.fullwidth).collapsable + .bgweb:not(.fullwidth).collapsable, .bgweb2:not(.fullwidth).collapsable + .bgweb2:not(.fullwidth).collapsable, .bgbar:not(.fullwidth).collapsable + .bgbar:not(.fullwidth).collapsable, .bglist:not(.fullwidth).collapsable + .bglist:not(.fullwidth).collapsable, .bgheader:not(.fullwidth).collapsable + .bgheader:not(.fullwidth).collapsable, .bghighlight:not(.fullwidth).collapsable + .bghighlight:not(.fullwidth).collapsable, .bghighlight2:not(.fullwidth).collapsable + .bghighlight2:not(.fullwidth).collapsable { padding-top: 0%; } .bgweb:not(.fullwidth).collapsable + .bgweb:not(.fullwidth) .collapsable, .bgweb2:not(.fullwidth).collapsable + .bgweb2:not(.fullwidth) .collapsable, .bgbar:not(.fullwidth).collapsable + .bgbar:not(.fullwidth) .collapsable, .bglist:not(.fullwidth).collapsable + .bglist:not(.fullwidth) .collapsable, .bgheader:not(.fullwidth).collapsable + .bgheader:not(.fullwidth) .collapsable, .bghighlight:not(.fullwidth).collapsable + .bghighlight:not(.fullwidth) .collapsable, .bghighlight2:not(.fullwidth).collapsable + .bghighlight2:not(.fullwidth) .collapsable { padding-top: 0%; } .collapsable:not(.bgweb):not(.bgweb2):not(.bgbar):not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2) + .collapsable:not(.bgweb):not(.bgweb2):not(.bgbar):not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2) { padding-top: 0%; } .darker { -webkit-box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.08); -moz-box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.08); box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.08); } picture, picture a { display: block; position: relative; } picture img { transition: opacity 500ms; opacity: 1; } picture.picture-loading:before { content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; } picture.picture-loading img { opacity: 0; } video + .video-controls { display: none; } video + .video-controls.loaded { display: block; } video + .video-controls > div { position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer; } video + .video-controls > div:before { content: ''; position: absolute; width: 50px; height: 50px; border: 5px solid #FFFFFF; border-radius: 50%; transition: all 0.3s; } video + .video-controls > div.play { width: 0; height: 0; border-top: 16px solid transparent; border-left: 20px solid #FFFFFF; border-bottom: 16px solid transparent; margin: -16px 0px 0px -6px; } video + .video-controls > div.play:before { left: -44px; top: -30px; } video + .video-controls > div.pause { width: 8px; height: 26px; border-right: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; margin: -13px 0px 0px -10px; } video + .video-controls > div.pause:before { left: -26px; top: -17px; } video + .video-controls .play:hover:before, video + .video-controls .pause:hover:before { transform: scale(1.1); } video + .video-controls > div.pause { display: none; } video + .video-controls.playing > div.play { display: none; } video + .video-controls.playing > div.pause { display: block; } .clearbefore:before, .clearafter:after, .clearbeforeafter:before, .clearbeforeafter:after { content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; } .vAlignHelper:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .box-resizing.vAlignHelper:before, .box-resizing .vAlignHelper:before { content: none; } .vAlignCenter { display: inline-block; vertical-align: middle; } .vAlignTop { display: inline-block; vertical-align: top; } .vAlignBottom { display: inline-block; vertical-align: bottom; } .center { transform: translate(-50%,-50%); } .centerX { transform: translateX(-50%); } .centerY { transform: translateY(-50%); } .loading { pointer-events: none; } .loading:before { content: ''; margin-left: -25px; display: block; width: 40px; height: 40px; border-radius: 50%; border: 5px solid; border-color: rgba(16,119,189,.4) rgba(16,119,189,.4) rgba(16,119,189,.4) rgb(16,119,189); position: absolute; left: 50%; top: 250px; z-index: 9; animation: spin 1.6s linear infinite; } .loading > * { opacity: .5; } .list6, .list5, .list4, .list3, .list2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .list2 i, .list2 article { width: 47.945205%; } .list3 i, .list3 article { width: 30.821918%; } .list4 i, .list4 article { width: 21.917808%; } .list5 i, .list5 article { width: 18.082192%; } .list6 i, .list6 article { width: 14.726027%; } .list6 .owl-item article, .list5 .owl-item article, .list4 .owl-item article, .list3 .owl-item article, .list2 .owl-item article { width: 100%; } .list3.centerlist { text-align: center; justify-content: space-around; } .list3.centerlist article:nth-child(3n):last-child { width: 100%; } .list6:not(.singleRow):after, .list5:not(.singleRow):after, .list4:not(.singleRow):after, .list3:not(.singleRow):after { content: ''; width: 25.342466%; } .list3.centerlist:after { content: none; } } @media (max-width: 1720px) { .centercontentleft { max-width: calc(100% - (100% - 1460px)); } } @media (max-width: 1700px) { .spacesmall { padding-top: 5.882353%; padding-bottom: 5.882353%; } .spacenormal { padding-top: 7.352941%; padding-bottom: 7.352941%; } .spacemedium { padding-top: 8.529412%; padding-bottom: 8.529412%; } .spacebig { padding-top: 9.411765%; padding-bottom: 9.411765%; } .spacebigger { padding-top: 10.294118%; padding-bottom: 10.294118%; } .spacesmallbottom { padding-bottom: 5.882353%; } .spacenormalbottom { padding-bottom: 7.352941%; } .spacemediumbottom { padding-bottom: 8.529412%; } .spacebigbottom { padding-bottom: 9.411765%; } } @media (max-width: 450px) { .spacesmall { padding-top: 9.765625%; padding-bottom: 9.765625%; } .spacenormal { padding-top: 12.207031%; padding-bottom: 12.207031%; } .spacemedium { padding-top: 14.160156%; padding-bottom: 14.160156%; } .spacebig { padding-top: 15.625000%; padding-bottom: 15.625000%; } .spacebigger { padding-top: 17.089844%; padding-bottom: 17.089844%; } .spacesmallbottom { padding-bottom: 9.765625%; } .spacenormalbottom { padding-bottom: 12.207031%; } .spacemediumbottom { padding-bottom: 14.160156%; } .spacebigbottom { padding-bottom: 15.625000%; } .spacestiny { padding-top: 25px; padding-bottom: 25px; } } @media (max-width: 1590px) { .centercontentspaceleft { margin-left: 4%; } } @media (max-width: 1460px) { .centercontentleft { width: 96%; } } @media (max-width: 1200px) { .mediumspacingleft { padding-left: 56px; } .mediumspacingleftm { margin-left: 56px; } } @media (max-width: 900px) { .mediumspacingleft { padding-left: 42px; } .mediumspacingleftm { margin-left: 42px; } } @media (max-width: 900px) { .list3 i, .list3 article { width: 47.945205%; } } @media (max-width: 500px) { .list3 i, .list3 article { width: 100%; } } @media (max-width: 800px) { .textContent { width: 100%; max-width: 760px; } } @media all { } @media all { } @media all { } @media all { } @media all { section.unitcookieonpage.layout1 { min-height: 70px; width: 100%; font-size: 14px; line-height: 18px; text-align: left; z-index: 50; } section.unitcookieonpage.layout1:before { content: ''; position: absolute; left: 0px; top: 0px; height: 10px; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); } section.unitcookieonpage.layout1 div.inside { padding: 15px 15px 15px 15px; } section.unitcookieonpage.layout1 div.inside div.text { float: left; display: inline; padding: 0px 70px 0px 0px; } section.unitcookieonpage.layout1 div.inside a.icon { position: absolute; right: 0px; top: 0px; width: 70px; height: 70px; } section.unitcookieonpage.layout1 div.inside a.icon:before { content: '\D7'; position: absolute; left: 0px; top: 8px; width: 100%; text-align: center; font-size: 42px; line-height: 44px; font-family: Verdana,Geneva,sans-serif; } } @media (max-width: 1023px) { section.unitcookieonpage.layout1 { font-size: 13px; line-height: 17px; } } @media (max-width: 900px) { section.unitcookieonpage.layout1 div.inside a.icon { width: 50px; height: 50px; } section.unitcookieonpage.layout1 div.inside a.icon:before { top: 4px; font-size: 34px; line-height: 36px; } } @media (max-width: 720px) { section.unitcookieonpage.layout1 { font-size: 12px; line-height: 16px; } } @media all { section.unitcookieonpage.layout1.cssversionbottom { position: fixed; left: 0px; bottom: 0px; } } @media all { :root { --handwriting-font-family: 'La Belle Aurore',cursive; --bgweb-t7-title-color: #006EB8; --default-font-family: 'Source Sans Pro',Arial,sans-serif; --default-font-weight: normal; --default-font-size: 18px; --default-line-height: 25px; --default-tablet-font-size: 17px; --default-tablet-line-height: 24px; --default-mobile-font-size: 16px; --default-mobile-line-height: 23px; --small-font-family: 'Source Sans Pro',Arial,sans-serif; --small-font-weight: normal; --small-font-size: 14px; --small-line-height: 18px; --small-tablet-font-size: 13px; --small-tablet-line-height: 18px; --small-mobile-font-size: 12px; --small-mobile-line-height: 16px; --medium-font-family: 'Source Sans Pro',Arial,sans-serif; --medium-font-weight: normal; --medium-font-size: 20px; --medium-line-height: 30px; --medium-tablet-font-size: 19px; --medium-tablet-line-height: 29px; --medium-mobile-font-size: 16px; --medium-mobile-line-height: 23px; --large-font-family: 'Source Sans Pro',Arial,sans-serif; --large-font-weight: normal; --large-font-size: 22px; --large-line-height: 32px; --large-tablet-font-size: 21px; --large-tablet-line-height: 31px; --large-mobile-font-size: 18px; --large-mobile-line-height: 25px; --t1large-font-family: 'Source Sans Pro',Arial,sans-serif; --t1large-font-weight: bold; --t1large-letter-spacing: 0px; --t1large-text-transform: none; --t1large-font-size: 80px; --t1large-line-height: 88px; --t1large-tablet-font-size: 58px; --t1large-tablet-line-height: 65px; --t1large-mobile-font-size: 28px; --t1large-mobile-line-height: 30px; --t1-font-family: 'Source Sans Pro',Arial,sans-serif; --t1-font-weight: bold; --t1-letter-spacing: 0px; --t1-text-transform: none; --t1-font-size: 70px; --t1-line-height: 77px; --t1-handwriting-font-size: 42px; --t1-handwriting-line-height: 28px; --t1-tablet-font-size: 42px; --t1-tablet-line-height: 48px; --t1-mobile-font-size: 26px; --t1-mobile-line-height: 30px; --t2-font-family: 'Source Sans Pro',Arial,sans-serif; --t2-font-weight: normal; --t2-letter-spacing: 0px; --t2-text-transform: none; --t2-font-size: 28px; --t2-line-height: 38px; --t2-handwriting-font-size: 34px; --t2-handwriting-line-height: 38px; --t2-tablet-font-size: 23px; --t2-tablet-line-height: 29px; --t2-mobile-font-size: 16px; --t2-mobile-line-height: 25px; --t3-font-family: 'Source Sans Pro',Arial,sans-serif; --t3-font-weight: bold; --t3-letter-spacing: 0px; --t3-text-transform: none; --t3-font-size: 60px; --t3-line-height: 67px; --t3-tablet-font-size: 33px; --t3-tablet-line-height: 38px; --t3-mobile-font-size: 22px; --t3-mobile-line-height: 27px; --t4-font-family: 'Source Sans Pro',Arial,sans-serif; --t4-font-weight: bold; --t4-letter-spacing: 0px; --t4-text-transform: none; --t4-font-size: 45px; --t4-line-height: 53px; --t4-tablet-font-size: 27px; --t4-tablet-line-height: 32px; --t4-mobile-font-size: 20px; --t4-mobile-line-height: 26px; --t5-font-family: 'Source Sans Pro',Arial,sans-serif; --t5-font-weight: bold; --t5-letter-spacing: 0px; --t5-text-transform: none; --t5-font-size: 30px; --t5-line-height: 37px; --t5-tablet-font-size: 22px; --t5-tablet-line-height: 27px; --t5-mobile-font-size: 18px; --t5-mobile-line-height: 25px; --t6-font-family: 'Source Sans Pro',Arial,sans-serif; --t6-font-weight: bold; --t6-letter-spacing: 0px; --t6-text-transform: none; --t6-font-size: 20px; --t6-line-height: 28px; --t6-tablet-font-size: 19px; --t6-tablet-line-height: 25px; --t6-mobile-font-size: 17px; --t6-mobile-line-height: 24px; --t7-font-family: 'Source Sans Pro',Arial,sans-serif; --t7-font-weight: bold; --t7-letter-spacing: 3px; --t7-text-transform: uppercase; --t7-font-size: 16px; --t7-line-height: 28px; --t6-tablet-font-size: 15px; --t6-tablet-line-height: 28px; --t6-mobile-font-size: 14px; --t6-mobile-line-height: 25px; --morelink-font-family: 'Source Sans Pro',Arial,sans-serif; --morelink-font-weight: bold; --morelink-letter-spacing: 0px; --morelink-text-transform: none; --morelink-font-size: 20px; --morelink-line-height: 27px; --morelink-tablet-font-size: 15px; --morelink-tablet-line-height: 17px; --morelink-mobile-font-size: 14px; --morelink-mobile-line-height: 16px; --bgweb-rgba-o0: rgba(255,255,255,0.00); --bgweb-rgba-o1: rgba(255,255,225521,1.00); --bgweb-bg-color: #FFFFFF; --bgweb-title-color: #283047; --bgweb-t2-title-color: #283047; --bgweb-t5-title-color: #283047; --bgweb-text-color: #283047; --bgweb-border-color: #EEEEEE; --bgweb-link-color: #006CB8; --bgweb-link-hover-color: #00365C; --bgweb-button1-bg-color: #1077BD; --bgweb-button1-border-color: #006CB8; --bgweb-button1-text-color: #006DB8; --bgweb-button1-hover-bg-color: #0A4D7B; --bgweb-button1-hover-text-color: #A6A6A6; --bgweb-button2-bg-color: #283047; --bgweb-button2-border-color: #283047; --bgweb-button2-text-color: #FFFFFF; --bgweb-button2-hover-bg-color: #283047; --bgweb-button2-hover-text-color: #FFFFFF; --bgweb-form-bg-color: rgba(225,218,213,0.30); --bgweb-form-text-color: #283047; --bgweb-form-border-color: #283047; --bgweb2-rgba-o0: rgba(245,241,239,0.00); --bgweb2-rgba-o1: rgba(245,241,239,1.00); --bgweb2-bg-color: #F5F1EF; --bgweb2-title-color: #283047; --bgweb2-t2-title-color: #283047; --bgweb2-t5-title-color: #283047; --bgweb2-text-color: #283047; --bgweb2-border-color: #EEEEEE; --bgweb2-link-color: #006CB8; --bgweb2-link-hover-color: #2CAADF; --bgweb2-button1-bg-color: #006CB8; --bgweb2-button1-border-color: #006CB8; --bgweb2-button1-text-color: #FFFFFF; --bgweb2-button1-hover-bg-color: #2CAADF; --bgweb2-button1-hover-text-color: #FFFFFF; --bgweb2-button2-bg-color: #283047; --bgweb2-button2-border-color: #283047; --bgweb2-button2-text-color: #FFFFFF; --bgweb2-button2-hover-bg-color: #283047; --bgweb2-button2-hover-text-color: #FFFFFF; --bgweb2-form-bg-color: rgba(204,196,183,0.30); --bgweb2-form-text-color: #283047; --bgweb2-form-border-color: #283047; --bglist-bg-color: #EDF8FE; --bglist-title-color: #283047; --bglist-t2-title-color: #283047; --bglist-t5-title-color: #283047; --bglist-text-color: #283047; --bglist-border-color: #EEEEEE; --bglist-link-color: #006CB8; --bglist-link-hover-color: #2CAADF; --bglist-button1-bg-color: #006CB8; --bglist-button1-border-color: #006CB8; --bglist-button1-text-color: #006CB8; --bglist-button1-hover-bg-color: #2CAADF; --bglist-button1-hover-text-color: #A6A6A6; --bglist-button2-bg-color: #283047; --bglist-button2-border-color: #283047; --bglist-button2-text-color: #FFFFFF; --bglist-button2-hover-bg-color: #283047; --bglist-button2-hover-text-color: #FFFFFF; --bglistalternate-bg-color: #D5EEFD; --bglistalternate-title-color: #283047; --bglistalternate-t2-title-color: #283047; --bglistalternate-t5-title-color: #283047; --bglistalternate-text-color: #283047; --bglistalternate-border-color: #EEEEEE; --bglistalternate-link-color: #006CB8; --bglistalternate-link-hover-color: #2CAADF; --bglistalternate-button1-bg-color: #006CB8; --bglistalternate-button1-border-color: #006CB8; --bglistalternate-button1-text-color: #FFFFFF; --bglistalternate-button1-hover-bg-color: #2CAADF; --bglistalternate-button1-hover-text-color: #FFFFFF; --bglistalternate-button2-bg-color: #283047; --bglistalternate-button2-border-color: #283047; --bglistalternate-button2-text-color: #FFFFFF; --bglistalternate-button2-hover-bg-color: #283047; --bglistalternate-button2-hover-text-color: #FFFFFF; --bgbar-bg-color: #1077BD; --bgbar-title-color: #FFFFFF; --bgbar-t2-title-color: #FFFFFF; --bgbar-t5-title-color: #FFFFFF; --bgbar-text-color: #FFFFFF; --bgbar-border-color: #EEEEEE; --bgbar-link-color: #FFFFFF; --bgbar-link-hover-color: rgba(255,255,255,0.6); --bgbar-button1-bg-color: #006CB8; --bgbar-button1-border-color: #006CB8; --bgbar-button1-text-color: #FFFFFF; --bgbar-button1-hover-bg-color: #2CAADF; --bgbar-button1-hover-text-color: #FFFFFF; --bgbar-button2-bg-color: #E1DAD5; --bgbar-button2-border-color: #E1DAD5; --bgbar-button2-text-color: #283047; --bgbar-button2-hover-bg-color: #969187; --bgbar-button2-hover-text-color: #FFFFFF; --bgbar-form-bg-color: rgba(204,196,183,0.30); --bgbar-form-text-color: #FFFFFF; --bgbar-form-border-color: #283047; --bghighlight-bg-color: #981162; --bghighlight-title-color: #FFFFFF; --bghighlight-t2-title-color: #FFFFFF; --bghighlight-t5-title-color: #FFFFFF; --bghighlight-text-color: #FFFFFF; --bghighlight-border-color: #EEEEEE; --bghighlight-link-color: #FFFFFF; --bghighlight-link-hover-color: #E1DAD5; --bghighlight-button1-bg-color: #E1DAD5; --bghighlight-button1-border-color: #E1DAD5; --bghighlight-button1-text-color: #FFFFFF; --bghighlight-button1-hover-bg-color: #969187; --bghighlight-button1-hover-text-color: #FFFFFF; --bghighlight-button2-bg-color: #283047; --bghighlight-button2-border-color: #283047; --bghighlight-button2-text-color: #FFFFFF; --bghighlight-button2-hover-bg-color: #969187; --bghighlight-button2-hover-text-color: #FFFFFF; --bghighlight2-bg-color: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); --bghighlight2-title-color: #FFFFFF; --bghighlight2-t2-title-color: #FFFFFF; --bghighlight2-t5-title-color: #FFFFFF; --bghighlight2-text-color: #FFFFFF; --bghighlight2-border-color: #EEEEEE; --bghighlight2-link-color: #006CB8; --bghighlight2-link-hover-color: #2CAADF; --bghighlight2-button1-bg-color: #006CB8; --bghighlight2-button1-border-color: #006CB8; --bghighlight2-button1-text-color: #FFFFFF; --bghighlight2-button1-hover-bg-color: #2CAADF; --bghighlight2-button1-hover-text-color: #FFFFFF; --bghighlight2-button2-bg-color: #E1DAD5; --bghighlight2-button2-border-color: #E1DAD5; --bghighlight2-button2-text-color: #283047; --bghighlight2-button2-hover-bg-color: #969187; --bghighlight2-button2-hover-text-color: #FFFFFF; --bggallerybox-bg-color: rgba(0,0,0,0.80); --bggallerybox-title-color: #FFFFFF; --bggallerybox-t2-title-color: #FFFFFF; --bggallerybox-t5-title-color: #FFFFFF; --bggallerybox-text-color: #FFFFFF; --bggallerybox-border-color: #EEEEEE; --bggallerybox-link-color: #006CB8; --bggallerybox-link-hover-color: #2CAADF; --bggallerybox-button1-bg-color: #006CB8; --bggallerybox-button1-border-color: #006CB8; --bggallerybox-button1-text-color: #FFFFFF; --bggallerybox-button1-hover-bg-color: #2CAADF; --bggallerybox-button1-hover-text-color: #FFFFFF; --bggallerybox-button2-bg-color: #E1DAD5; --bggallerybox-button2-border-color: #E1DAD5; --bggallerybox-button2-text-color: #283047; --bggallerybox-button2-hover-bg-color: #969187; --bggallerybox-button2-hover-text-color: #FFFFFF; --bgheader-bg-color: #FFFFFF; --bgheader-title-color: #283047; --bgheader-t2-title-color: #283047; --bgheader-t5-title-color: #283047; --bgheader-text-color: #283047; --bgheader-border-color: #EEEEEE; --bgheader-link-color: #006CB8; --bgheader-link-hover-color: #2CAADF; --bgheader-button1-bg-color: #006CB8; --bgheader-button1-border-color: #006CB8; --bgheader-button1-text-color: #FFFFFF; --bgheader-button1-hover-bg-color: #2CAADF; --bgheader-button1-hover-text-color: #FFFFFF; --bgheader-button2-bg-color: #283047; --bgheader-button2-border-color: #283047; --bgheader-button2-text-color: #FFFFFF; --bgheader-button2-hover-bg-color: #283047; --bgheader-button2-hover-text-color: #FFFFFF; --bgheader2-bg-color: #EDF8FE; --bgheader2-title-color: #283047; --bgheader2-t2-title-color: #283047; --bgheader2-t5-title-color: #283047; --bgheader2-text-color: #283047; --bgheader2-border-color: #EEEEEE; --bgheader2-link-color: #006CB8; --bgheader2-link-hover-color: #2CAADF; --bgheader2-button1-bg-color: #006CB8; --bgheader2-button1-border-color: #006CB8; --bgheader2-button1-text-color: #FFFFFF; --bgheader2-button1-hover-bg-color: #2CAADF; --bgheader2-button1-hover-text-color: #FFFFFF; --bgheader2-button2-bg-color: #283047; --bgheader2-button2-border-color: #283047; --bgheader2-button2-text-color: #FFFFFF; --bgheader2-button2-hover-bg-color: #283047; --bgheader2-button2-hover-text-color: #FFFFFF; --bgmobile-bg-color: #EDF8FE; --bgmobile-title-color: #283047; --bgmobile-t2-title-color: #283047; --bgmobile-t5-title-color: #283047; --bgmobile-text-color: #283047; --bgmobile-border-color: #EEEEEE; --bgmobile-link-color: #006CB8; --bgmobile-link-hover-color: #2CAADF; --bgmobile-button1-bg-color: #006CB8; --bgmobile-button1-border-color: #006CB8; --bgmobile-button1-text-color: #FFFFFF; --bgmobile-button1-hover-bg-color: #2CAADF; --bgmobile-button1-hover-text-color: #FFFFFF; --bgmobile-button2-bg-color: #283047; --bgmobile-button2-border-color: #283047; --bgmobile-button2-text-color: #FFFFFF; --bgmobile-button2-hover-bg-color: #283047; --bgmobile-button2-hover-text-color: #FFFFFF; --button-outline-width: 0px; } } @media all { section.USP { margin-top: -40px; position: relative; z-index: 2; } section.USP .elements { padding: 61px 0px 67px 0px; display: flex; } section.USP .elements .element { width: 30.821918%; display: flex; align-items: center; cursor: default; } section.USP .elements .element .icon { margin-right: 28px; width: 88px; height: 88px; flex-shrink: 0; } } @media (max-width: 1600px) { section.USP .elements { padding: 4.178082% 0px 4.589041% 0px; display: flex; } section.USP .elements .element .icon { margin-right: 22px; width: 72px; height: 72px; } } @media (max-width: 1024px) { section.USP .elements .element .headline { margin-bottom: 5px; } section.USP .elements .element .icon { margin-right: 14px; width: 60px; height: 60px; } } @media (max-width: 800px) { section.USP .elements { flex-direction: column; } section.USP .elements .element { width: auto; } section.USP .elements .element + .element { margin-top: 22px; } } @media all { .Themestage { color: #ffffff; } .Themestage .text { width: 100%; position: absolute; left: 0px; top: 50%; } .Themestage.T2 .text { top: auto; bottom: 70px; } .Themestage .element { overflow: hidden; } .Themestage .innerText { position: relative; } .Themestage .innerText > * { position: relative; z-index: 2; } .Themestage .innerText:before { content: ''; width: 60%; width: 120%; max-width: 90vw; height: 120%; display: block; position: absolute; left: -10%; top: -10%; z-index: 1; } .Themestage .innerText:before { background: -moz-radial-gradient(center,ellipse closest-side,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%); background: -webkit-radial-gradient(center,ellipse closest-side,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%); background: radial-gradient(ellipse closest-side at center,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69171717',endColorstr='#00171717',GradientType=1 ); } .Themestage .label { margin-bottom: 18px; } .Themestage.T2 .label { display: inline-block; } .Themestage .introduction { margin-top: 18px; max-width: 505px; } .Themestage .detaillink { margin-top: 28px; } .Themestage .owl-dots { width: 100%; display: flex; justify-content: center; position: absolute; left: 0px; bottom: 72px; z-index: 2; } .Themestage .elements:before, .Themestage .elements:after { content: ''; width: 100%; height: 26.150628%; max-height: 250px; display: block; position: absolute; left: 0px; top: 0px; z-index: 1; } .Themestage .elements:before { height: 36.610879%; max-height: 350px; pointer-events: none; } .Themestage .elements:after { top: auto; bottom: 0px; } .Themestage .elements:before { background: -moz-linear-gradient(top,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%); background: -webkit-linear-gradient(top,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%); background: linear-gradient(to bottom,rgba(23,23,23,0.6) 0%,rgba(23,23,23,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69171717',endColorstr='#00171717',GradientType=0 ); } .Themestage .elements:after { background: -moz-linear-gradient(top,rgba(23,23,23,0) 0%,rgba(23,23,23,0.6) 100%); background: -webkit-linear-gradient(top,rgba(23,23,23,0) 0%,rgba(23,23,23,0.6) 100%); background: linear-gradient(to bottom,rgba(23,23,23,0) 0%,rgba(23,23,23,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171717',endColorstr='#69171717',GradientType=0 ); } .Themestage .owl-dots div { position: relative; } .Themestage .element, .Themestage .element .inner, .Themestage .element .inner .picture, .Themestage .element .inner .picture picture, .Themestage .element .inner .picture picture img { height: 100%; } } @media (max-width: 600px) { .Themestage .label { margin-bottom: 12px; } .Themestage.T2 .text { bottom: 20px; transform: none; } } @media (max-width: 400px) { .Themestage .label { margin-bottom: 8px; } } @media all { section.Teaser { } section.Teaser.T1 { } section.Teaser.T2.Contacts { margin-top: 5.294118%; } section.Teaser.T2.Contacts .innerTeaser { display: flex; justify-content: space-between; } section.Teaser.T2.Contacts .owl-stage-outer { margin-top: -10.588235%; margin-bottom: 10.588235%; position: relative; } section.Teaser.T2.Contacts .innerTeaser { position: relative; } section.Teaser.T2.Contacts .innerTeaser .shadowhelper { content: ''; width: 50%; height: 100%; margin-bottom: 5.294118%; position: absolute; bottom: 0px; right: 0px; z-index: -1; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.4); } section.Teaser.T2.Contacts .elements article { margin: 0px 0px 0px 0px; } section.Teaser.T2.Contacts .owl-nav { margin-top: -10.588235%; width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; } section.Teaser.T2.Contacts .owl-nav .navicon { margin: 0px 37px 0px; position: relative; } .gallerynav .owl-carousel .owl-nav .owl-prev { transform: translateX(-50%); } .gallerynav .owl-carousel .owl-nav .owl-next { transform: translateX(50%); } .gallerynav .owl-carousel .owl-nav .navicon { position: relative; } .gallerynav .owl-carousel .owl-nav .navicon.disabled { visibility: hidden; } .gallerynav .owl-carousel .owl-nav .icon { color: #273046; width: 21px; height: 16px; position: absolute; left: 19px; top: 22px; z-index: 2; fill: currentColor; } .gallerynav .owl-carousel .owl-nav .icon.bg { color: #ffffff; width: 60px; height: 60px; position: relative; left: 0px; top: 0px; z-index: 1; } section.Teaser.T1 .elements { display: flex; justify-content: space-between; align-items: stretch; } section.Teaser.T1 .elements article { width: 47.602740%; position: relative; } section.Teaser.T1 .elements article.noimage { display: flex; align-items: center; } section.Teaser.T1 .elements article.noimage .innerText { margin: 20px 45px; } section.Teaser.T1 .elements article.noimage .introduction { margin-top: 12px; } section.Teaser.T1 .elements article.noimage .detaillink { margin-top: 28px; } .teaserimg .innerText, section.Teaser.T1 .elements article.withimage .innerText { margin: 36px; } .teaserimg { position: relative; } .teaserimg .text, section.Teaser.T1 .elements article.withimage .text { margin-top: 56.250000%; position: absolute; left: 0px; top: 0px; z-index: 2; transform: translateY(-100%); } section.Teaser.T1 .elements article.withimage .text { pointer-events: none; } section.Teaser.Slider { overflow: hidden; } section.Teaser.Slider .Intro { text-align: center; } section.JobsT1.Teaser.Slider { padding-top: 0; } section.JobsT1.Teaser.Slider .element { cursor: pointer; } section.JobsT1.Teaser.Slider .content { margin-top: 8.108108%; } section.Teaser.Slider .owl-stage-outer { overflow: visible; } section.Teaser.Slider .owl-carousel .owl-stage { display: flex; } section.Teaser.Slider .owl-carousel .owl-item { display: flex; flex: 1 0 auto; } section.Teaser.Slider .owl-item { overflow: hidden; } section.Teaser.Slider .owl-nav { position: absolute; width: 92%; top: 50%; left: 0px; display: flex; justify-content: space-between; margin-top: -30px; pointer-events: none; } section.Teaser.Slider .owl-nav .icon { pointer-events: auto; } section.Teaser.Slider .elements { padding-right: 10%; padding-right: calc(10% - 20px); box-sizing: border-box; } section.Teaser.Slider.Logos .elements { padding-right: 0%; } section.Teaser.Slider .elements .element { display: flex; } section.Teaser.Slider .elements .element:before { content: ''; padding-top: 133.750000%; width: 1px; height: 0px; display: inline-block; } section.Teaser.Slider.Logos .elements .element:before { display: none; } section.Teaser.Slider .elements .element .text { margin: 35px 32px; position: relative; z-index: 2; } section.Teaser.Slider.Images .elements .element .text { margin: 30px; pointer-events: none; } section.Teaser.Slider.Images .elements .inner { display: flex; align-items: flex-end; } section.Teaser.Slider .elements .element .label { margin-bottom: 4px; } section.Teaser.Slider .elements .element .introduction { margin-top: 12px; margin-right: 28px; } section.Teaser.Slider .elements .element .picture { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; } section.Teaser.Slider.Logos .elements .inner { width: 100%; } section.Teaser.Slider.Logos .elements .element .picture { position: relative; margin: 10%; width: 80%; } } @media (max-width: 1024px) { section.Teaser.T1 .elements article.noimage .innerText { margin: 15px 35px; } .gallerynav .owl-carousel .owl-nav .icon { width: 15px; height: 16px; left: 12px; top: 12px; } .gallerynav .owl-carousel .owl-nav .icon.bg { width: 40px; height: 40px; left: 0px; top: 0px; } } @media (max-width: 800px) { section.Teaser.T2.Contacts .innerTeaser .shadowhelper { width: 86.301370%; margin-top: -8.789063%; margin-bottom: 0; bottom: auto; top: 0px; right: 6.849315%; } section.Teaser.T2.Contacts .innerTeaser { flex-direction: column-reverse; } .gallerynav .owl-carousel .owl-nav .owl-prev { transform: translateX(0%); } .gallerynav .owl-carousel .owl-nav .owl-next { transform: translateX(0%); } section.Teaser.Slider .owl-nav { margin-top: -15px; padding: 0px 10px; box-sizing: border-box; } section.Teaser.Slider .elements .element .text { margin: 35px 60px; } } @media (max-width: 650px) { section.Teaser.T1 .elements { flex-direction: column; } section.Teaser.T1 .elements article { flex-grow: 1; width: 100%; max-width: 450px; margin-left: auto; margin-right: auto; } section.Teaser.T1 .elements article + article { margin-top: 30px; } section.Teaser.T1 .elements article.noimage .inner { display: flex; align-items: center; } section.Teaser.T1 .elements article.noimage .inner:after { content: ''; width: 1px; height: 0px; display: block; padding-top: 56.250000%; } .teaserimg .innerText, section.Teaser.T1 .elements article.withimage .text .innerText { margin: 25px; } } @media (max-width: 420px) { section.Teaser.T1 .elements article.noimage .innerText { margin: 12px 25px; } } @media (max-width: 320px) { .teaserimg .innerText, section.Teaser.T1 .elements article.withimage .text .innerText { margin: 18px; } } @media all { div.StyleguideT1 { margin-left: 160px; } div.StyleguideT1 nav.sidebar { position: fixed; border-right: 1px solid currentColor; left: 0px; top: 0px; width: 160px; height: 100%; } div.StyleguideT1 nav.sidebar li { position: relative; } div.StyleguideT1 nav.sidebar li:before { content: ''; width: 100%; height: 1px; display: block; background-color: currentColor; position: absolute; left: 0px; top: auto; bottom: 0px; } div.StyleguideT1 nav.sidebar li a { display: inline-block; } div.StyleguideT1 nav.sidebar li a, div.StyleguideT1 nav.sidebar li.logo { padding: 23px 20px 21px 20px; display: block; } div.StyleguideT1 nav.sidebar li.logo img { width: 100%; } div.StyleguideT1 div.innerStyleguide { width: 81.196581%; max-width: 1270px; } div.StyleguideT1 section { padding: 7vh 0px; min-height: 86vh; display: flex; flex-direction: column; justify-content: center; } div.StyleguideT1 section .nohover { pointer-events: none; } div.StyleguideT1 section div.introduction { width: 85%; max-width: 1170px; margin-top: 8px; margin-left: 0px; } div.StyleguideT1 section div.content { margin-top: 6.410256%; } div.StyleguideT1 section div.content { display: flex; flex-wrap: wrap; justify-content: space-between; } div.StyleguideT1 section div.content:after, { content: ''; margin-bottom: 0%; } div.StyleguideT1 section div.content:after, div.StyleguideT1 section div.content div.stylebox { margin-bottom: 9.401709%; width: 28.205128%; } div.StyleguideT1 section div.content div.stylebox.bg { width: 42.735043%; } div.StyleguideT1 section div.content div.stylebox.small { width: 21.367521%; } div.StyleguideT1 section div.content div.stylebox div.inner { padding: 20px; box-shadow: inset 0px 0px 1px 0px currentColor; } div.StyleguideT1 section div.content div.stylebox.bg div.inner { padding: 40px; position: relative; } div.StyleguideT1 section div.content div.stylebox.bg div.inner.bggallerybox:before { content: ''; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/modules/StyleguideT1/demo.jpg) no-repeat 0px 0px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-size: cover; z-index: -1; } div.StyleguideT1 section div.content div.stylebox .headline { font-weight: bold; padding-bottom: 14px; margin-bottom: 1.875000em; position: relative; } div.StyleguideT1 section div.content div.stylebox .headline:before { content: ''; width: 100%; height: 1px; background-color: currentColor; position: absolute; left: 0px; bottom: 0px; } div.StyleguideT1 section div.content div.stylebox .icon { padding: 12px; width: 50px; height: 50px; fill: currentColor; } div.StyleguideT1 section div.content div.stylebox .sample { white-space: nowrap; text-overflow: ellipsis; display: inline-block; } div.StyleguideT1 section div.content div.stylebox .textsample { width: 100%; } div.StyleguideT1 section div.content div.stylebox .sample div { overflow: hidden; text-overflow: ellipsis; } div.StyleguideT1 section div.content div.stylebox .sample ~ .sample { margin-top: 12px; } div.StyleguideT1 section div.content div.stylebox .style { margin-top: 2.000000em; } } @media (max-width: 1200px) { div.StyleguideT1 section div.content div.stylebox { width: 42.735043%; } } @media (max-width: 800px) { div.StyleguideT1 section div.content div.stylebox { width: 100%; } } @media all { div.StyleguideT1 { } div.StyleguideT1 div.innerStyleguide { } div.StyleguideT1 div.innerForm span.close { position: absolute; right: 20px; top: 20px; cursor: pointer; } div.StyleguideT1 a.fontbutton { margin-top: 30px; } div.StyleguideT1 h1.h1 { color: linear-gradient(127deg,#0093D5 0%,#981162 92.147239%,#981162 100%); font-size: 3.750000em; line-height: normal; font-weight: normal; } div.StyleguideT1 h2.h2 { color: #999999; border-bottom: solid 1px #BFBFBF; font-size: 2.000000em; line-height: normal; margin: 1.250000em 0px 0.625000em 0px; padding: 0px 0px 0.312500em 0px; font-weight: normal; } div.StyleguideT1 div.responsiveBoxes div { margin-bottom: 20px; } div.StyleguideT1 div.responsiveBoxes div.tablet { font-size: 17px; line-height: 24px; } div.StyleguideT1 div.responsiveBoxes div.mobile { font-size: 16px; line-height: 23px; } div.StyleguideT1 div.responsiveBoxes.small div.tablet { font-size: 13px; line-height: 18px; } div.StyleguideT1 div.responsiveBoxes.small div.mobile { font-size: 12px; line-height: 16px; } div.StyleguideT1 div.responsiveBoxes.medium1 div.tablet { font-size: 19px; line-height: 29px; } div.StyleguideT1 div.responsiveBoxes.medium1 div.mobile { font-size: 16px; line-height: 23px; } div.StyleguideT1 div.responsiveBoxes.large1 div.tablet { font-size: 21px; line-height: 31px; } div.StyleguideT1 div.responsiveBoxes.large1 div.mobile { font-size: 18px; line-height: 25px; } div.StyleguideT1 div.responsiveBoxes div:first-child { margin-left: 0; } div.StyleguideT1 div.responsiveBoxes span { display: block; margin-bottom: 5px; } div.StyleguideT1 div.headlineboxInner { margin-bottom: 60px; } div.StyleguideT1 div.headlineboxInner div { margin-bottom: 20px; } div.StyleguideT1 div.headlineboxInner.hlt1large div.tablet, div.StyleguideT1 div.headlineboxInner.hlt1large div.tablet h1.t1large { font-size: 58px; line-height: 65px; } div.StyleguideT1 div.headlineboxInner.hlt1large div.mobile, div.StyleguideT1 div.headlineboxInner.hlt1large div.mobile h1.t1large { font-size: 28px; line-height: 30px; } div.StyleguideT1 div.headlineboxInner.hlt1 div.tablet, div.StyleguideT1 div.headlineboxInner.hlt1 div.tablet h1.t1 { font-size: 42px; line-height: 48px; } div.StyleguideT1 div.headlineboxInner.hlt1 div.mobile, div.StyleguideT1 div.headlineboxInner.hlt1 div.mobile h1.t1 { font-size: 26px; line-height: 30px; } div.StyleguideT1 div.headlineboxInner.hlt2 div.tablet, div.StyleguideT1 div.headlineboxInner.hlt2 div.tablet h2.t2 { font-size: 23px; line-height: 29px; } div.StyleguideT1 div.headlineboxInner.hlt2 div.mobile, div.StyleguideT1 div.headlineboxInner.hlt2 div.mobile h2.t2 { font-size: 16px; line-height: 25px; } div.StyleguideT1 div.headlineboxInner.hlt3 div.tablet, div.StyleguideT1 div.headlineboxInner.hlt3 div.tablet h3.t3 { font-size: 33px; line-height: 38px; } div.StyleguideT1 div.headlineboxInner.hlt3 div.mobile, div.StyleguideT1 div.headlineboxInner.hlt3 div.mobile h3.t3 { font-size: 22px; line-height: 27px; } div.StyleguideT1 div.headlineboxInner.hlt4 div.tablet, div.StyleguideT1 div.headlineboxInner.hlt4 div.tablet h4.t4 { font-size: 27px; line-height: 32px; } div.StyleguideT1 div.headlineboxInner.hlt4 div.mobile, div.StyleguideT1 div.headlineboxInner.hlt4 div.mobile h4.t4 { font-size: 20px; line-height: 26px; } div.StyleguideT1 div.headlineboxInner.hlt5 div.tablet, div.StyleguideT1 div.headlineboxInner.hlt5 div.tablet h5.t5 { font-size: 22px; line-height: 27px; } div.StyleguideT1 div.headlineboxInner.hlt5 div.mobile, div.StyleguideT1 div.headlineboxInner.hlt5 div.mobile h5.t5 { font-size: 18px; line-height: 25px; } div.StyleguideT1 div.headlineboxInner.hlt6 div.tablet, div.StyleguideT1 div.headlineboxInner.hlt6 div.tablet h6.t6 { font-size: 15px; line-height: 28px; } div.StyleguideT1 div.headlineboxInner.hlt6 div.mobile, div.StyleguideT1 div.headlineboxInner.hlt6 div.mobile h6.t6 { font-size: 14px; line-height: 25px; } div.StyleguideT1 div.headlinesInner { display: flex; margin-bottom: 0; } div.StyleguideT1 div.headlinesInner div { width: 32.478632%; margin-left: 1.282051%; } div.StyleguideT1 div.headlinesInner div:first-child { margin-left: 0; } div.StyleguideT1 div.defaulti { padding: 1.709402% 3.931624%; } div.StyleguideT1 div.medium1i { padding: 1.709402% 3.931624%; } div.StyleguideT1 div.large1i { padding: 1.709402% 3.931624%; } div.StyleguideT1 a.button1 { vertical-align: text-bottom; } div.StyleguideT1 a.button1.hover { color: #FFFFFF; box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.25); } div.StyleguideT1 a.button2 { margin-right: 1.025641%; vertical-align: text-bottom; } div.StyleguideT1 a.button2.hover { color: #FFFFFF; box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.25); } } div.StyleguideT1 .rowbg { display: flex; } div.StyleguideT1 .rowbg div.bgbox { width: 34.188034%; margin-right: 2.136752%; margin-bottom: 2.136752%; border: 1px solid #000000; position: relative; } div.StyleguideT1 .rowbg div.bgbox.bgweb { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bgweb2 { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bglist { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bglistalternate { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bgbar { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bghighlight { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bghighlight2 { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bggallerybox { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bgheader { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bgheader2 { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox.bgmobile { border-color: #EEEEEE; } div.StyleguideT1 .rowbg div.bgbox div.inner { padding: 7.272727%; } div.StyleguideT1 .rowbg div.bgbox div.inner a { display: block; } div.StyleguideT1 .rowbg div.bgbox div.inner div.buttons { margin-top: 20px; } div.StyleguideT1 .rowbg div.bgbox div.inner a.button { display: inline-block; margin-bottom: 10px; } div.StyleguideT1 .rowbg div.bgbox div.inner a.button svg.icon { width: 18px; height: 18px; line-height: 23px; margin-right: 3px; } div.StyleguideT1 .rowbg div.bgbox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; } div.StyleguideT1 .rowbg div.bgbox div.gallerybox { position: relative; z-index: 1; } div.StyleguideT1 .rowbg div.bgbox form div.row.input div.inputfield { width: 80%; } div.StyleguideT1 .bgstyleguide { display: inline-block; margin: 10px 2.564103% 0.854701% 10px; width: 8.625000em; height: 3.375000em; } div.StyleguideT1 .bgstyleguide.hover { -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000',endColorstr='#40000000',GradientType=0); } div.StyleguideT1 .points1v { float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; } div.StyleguideT1 .points1h { float: left; } div.StyleguideT1 .points2v { float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; } div.StyleguideT1 .points2h { float: left; } div.StyleguideT1 .points3v { float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; } div.StyleguideT1 .points3h { float: left; } div.StyleguideT1 .tab1 { margin: 0px 0px 1.125000em 0px; } div.StyleguideT1 .tab3 { margin: 0px 0px 1.125000em 0px; } div.StyleguideT1 div.fonticons { } div.StyleguideT1 div.fonticons span { float: left; line-height: 1.375000em; margin: 0px 0px 20px 0px; width: 22.051282%; } div.StyleguideT1 div.fonticons svg.icon { float: left; display: inline; margin-right: 5px; } div.StyleguideT1 div.fonticons span span { float: none; margin: 0px 0px 0px 0px; width: auto; line-height: 1.000000em; } div.StyleguideT1 div.formbg { float: left; display: inline; width: 42.735043%; margin-right: 3.418803%; padding: 20px 0; border: 1px solid #EEEEEE; } div.StyleguideT1 div.formbg div.row { margin: 20px 4.000000% 0 4.000000%; } div.StyleguideT1 div.formbg div.row div.selectfield, div.StyleguideT1 div.formbg div.row div.inputfield, div.StyleguideT1 div.formbg div.row div.textarea { width: 100%; } div.StyleguideForm { width: 31.250000%; height: 100vh; background-color: #F5F1EF; position: fixed; right: -1000px; top: 0; z-index: 100; box-shadow: -1px 0px 5px 0px rgba(48,46,48,1); } div.StyleguideForm > div.innerForm { padding: 20px; height: calc(100% - 52px); overflow-y: auto; box-sizing: border-box; } div.StyleguideForm > div.innerForm .title { color: #1C2955; } div.StyleguideForm div.innerForm form { font-size: 15px; } div.StyleguideForm div.innerForm form div.inputfield { width: 100%; } div.StyleguideForm div.innerForm form div.inputfield input { height: 40px; background-color: rgba(204,196,183,0.3); color: #1C2955; border: 1px solid #404d5b; } div.StyleguideForm div.innerForm form div.row.select div.selectfield { width: 100%; } div.StyleguideForm div.innerForm form div.selectfield span.field { line-height: 25px; background-color: rgba(204,196,183,0.3); color: #1C2955; border: 1px solid #404d5b; } div.StyleguideForm div.innerForm form label.label { width: 100%; color: #1C2955; } div.StyleguideForm div.innerForm a.button { display: inline-block; margin-top: 20px; padding: 10px 0; text-align: center; font-size: 20px; } div.StyleguideForm div.innerForm div.row { float: left; display: inline; width: 100%; -webkit-transition: background 1s; transition: background 1s; } div.StyleguideForm div.innerForm div.row.highlight { background: #E84944; -webkit-transition: background 0s; transition: background 0s; } div.StyleguideForm div.innerForm div.submit { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px 20px 10px 20px; box-sizing: border-box; z-index: 5; } div.StyleguideForm div.innerForm div.submit a.senden { margin: 0px 0px 0px 0px; } div.StyleguideForm div.innerForm div.fonts { display: none; } div.StyleguideForm div.innerForm div.fonts div.buttonheadline { margin-top: 30px; } div.StyleguideForm div.innerForm div.group { margin: 0px 0px 20px 0px; } div.StyleguideForm div.innerForm div.group div.headline { position: relative; cursor: pointer; } div.StyleguideForm div.innerForm div.group div.fields { display: none; } div.StyleguideForm div.innerForm div.group.active div.fields { display: block; } div.StyleguideForm div.innerForm div.group div.icon { position: absolute; right: 0px; top: 3px; z-index: 2; } div.StyleguideForm div.innerForm div.group div.icon svg { -webkit-transition: transform linear 500ms; transition: transform linear 500ms; } div.StyleguideForm div.innerForm div.group.active div.icon svg { transform: rotate(180deg); } div.StyleguideForm div.innerForm div.group div.smallfield { float: left; display: inline; width: 47.826087%; margin-left: 4.347826%; } div.StyleguideForm div.innerForm div.group div.smallfield:nth-child(odd) { margin-left: 0; } div.StyleguideForm div.innerForm div.group div.opacityfield div.row { float: left; display: inline; width: 30.434783%; } div.StyleguideForm div.innerForm div.group div.opacityfield div.opacityfield { float: left; display: inline; width: 61.956522%; margin: 0px 0px 0px 1.086957%; } div.StyleguideForm div.innerForm div.group div.opacityfield div.opacityfield div.row { float: left; display: inline; width: 49.122807%; } div.StyleguideForm div.innerForm div.group div.colorfield { float: left; display: inline; width: 30.434783%; margin-right: 1.086957%; } div.StyleguideForm div.innerForm div.group div.subgroup { margin: 20px 0 60px 0; position: relative; } div.StyleguideForm div.innerForm div.group div.subgroup > a.copybtn { position: absolute; right: 0px; top: 0px; } div.StyleguideForm div.innerForm div.group div.subgroup div.subheadline { margin-bottom: 12px; } div.StyleguideForm div.innerForm div.group div.onlyheadline { clear: both; padding-top: 20px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #BBBBBB; } div.StyleguideForm div.innerForm a.button1 { background-color: #f1564e; color: #FFFFFF; } div.StyleguideForm div.innerForm a.button1:hover { background-color: #9c3832; } div.StyleguideForm .noUi-target { float: left; display: inline; width: 45.614035%; margin: 45px 0px 30px 3.508772%; position: relative; direction: ltr; border-radius: 4px; } div.StyleguideForm .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } div.StyleguideForm .noUi-target.noUi-connect { position: relative; } div.StyleguideForm .noUi-base { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } div.StyleguideForm .noUi-origin { border-radius: 2px; position: absolute; right: 0px; top: 0px; left: 0px; bottom: 0px; } div.StyleguideForm .noUi-handle { cursor: pointer; position: relative; z-index: 1; left: -13px; top: -10px; width: 28px; height: 28px; background-color: #FFFFFF; border-radius: 50%; } div.StyleguideForm .noUi-handle:after { content: ''; position: absolute; left: 8px; top: 8px; width: 12px; height: 12px; background-color: #009DDF; border-radius: 50%; z-index: 5; } div.StyleguideForm .noUi-stacking .noUi-handle { z-index: 10; } div.StyleguideForm .noUi-stacking + .noUi-origin { *z-index: -1; } div.StyleguideForm .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s,top 0.3s; transition: left 0.3s,top 0.3s; } div.StyleguideForm .noUi-state-drag * { cursor: inherit !important; } div.StyleguideForm .noUi-origin { background: #F9EED9; height: 10px; } div.StyleguideForm .noUi-connect { height: 8px; background: #009DDF; -webkit-transition: background 450ms; transition: background 450ms; } div.StyleguideForm .noUi-dragable { cursor: w-resize; } form div.row.select.select2 div.selectfield { height: auto; } form div.row.select.select2 div.selectfield span.select { display: none; } .select2-container li:before { content: none; } .select2-container--focus:focus { outline: none; } :focus { outline: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { xbackground-color: white; xborder: 1px solid #aaa; xborder-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: none; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top,white 50%,#eeeeee 100%); background-image: -o-linear-gradient(top,white 50%,#eeeeee 100%); background-image: linear-gradient(to bottom,white 50%,#eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top,#eeeeee 50%,#cccccc 100%); background-image: -o-linear-gradient(top,#eeeeee 50%,#cccccc 100%); background-image: linear-gradient(to bottom,#eeeeee 50%,#cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top,white 0%,#eeeeee 50%); background-image: -o-linear-gradient(top,white 0%,#eeeeee 50%); background-image: linear-gradient(to bottom,white 0%,#eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top,#eeeeee 50%,white 100%); background-image: -o-linear-gradient(top,#eeeeee 50%,white 100%); background-image: linear-gradient(to bottom,#eeeeee 50%,white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } } @media (max-width: 700px) { div.StyleguideT1 div.headlinebox { float: none; display: block; width: auto; } div.StyleguideT1 div.headlineboxinvert { float: none; display: block; width: auto; margin-top: 20px; } } @media all { section.Slider { } section.Slider .element { width: 100%; } section.Slider.T1 { position: relative; } section.Slider.T1 .Intro .label { margin-bottom: 25px; } section.Slider.T1 .Intro .introduction { margin-top: 25px; } section.Slider.T1 .Intro .innerText { margin-left: 0; max-width: 950px; width: 85%; } section.Slider.T1 section .innerSlider { margin: 0px 80px; } section.Slider.T1 .owl-carousel { position: relative; } section.Slider.T1 .owl-carousel .owl-nav { width: 100%; position: absolute; left: 0px; top: 50%; display: flex; justify-content: space-between; } section.Slider.T1 .owl-carousel .owl-nav .owl-prev, section.Slider.T1 .owl-carousel .owl-nav .owl-next { width: 60px; height: 60px; margin: 0px 20px; position: absolute; top: 0px; right: auto; left: 100%; transform: translateY(-50%); } section.Slider.T1 .owl-carousel .owl-nav .owl-prev { right: 100%; left: auto; } section.Slider.T1 .owl-carousel .owl-stage { display: flex; } section.Slider.T1 .owl-carousel .owl-item { display: flex; flex: 1 0 auto; } section.Slider.T1 .element .inner { display: flex; align-items: center; } section.Slider.T1 .elements .element .text { width: 46.575342%; } section.Slider.T1 .elements .element .introduction { margin-top: 10px; } section.Slider.T1 .elements .element .detaillink { margin-top: 10px; } section.Slider.T1 .element .picture { margin-right: 5.273973%; width: 37.671233%; } } @media (min-width: 1024px) { section.Slider.T1 .Intro .introduction { padding-left: 80px; } } @media (max-width: 1024px) { section.Slider.T1 section .innerSlider { margin: 0px 60px; } } @media (max-width: 800px) { section.Slider.T1 .element .picture { margin-right: 3.750000%; width: 37.500000%; } section.Slider.T1 .elements .element .text { width: 58.750000%; } } @media (max-width: 600px) { section.Slider.T1 .element .inner { flex-direction: column; } section.Slider.T1 .element .picture { margin-right: 0%; width: 100%; } section.Slider.T1 .elements .element .text { margin-top: 25px; width: 100%; } section.Slider.T1 .owl-carousel .owl-nav { margin-top: 40.000000%; top: 0%; } } @media (max-width: 480px) { section.Slider.T1 .owl-carousel .owl-nav .owl-prev, section.Slider.T1 .owl-carousel .owl-nav .owl-next { width: 40px; height: 40px; margin: 0px 5px; left: auto; right: 0; } section.Slider.T1 .owl-carousel .owl-nav .owl-prev { right: auto; left: 0; } section.Slider.T1 section .innerSlider { margin: 0px 0px; } section.Slider.T1 .Intro .introduction { padding-left: 0px; margin-bottom: 0; } } @media all { section.Request { padding-top: 0; padding-bottom: 12.686567%; position: relative; } section.Request.JobsT1 { padding-top: 4.850746%; } section.Request div.form div.checkboxes div.row .icon { color: #666666; } section.Request div.form a.senden { letter-spacing: 3px; } section.Request .row { width: 48.507463%; float: left; display: inline; clear: none; } section.Request .row + .row { margin-left: 2.985075%; } section.Request .row.double { width: 100%; } section.Request .row.checkbox { margin-right: 2.985075%; width: auto; } section.Request .row.checkbox .label { display: none; } section.Request .row.checkbox .label.extralabel { display: inline; } section.Request .row.textarea .label { font-weight: bold; } section.Request .row .textarea { width: 100%; } section.Request .row div.textarea { padding-top: 18px; } section.Request .row .inpuntfield { width: 100%; } section.Request form div.row.input div.inputfield { width: 100%; } section.Request form a.senden { margin-top: -1em; } } @media (max-width: 1200px) { section.Request .row.checkbox + .row, section.Request .row.checkbox { width: 100%; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; } section.Request .checkboxes { width: 70%; float: left; display: inline; } } @media (max-width: 800px) { section.Request .row + .row, section.Request .row { width: 100%; margin-left: 0px; } section.Request form a.senden { margin-top: 1em; } } @media (max-width: 420px) { section.Request div.form div.checkboxes { width: 100%; } } @media all { section.Products { } section.Products.Filter { margin-top: -40px; position: relative; z-index: 2; } section.Products.Filter .container { padding: 57px 0px 60px 0px; display: flex; flex-direction: column; } section.Products.Filter .container .titlebox { margin-bottom: .8em; } section.Products.Filter .container .filterbox { width: 100%; width: auto; display: flex; justify-content: space-between; align-items: center; align-items: flex-start; } section.Products.Filter .filterlink { padding-right: 0; white-space: nowrap; } section.Products.Filter .filter { margin-right: 2.054795%; xmin-width: 20%; cursor: pointer; display: flex; justify-content: space-between; flex-wrap: wrap; } section.Products.Filter .filter .open { opacity: .3; } section.Products.Filter .filter .label { margin-top: 2px; white-space: nowrap; font-weight: normal; width: 100%; } section.Products.Filter .filter .value { margin-top: 6px; max-width: 100%; width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; line-height: 1.01em; } section.Products.Filter .filter .value:empty:before { content: attr(data-placeholder); xopacity: .3; } section.Products.Filter .filter .value:after { content: ''; display: inline-block; margin-left: 5px; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 0 4px 5px 4px; border-color: transparent transparent #ffffff transparent; transform: rotate(180deg); } section.Products.Filter .filter .value.open:after { transform: rotate(0deg); } section.Products.Filter .filter .value:empty:after { xopacity: .3; } section.Products.Filter .filterlink { font-size: 20px; line-height: 27px; letter-spacing: 0; } section.Products.Filter .bottom { position: relative; } section.Products.Filter .bottom .close { width: 20px; height: 20px; display: block; position: absolute; top: 17px; right: 6px; } section.Products.Filter .bottom .close span { width: 1em; height: 2px; background-color: currentColor; position: absolute; top: 10px; left: 0px; transform: rotate(45deg); } section.Products.Filter .bottom .close span + span { transform: rotate(-45deg); } section.Products.Filter .bottom .innerbottom { width: calc(100% - 37px); } section.Products.Filter .bottom .elements { width: 100%; } section.Products.Filter .bottom .active { opacity: .3; } section.Products.Filter .bottom:before { content: ''; width: 19px; height: 19px; display: block; position: absolute; top: -10px; z-index: 2; background-color: inherit; transform: rotate(45deg); } section.Products.Filter .bottom[data-current="1"]:before { left: 17.123288%; } section.Products.Filter .bottom[data-current="2"]:before { left: 39.726027%; } section.Products.Filter .bottom[data-current="3"]:before { left: 44.178082%; } section.Products .Intro .label { margin-top: calc(-1em - 20px); margin-bottom: 20px; display: block; } section.Products.Teaser .elements { margin-top: 2.054795%; } section.Products .elements { display: flex; flex-wrap: wrap; justify-content: space-between; } section.Products .elements .element { padding: 15px 0px 15px 0px; width: 23.287671%; color: currentColor; position: relative; } section.Products .elements .element.helper, section.Products .elements .element.helper { padding: 0px 0px 0px 0px; line-height: 0px; } section.Products .elements .element.helper:after, section.Products .elements .element.helper:before { display: none; } section.Products .elements .element:after, section.Products .elements .element:before { content: ''; width: 100%; height: 1px; display: block; background-color: currentColor; opacity: 0.1; position: absolute; left: 0px; top: 0px; } section.Products .elements .element:before { bottom: 0px; top: auto; } section.Products .elements .element:nth-child(1n + 5):after { display: none; } section.Products .showmore { padding: 20px 0px; width: 100%; display: none; text-align: center; } section.Products .showmore .icon { width: 50px; height: 50px; } section.Products.sideintro .innerProducts { display: flex; justify-content: space-between; flex-wrap: wrap; } section.Products.sideintro .Intro { width: 38.356164%; } section.Products.sideintro .elements { margin-top: 0px; width: 50.000000%; align-self: flex-start; } section.Products.sideintro .elements .element { width: 46.153846%; } section.Products.sideintro .elements .element:nth-child(1n + 3):after { display: none; } section.Products.sideintro .Intro { order: 1; } section.Products.sideintro .Intro.ctaonly { order: 3; display: none; } section.Products.sideintro .elements { order: 2; } } @media (min-width: 1181px) { section.Products.Filter.bghighlight2 { background-image: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/design/bg-filter.jpg); background-size: 100% auto; background-size: cover; } } @media (max-width: 1180px) { section.Products.Filter .container .filterbox { align-items: flex-start; flex-direction: column; } section.Products.Filter .container .filterbox .filter { margin-left: 0px; margin-bottom: 18px; margin-top: 20px; width: 100%; justify-content: flex-start; } section.Products.Filter .filterlink { margin-top: 1em; } } @media (max-width: 1024px) { section.Products .elements .element { width: 31.250000%; } section.Products .elements .element:nth-child(1n + 4):after { display: none; } section.Products.Filter { z-index: 5; } section.Products.Filter .bottom { position: absolute; width: 100%; } section.Products.Filter .bottom .innerbottom { margin-right: 37px; width: auto; } section.Products.Filter .filter .label { margin-top: 0px; } section.Products.Filter .filterlink { margin-top: 1em; } } @media (max-width: 800px) { section.Products.sideintro .elements .element { width: 100%; } section.Products.sideintro .elements .element:nth-child(1n + 2):after { display: none; } section.Products.sideintro .elements.showall .element:nth-child(1n + 5) { display: block; } section.Products.sideintro .elements.showall .showmore:nth-child(1n + 5), section.Products.sideintro .elements .element:nth-child(1n + 6) { display: none; } section.Products.sideintro .showmore { display: none; } section.Products.sideintro .showmore:nth-child(1n + 5) { display: block; } section.Products .Intro .label { margin-top: 0; } } @media (max-width: 650px) { section.Products .elements .element { width: 46.153846%; } section.Products .elements .element:nth-child(1n + 3):after { display: none; } section.Products.Filter .filter .value { font-size: 20px; } section.Products.Filter .filter .label { margin-top: -2px; } } @media (max-width: 550px) { section.Products.sideintro .Intro, section.Products .Intro { margin-left: auto; margin-right: auto; width: 100%; max-width: 450px; } section.Products.sideintro .innerProducts { flex-direction: column; } section.Products.sideintro .elements { margin-top: 4.452055%; width: 100%; } section.Products .elements { margin-top: 4.452055%; margin-left: auto; margin-right: auto; width: 90%; max-width: 450px; } section.Products.sideintro .Intro .detaillink { display: none; } section.Products.sideintro .Intro.ctaonly { display: block; } section.Products.sideintro .Intro.ctaonly .detaillink { display: block; } } @media (max-width: 500px) { section.Products .elements .element { width: 100%; } section.Products .elements .element:nth-child(1n + 2):after { display: none; } section.Products .elements .element:nth-child(1n + 6) { display: none; } section.Products .elements.showall .element:nth-child(1n + 5) { display: block; } section.Products .elements.showall .showmore:nth-child(1n + 5), section.Products .showmore { display: none; } section.Products .showmore:nth-child(1n + 5) { display: block; } } @media all { section.Photogallery { } section.Photogallery.OnPage { } section.Photogallery.OnPage .row { display: flex; align-items: center; } section.Photogallery.OnPage .row .imgtext { padding: 15px 0px 9px 0px; } section.Photogallery.OnPage .row2 { margin-top: 3.904110%; justify-content: space-between; align-items: flex-start; } section.Photogallery.OnPage .row2:first-child { margin-top: 0%; justify-content: space-between; align-items: flex-start; } section.Photogallery.OnPage .row2 .element { width: 61.643836%; } section.Photogallery.OnPage .row2 .element img { width: 100%; } section.Photogallery.OnPage .row2 .element.right { width: 33.561644%; } section.Photogallery.OnPage .row2 .element.right img { margin-top: 14.897959%; } section.Photogallery.OnPage .row3 .teaser { margin-left: 14.383562%; padding: 3.424658% 3.082192%; width: 33.561644%; } section.Photogallery.OnPage .row3 .teaser .headline { width: 80%; } section.Photogallery.OnPage .row3 .teaser .detaillink { margin-top: 8px; text-transform: none; } } @media (max-width: 1170px) { section.Photogallery.OnPage .row3 .teaser { width: 39.726027%; } } @media (max-width: 800px) { section.Photogallery.OnPage .row3 .teaser { margin-left: 10.000000%; width: 50.000000%; } } @media (max-width: 700px) { section.Photogallery.OnPage { xmargin-top: 12.857143%; } section.Photogallery.OnPage .Intro { padding-top: 15px; margin-right: 17.142857%; width: 82.857143%; } section.Photogallery.OnPage .row2 { margin-top: 0px; margin-bottom: 24px; } section.Photogallery.OnPage .row2 .element { width: 100%; } section.Photogallery.OnPage .row2, section.Photogallery.OnPage .row2:first-child { flex-direction: column; } section.Photogallery.OnPage .row2 .element.right { width: 100%; display: block; } section.Photogallery.OnPage .row2 .element.right img { margin-top: 0px; } section.Photogallery.OnPage .row3 .teaser { margin-left: 0px; padding: 33px 28px 28px 28px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media all { section.Loader { } section.Loader { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99; -background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/design/bg.jpg) no-repeat 0px 0px; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; } section.Loader .preheadline { margin-bottom: 37px; } section.Loader .headline { font-size: 104px; line-height: 1; } section.Loader .headline.hidden { visibility: hidden; } section.Loader .headline { background: url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAABCAQAAACV4Hu+AAAAHElEQVR42u3BAQ0AAAwCIO0f2vf4gG4BAACA9w4AxQIAZEm6LQAAAABJRU5ErkJggg==) repeat-y; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: xaitf 8s linear infinite; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; } } @media (max-width: 580px) { section.Loader .preheadline { margin-bottom: 30px; } section.Loader .headline { font-size: 70px; } } @media (max-width: 520px) { section.Loader .preheadline { margin-bottom: 22px; } section.Loader .headline { font-size: 55px; } } @media (max-width: 390px) { section.Loader .preheadline { margin: 0px 30px 18px 30px; } section.Loader .headline { font-size: 42px; } } @media all { section.List { } section.List.T1 { } section.List.T1 article + article { margin-top: 7.054795%; } section.List article div.inner { display: flex; } section.List.T1 article:nth-child(2n + 1) div.inner { flex-direction: row-reverse; } section.List.T1 article div.picture { width: 44.520548%; float: left; display: inline; align-self: center; } section.List.T1 article div.text { margin-left: 9.931507%; margin-right: 8.219178%; width: 36.643836%; display: flex; align-items: center; } section.List.T1 article:nth-child(2n + 1) div.text { margin-left: 0px; margin-right: 8.219178%; } section.List.T1 article div.text .headline { margin-bottom: 8px; } section.List.T1 article div.text .introduction { margin-bottom: 30px; } } @media (max-width: 650px) { section.List.T1 article:nth-child(2n + 1) div.inner, section.List article div.inner { flex-direction: column; } section.List.T1 article div.picture { width: 100%; max-width: 450px; } section.List.T1 article:nth-child(2n + 1) div.text, section.List.T1 article div.text { margin-top: 7.692308%; margin-left: auto; margin-right: auto; width: 100%; max-width: 450px; } section.List.T1 article div.text .spacingleftm { margin-left: 0; } } @media (max-width: 450px) { section.List.T1 article:nth-child(2n + 1) div.text, section.List.T1 article div.text { margin-top: 10.000000%; } } @media all { section.JobsT1.Detail { } section.JobsT1.Detail .picture { float: right; display: inline; width: 40%; } section.JobsT1.Detail .picture + .text { float: left; display: inline; width: 50%; } section.JobsT1.Detail .picture + .text .introduction { width: auto; } section.JobsT1.Detail .picture.header img { width: 100%; } section.JobsT1.Detail .bottom { margin-left: 68px; width: 85.616438%; } section.JobsT1.Detail .bottom .content { } section.JobsT1.Detail .bottom .content + .content { margin-top: 2.142857%; } section.JobsT1.Detail .bottom .backlink { margin-top: 30px; } section.JobsT1.Detail .Request .title { padding: 30px 0px; } } @media (max-width: 700px) { section.JobsT1.Detail .picture { width: 100%; margin-bottom: 20px; } section.JobsT1.Detail .picture + .text { width: 100%; } } @media (max-width: 600px) { section.JobsT1.Detail .bottom { margin-left: 0px; width: 100%; } section.JobsT1.Detail .bottom .content { column-count: 1; column-gap: 8px; } } @media all { section.JobsT1.Form form label.label { font-weight: bold; } section.JobsT1.Form form div.row.checkbox label.label { display: none; } section.JobsT1.Form form div.row.checkbox label.label.extralabel { display: inline-block; font-weight: normal; } section.JobsT1.Form form a.senden { margin-top: -1em; } section.JobsT1.Form form div.uploadfieldcontainer div.uploadbutton { width: 100%; } section.JobsT1.Form form div.uploadfieldcontainer div.uploadbutton iframe { width: 100%; } section.JobsT1.Form form div.uploadfieldcontainer div.uploadbutton .button { width: 30px; float: right; display: inline; } section.JobsT1.Form form div.uploadfield div.status .icon-check-round-inv { fill: green; } } @media (max-width: 800px) { section.JobsT1.Form form a.senden { margin-top: 1em; } } @media all { .Intro { } .Intro .label { margin-bottom: 17px; } .Intro .headline { margin-bottom: 23px; } .Intro .headline:last-child { margin-bottom: 0px; } .Intro .introduction { margin-bottom: 20px; } .Intro.T1 { text-align: center; } .Intro.T1.Partial { text-align: left; } .Intro.T1 .label { margin-bottom: 1.3em; display: block; } .Intro.T1 .introduction ~ .subheadline { margin-bottom: 30px; } .Intro.T2 { text-align: left; } .Intro.T2 .label { width: 100%; } .Intro.T2 .headline { width: 100%; } .Intro.T2 .headline { padding-right: 46.575342%; width: 53.424658%; } .Intro.T2 .headline br { display: none; } .Intro.T2 .innerText { display: flex; flex-wrap: wrap; } .Intro.T2 .introduction { margin-right: 6.849315%; width: 43.150685%; float: left; display: inline; -webkit-box-sizing: border-box; box-sizing: border-box; } .Intro.T2 .content { margin-bottom: 30px; width: 50%; float: right; display: inline; } .Intro.T2 .detaillink { margin-left: 50%; } } @media (max-width: 650px) { .Intro .label { margin-bottom: 12px; } .Intro.T2 .introduction { margin-bottom: 14px; margin-right: 0; padding-left: 0; width: 85%; } .Intro.T2 .content { width: 85%; float: left; } .Intro.T2 .detaillink { margin-left: 0%; } .Intro.T2 .headline { padding-right: 5.479452%; margin-bottom: 16px; width: 94.520548%; } } @keyframes bar3hover { 0% { width: 65%; } 50% { width: 105%; } 100% { width: 100%; } } @keyframes bar1hover { 0% { width: 100%; } 50% { width: 65%; } 100% { width: 75%; } } @media all { header.pageheader { width: 100%; left: 0px; top: 0px; position: relative; z-index: 10; } header.pageheader { position: absolute; padding-bottom: 67px; } header.pageheader .mobiletitle { display: none; } header.pageheader ~ .pagecontent { padding-top: 193px; } header.pageheader.themestage ~ .pagecontent { padding-top: 0px; } body.scrolling-menu header { top: -200px; } body.floating-menu header { top: 0; } body.scrolling-menu header.pageheader, body.floating-menu header.pageheader { padding-bottom: 30px; position: fixed; transition: all 0.4s ease-in-out .4s; background-color: #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,0.5); } body.scrolling-menu header.pageheader .innerpageheader, body.floating-menu header.pageheader .innerpageheader { padding-top: 25px; } body.scrolling-menu header.pageheader div.innerpageheader div.openerandlogo, body.floating-menu header.pageheader div.innerpageheader div.openerandlogo { top: 12px; width: 110px; } body.scrolling-menu header.pageheader div.innerpageheader div.openerandlogo img, body.floating-menu header.pageheader div.innerpageheader div.openerandlogo img { width: 100%; } body.floating-menu header .top { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } header.pageheader:before { content: ''; margin-left: 2.941176%; margin-right: 3.235294%; width: 93.823529%; height: 1px; display: block; background-color: currentColor; position: absolute; left: 0px; bottom: 0px; opacity: .08; } header.pageheader.themestage:before { display: none; } .openmenu header.pageheader { left: 0px; top: 0px; width: 100%; } .searchOpen header.pageheader .logo img, .openmenu header.pageheader .logo img { filter: brightness(0) invert(1); } header.pageheader div.innerpageheader { margin-left: 2.941176%; margin-right: 3.235294%; width: auto; padding-top: 48px; transition: padding 0.4s ease-in-out .4s; } .openmenu header.pageheader div.innerpageheader { display: flex; align-items: center; justify-content: space-between; } header.pageheader div.innerpageheader div.openerandlogo { float: left; display: inline; position: relative; z-index: 11; } header.pageheader div.innerpageheader div.openerandlogo { position: fixed; top: 37px; } header.pageheader div.innerpageheader div.openerandlogo { position: absolute; } body:not(.floating-menu):not(.scrolling-menu) header.pageheader.bgtransparent div.innerpageheader div.openerandlogo:before { content: ''; width: 150%; height: 150%; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%,-50%); background: radial-gradient(closest-side,rgba(92,92,92,0.4),transparent); } header.pageheader div.innerpageheader div.iconbutton { float: left; display: inline; width: 94px; height: 97px; text-align: center; display: flex; justify-content: center; align-items: center; } header.pageheader div.innerpageheader div.iconbutton .hamburger { width: 26px; height: 14px; position: relative; } header.pageheader div.innerpageheader div.iconbutton .hamburger span { width: 100%; height: 2px; display: block; background-color: #FFFFFF; position: absolute; left: 0px; transition: all 200ms linear 0ms; } header.pageheader div.innerpageheader div.iconbutton .hamburger .bar1 { top: 0px; transform: rotate(0deg); } header.pageheader div.innerpageheader div.iconbutton .hamburger .bar2 { top: 6px; opacity: 1; width: 22px; } header.pageheader div.innerpageheader div.iconbutton .hamburger .bar3 { top: 12px; transform: rotate(0deg); width: 16px; } header.pageheader div.innerpageheader div.iconbutton:not(.active):hover .hamburger .bar3 { animation: bar3hover; animation-duration: 350ms; animation-fill-mode: forwards; } header.pageheader div.innerpageheader div.iconbutton:not(.active):hover .hamburger .bar1 { animation: bar1hover; animation-duration: 350ms; animation-fill-mode: forwards; } header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar2 { width: 0%; opacity: 0; width: 100%; } header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar1 { transform: rotate(45deg); top: 6px; } header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar3 { transform: rotate(-45deg); top: 6px; width: 100%; } nav.outermainmenu { float: right; display: inline; padding-top: 10px; } nav.outermainmenu ul.menu { display: flex; align-items: center; } nav.outermainmenu ul.menu li.search { height: 24px; display: block; } nav.outermainmenu ul.menu li.search .icon { width: 24px; height: 24px; fill: currentColor; } body:not(.floating-menu):not(.scrolling-menu) header.pageheader.themestage nav.outermainmenu ul.menu { text-shadow: 0px 0px 10px rgba(0,0,0,0.2); } body:not(.floating-menu):not(.scrolling-menu) header.pageheader.themestage nav.outermainmenu ul.menu a { color: #FFFFFF; } nav.outermainmenu ul.menu:before { background: radial-gradient(ellipse at center,#2a321c26 0%,#0000 70%,#0000 100%); width: 110%; left: -5%; } header.pageheader nav.outermainmenu ul.menu:before { background: transparent; } body:not(.floating-menu):not(.scrolling-menu) header.pageheader.themestage nav.outermainmenu ul.menu:before { background: radial-gradient(ellipse at center,#2a321c26 0%,#0000 70%,#0000 100%); width: 110%; left: -5%; } nav.outermainmenu ul.menu li { max-width: 180px; margin-left: 40px; text-align: right; } nav.outermainmenu ul.menu li a:after { content: ''; width: 100%; height: 2px; display: block; background-color: transparent; margin-top: 3px; } nav.outermainmenu ul.menu li a.active:not(.kontakt):after { background-color: #094A74; } .bgtransparent nav.outermainmenu ul.menu li a.active:not(.kontakt):after { background-color: #FFFFFF; } nav.outermainmenu ul.menu li.kontakt a { padding-left: 24px; } nav.outermainmenu ul.menu li.kontakt a:hover { } nav.outermainmenu ul.menu li.kontakt a.active:before { } .bgtransparent nav.outermainmenu ul.menu li.kontakt a { border-color: #FFFFFF; } .bgtransparent nav.outermainmenu ul.menu li.kontakt a:hover { border-color: #094A74; } nav.outermainmenu ul.menu li.kontakt a:before { content: none; } nav.outermainmenu ul.menu li:first-child { margin-left: 0px; } .openmenu nav.outermainmenu { display: none; } nav.mainmenu { position: fixed; left: 0px; top: -100%; z-index: 5; height: 100%; max-height: 100%; overflow-y: auto; box-sizing: border-box; width: 100%; transition: opacity .5s,top .0s .5s; opacity: 0; } nav.mainmenu.mobilecopy { display: none; } .openmenu nav.mainmenu { top: 0px; opacity: 1; transition: opacity .5s,top 0s; background-color: rgba(0,0,0,0.45); } nav.mainmenu div.inner { width: 50%; height: 100%; left: 0%; position: absolute; box-sizing: border-box; display: flex; align-items: center; } nav.mainmenu div.inner .close { width: 48px; height: 48px; position: absolute; right: -24px; top: 25px; z-index: 5; } nav.mainmenu div.inner .close .icon { width: 100%; height: 100%; position: relative; z-index: 1; } nav.mainmenu div.inner .close span { width: 22px; height: 2px; display: block; background-color: #006CB8; pointer-events: none; transform-origin: center center; position: absolute; left: 13px; top: 24px; z-index: 2; } nav.mainmenu div.inner .close span { transform: rotate(-45deg); } nav.mainmenu div.inner .close span + span { transform: rotate(45deg); } .with3 nav.mainmenu div.inner { width: 75%; } nav.mainmenu div.inner .level { width: 50%; } nav.mainmenu div.inner .level3, nav.mainmenu div.inner .level2 { display: flex; flex-direction: column; justify-content: center; height: 100%; position: relative; } nav.mainmenu div.inner .level2 .entry:before, nav.mainmenu div.inner .level3:before, nav.mainmenu div.inner .level2:before { content: ''; width: 1px; height: 100%; background-color: currentColor; opacity: 0.16; position: absolute; left: 0px; top: 0px; } nav.mainmenu div.inner .level3:before { padding: 50px 0px; top: -50px; } nav.mainmenu div.inner .level2 .entry:before { width: 100%; height: 1px; } nav.mainmenu div.inner .level3 .entry { display: none; } nav.mainmenu div.inner .level3 .entry.shown { display: block; } nav.mainmenu div.inner .level2 .entry { width: 100%; display: none; cursor: pointer; flex-direction: column; justify-content: center; flex: 5; position: relative; overflow: hidden; background-size: 0px; } nav.mainmenu div.inner .level2 .entry.current2, nav.mainmenu div.inner .level2 .entry:hover { background-size: cover; } nav.mainmenu div.inner .level2 .entry.lplink:after, nav.mainmenu div.inner .level2 .entry.withimg:hover:after { content: ''; display: block; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; } nav.mainmenu div.inner .level2 .entry.lplink:after { background-color: rgba(0,0,0,0.2); } nav.mainmenu div.inner .level2 .entry.shown { display: flex; } nav.mainmenu div.inner .level2 .entry.lplink { flex: 1; } nav.mainmenu div.inner .level2 .entry .subheadline { margin-top: 11px; } nav.mainmenu div.inner .level3 .entry .text, nav.mainmenu div.inner .level2 .entry .text { margin-left: 42px; margin-right: 18.823529%; position: relative; display: block; z-index: 2; } nav.mainmenu div.inner .level2 .entry.lplink .text { margin-right: 42px; display: flex; justify-content: space-between; align-items: center; } nav.mainmenu div.inner .level2 .entry.lplink .icon { width: 22px; height: 17px; display: block; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/modules/HeaderT1/arrow.png) no-repeat 0px 0px; } nav.mainmenu div.inner .level3 { display: none; } .with3 nav.mainmenu div.inner .level3 { margin: 50px 0px; height: 90%; height: calc(100% - 100px); display: flex; } .with3 nav.mainmenu div.inner .level3 .scrollhelper { overflow-y: auto; overflow-x: hidden; } .with3 nav.mainmenu div.inner .level3 .entry + .entry { margin-top: 12px; } .with3 nav.mainmenu div.inner .level3 .entry.active { opacity: .6; } nav.mainmenu ul.menu { margin: 95px 0px 0px 45px; padding: 0px 0px 0px 0px; } nav.mainmenu ul.menu li { padding: 8px 0px 9px 0px; position: static; } nav.mainmenu ul.menu li.selected a { color: rgba(255,255,255,0.6); } nav.mainmenu ul.menu li div.bgimage { position: absolute; right: 0px; top: 0px; height: 100%; width: 54.487179%; opacity: 0; filter: alpha(opacity = 0); transition: all 350ms ease 0ms; display: none; overflow: hidden; } .openmenu nav.mainmenu ul.menu li div.bgimage { display: block; } nav.mainmenu .effectwrapper li { overflow-y: hidden; overflow-x: visible; } nav.mainmenu .effectwrapper li a { position: relative; } nav.mainmenu ul.menu li div.bgimage picture, nav.mainmenu ul.menu li div.bgimage .picture { height: 100%; } nav.mainmenu ul.menu li div.bgimage .picture img { height: 100%; width: 100%; transition: .4s; } nav.mainmenu ul.menu:hover li:first-child:hover div.bgimage, nav.mainmenu ul.menu li:hover div.bgimage { opacity: 1; filter: alpha(opacity = 1); z-index: 3; } nav.mainmenu ul.menu li.active div.bgimage { opacity: 1; filter: alpha(opacity = 1); z-index: 2; } nav.mainmenu ul.menu li:first-child div.bgimage { opacity: 1; filter: alpha(opacity = 1); z-index: 1; } nav.mainmenu ul.menu:hover li:first-child div.bgimage { opacity: 0; filter: alpha(opacity = 0); } body.openmenu { height: 100%; overflow: hidden; } nav.mainmenu nav.lang { margin: 38px 0px 0px 45px; } nav.mainmenu nav.lang a { text-transform: none; font-weight: normal; letter-spacing: 0px; } nav.mainmenu nav.lang a + a { margin-left: 5px; } nav.mainmenu ul.secondarymenu { margin: 75px 0px 0px 45px; } nav.mainmenu ul.secondarymenu li { padding: 7px 0px 7px 0px; } div.languageandsearch { display: none; float: right; z-index: 11; position: relative; } nav.sprache { display: block; margin-right: 30px; } .openmenu div.languageandsearch { display: flex; width: 100%; justify-content: flex-end; pointer-events: none; } .openmenu div.languageandsearch > * { pointer-events: all; } nav.sprache svg { fill: #FFFFFF; width: 10px; height: 10px; } nav.sprache span.lang, nav.sprache a { color: #FFFFFF; text-transform: uppercase; display: block; line-height: 27px; } nav.sprache .otherlanguages { overflow: hidden; display: block; } nav.sprache .otherlanguages .inner { margin-top: -100%; display: block; transition: all 250ms ease 0ms; } nav.sprache .otherlanguages .inner a { display: block; line-height: 27px; } nav.sprache.active svg { transform: scaleY(-1); } nav.sprache.active .otherlanguages .inner { margin-top: 0%; } body.menuOpen, body.searchOpen { overflow: hidden; } body.menuOpen div.HeaderT1Menu.Menu, div.HeaderT1Menu.Search { opacity: 0; transition: opacity ease .4s; } body.searchOpen div.HeaderT1Menu.Search { left: 0px; opacity: 1; } div.HeaderT1Menu { position: fixed; left: -100%; top: 0; width: 100%; height: 100vh; z-index: 5; } div.HeaderT1Menu div.inner { margin: 0 auto; height: 100%; } div.HeaderT1Menu.Search div.inner { display: flex; flex-direction: row; justify-content: center; align-items: center; } div.HeaderT1Menu.Search div.inner a.close { width: 50px; height: 50px; display: flex; position: absolute; top: 58px; right: 3.235294%; z-index: 59; justify-content: center; align-items: center; } div.HeaderT1Menu.Search div.inner a.close svg { fill: currentColor; } div.HeaderT1Menu.Search div.inner div.search { width: 85%; max-width: 480px; } div.HeaderT1Menu.Search div.inner form { position: relative; } .Search input::placeholder { color: #FFFFFF; opacity: 1; } .Search input:-webkit-input-placeholder { color: #FFFFFF; opacity: 1; } .Search input::-webkit-input-placeholder { color: #FFFFFF; opacity: 1; } .Search input::-ms-input-placeholder { color: #FFFFFF; opacity: 1; } .Search input:-ms-input-placeholder { color: #FFFFFF; opacity: 1; } div.HeaderT1Menu.Search div.inner form input { width: 100%; height: 2.3em; line-height: 2.3em; color: currentColor; background: transparent; border: 0px; border-bottom: 2px solid currentColor; } div.HeaderT1Menu.Search div.inner form a.submit { position: absolute; right: 0px; top: 9px; } div.search { } div.search svg { width: 30px; height: 30px; fill: #FFFFFF; } header.pageheader .mobileopener { display: none; } } @media (max-width: 1700px) { nav.mainmenu ul.menu { margin-top: 75px; } nav.mainmenu ul.secondarymenu { margin-top: 35px; } nav.mainmenu div.inner { width: 66%; } .with3 nav.mainmenu div.inner { width: 100%; } .with3 nav.mainmenu div.inner .close { top: 44px; right: 44px; } } @media (max-width: 1350px) { nav.mainmenu nav.lang, nav.mainmenu ul.secondarymenu, nav.mainmenu ul.menu { margin-left: 35px; } } @media (max-width: 1200px) { header.pageheader { padding-bottom: 90px; } nav.outermainmenu { display: none; } header.pageheader div.innerpageheader a.logo img { height: 70px; } nav.mainmenu ul.menu li div.bgimage { display: none !important; } div.search svg { width: 25px; height: 25px; } body.menuOpen div.HeaderT1Menu.Menu, body.searchOpen div.HeaderT1Menu.Search { left: 60px; } div.HeaderT1Menu.Search div.inner a.close { width: 40px; height: 40px; top: 70px; right: 90px; } header.pageheader div.innerpageheader div.openerandlogo { top: 40px; } header.pageheader .mobileopener { padding-top: 19px; width: 50px; height: 31px; display: block; position: fixed; right: 18px; bottom: 21px; z-index: 50; } header.pageheader .mobileopener .icon { width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; z-index: 1; color: #FFFFFF; } header.pageheader .mobileopener span { margin-left: 17px; display: block; background-color: #06384C; width: 17px; height: 2px; position: relative; z-index: 2; } header.pageheader .mobileopener span + span { margin-top: 3px; } body.scrolling-menu header.pageheader, body.floating-menu header.pageheader { top: -200px; transition: none; } nav.mainmenu div.inner { width: 100%; flex-direction: column; text-align: left; align-items: stretch; } nav.mainmenu div.inner .level { width: 100%; } nav.mainmenu div.inner .level3:before, nav.mainmenu div.inner .level2:before { display: none; } .openmenu header.pageheader div.innerpageheader a.logo { display: none; } .openmenu nav.mainmenu div.inner .close { right: 18px; bottom: 21px; top: auto; } .openmenu header.pageheader .mobileopener { display: none; } header.pageheader .mobiletitle { display: block; } nav.mainmenu ul.menu { margin: 0; } nav.mainmenu ul.secondarymenu { margin-left: 20px; } nav.mainmenu .mobiletitle, nav.mainmenu ul.menu li { padding: 12px 20px 12px 20px; border-bottom: 1px solid rgba(255,255,255,0.2); } nav.mainmenu .mobiletitle { display: block; color: #FFFFFF; } nav.mainmenu nav.lang { margin-left: 20px; margin-top: 8px; } nav.mainmenu div.inner .level3, nav.mainmenu div.inner .level2 { height: 100%; height: calc(100% - 44px); } nav.mainmenu div.inner .level3 { z-index: 3; } nav.mainmenu div.inner .level3 .entry, nav.mainmenu div.inner .level2 .entry { pointer-events: all; background-color: #1077BD !important; } nav.mainmenu div.inner .level2 .entry.lplink:after { display: none; } nav.mainmenu div.inner .level2 .entry .text.subheadline { display: none; } .with3 nav.mainmenu div.inner .level3 .entry + .entry, .with3 nav.mainmenu div.inner .level3 .entry, nav.mainmenu div.inner .level2 .entry, nav.mainmenu div.inner .level2 .entry.lplink { flex-basis: auto; flex-grow: 0; } nav.mainmenu div.inner .level2 .entry.lplink { flex-grow: 2; justify-content: flex-start; } nav.mainmenu div.inner .level2 .entry .name, nav.mainmenu div.inner .level2 .entry.lplink .name { padding: 12px 20px 12px 20px; margin: 0; } nav.mainmenu .effectwrapper li a { top: 0 !important; display: block; } .with3 nav.mainmenu div.inner { width: 100%; } nav.mainmenu div.inner .level2 .entry.lplink:after, nav.mainmenu div.inner .level2 .entry.withimg:hover:after { display: none; } nav.mainmenu div.inner .level2 .entry.shown { background: #1077BD !important; } .with3 nav.mainmenu div.inner .level2 { background: #1077BD; } .with3 nav.mainmenu div.inner .level3 { height: auto; overflow: scroll; background: #1077BD; justify-content: flex-start; } .with3 nav.mainmenu div.inner .level3 .entry + .entry, .with3 nav.mainmenu div.inner .level3 .entry { padding: 12px 0px 12px 0px; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.2); } nav.mainmenu.desktopcopy { display: none; } nav.mainmenu.mobilecopy div.inner { min-height: 100%; height: auto; } nav.mainmenu.mobilecopy .mobiletitle { padding: 11px 20px 11px 20px; display: flex; align-items: center; position: relative; } nav.mainmenu.mobilecopy .mobiletitle .icon { display: none; width: 16px; margin-right: 8px; order: 1; position: absolute; left: 20px; top: 12px; pointer-events: none; } nav.mainmenu.mobilecopy .mobiletitle span { order: 2; } nav.mainmenu.mobilecopy .mobiletitle span.sub { padding-left: 32px; } nav.mainmenu.mobilecopy .mobiletitle > span ~ .icon { display: block; } nav.mainmenu.mobilecopy .mobiletitle > span ~ span { display: none; } nav.mainmenu.mobilecopy ul.secondarymenu { margin-top: 20px; } nav.mainmenu.mobilecopy nav.lang { margin-top: 15px; margin-bottom: 40px; } nav.mainmenu.mobilecopy ul.menu li { padding: 7px 20px 7px 20px; border-bottom: 1px solid rgba(255,255,255,0.2); } nav.mainmenu.mobilecopy ul.menu.level3 li { padding: 12px 20px 11px 20px; } nav.mainmenu.mobilecopy { display: block; } nav.mainmenu.mobilecopy .t7 { font-weight: normal; } nav.mainmenu.mobilecopy .mobilesearch { position: relative; display: flex; justify-content: space-between; box-shadow: inset 0px 0px 500px rgba(0,0,0,0.1); } nav.mainmenu.mobilecopy .mobilesearch .icon { position: absolute; left: 20px; top: 22px; width: 16px; height: 16px; } nav.mainmenu.mobilecopy .mobilesearch input { color: #FFFFFF; background: transparent; border: 0; padding: 12px 20px 12px 45px; width: 100%; height: 57px; font-weight: normal; -webkit-box-sizing: border-box; box-sizing: border-box; } nav.mainmenu.mobilecopy div.level a { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; white-space: nowrap; } nav.mainmenu.mobilecopy div.level.level1 > ul:not(.level3) > li > a { font-size: 33px; line-height: 38px; } nav.mainmenu.mobilecopy ul.secondarymenu li.aktiv a, nav.mainmenu.mobilecopy div.level .active { opacity: .4; } nav.mainmenu.mobilecopy div.inner .level2 .entry.lplink .icon, nav.mainmenu.mobilecopy div.level a .icon { width: 16px; height: 40px; transform: scaleX(-1); background: transparent; } nav.mainmenu.mobilecopy div.inner .level2 .entry { width: auto; display: flex; justify-content: space-between; } nav.mainmenu.mobilecopy div.inner .level3, nav.mainmenu.mobilecopy div.inner .level2 { height: auto; } nav.mainmenu.mobilecopy div.level1 > ul + ul { display: none; } nav.mainmenu.mobilecopy div.inner .level3 .entry, nav.mainmenu.mobilecopy div.inner .level3 { display: block; } nav.mainmenu.mobilecopy div.level1 ul.menu ul.menu { display: none; } nav.mainmenu.mobilecopy .mobilesearch input::placeholder { color: #FFFFFF; opacity: 1; } nav.mainmenu.mobilecopy .mobilesearch input:-webkit-input-placeholder { color: #FFFFFF; opacity: 1; } nav.mainmenu.mobilecopy .mobilesearch input::-webkit-input-placeholder { color: #FFFFFF; opacity: 1; } nav.mainmenu.mobilecopy .mobilesearch input::-ms-input-placeholder { color: #FFFFFF; opacity: 1; } nav.mainmenu.mobilecopy .mobilesearch input:-ms-input-placeholder { color: #FFFFFF; opacity: 1; } } @media (max-width: 800px) { header.pageheader div.innerpageheader div.openerandlogo { top: 25px; } header.pageheader ~ .pagecontent { padding-top: 115px; } header.pageheader.themestage ~ .pagecontent { padding-top: 0px; } header.pageheader { padding-bottom: 75px; } } @media (max-width: 700px) { header.pageheader div.innerpageheader div.openerandlogo { top: 22px; } } @media (max-width: 600px) { header.pageheader ~ .pagecontent { padding-top: 78px; } header.pageheader.themestage ~ .pagecontent { padding-top: 0px; } header.pageheader { padding-bottom: 87px; } .openmenu div.languageandsearch { top: 70px; } header.pageheader div.innerpageheader { margin-left: 0px; margin-right: 0px; padding-top: 0px; } .openmenu header.pageheader div.innerpageheader { display: block; } header.pageheader div.innerpageheader a.logo img { height: 55px; } header.pageheader div.innerpageheader div.openerandlogo { xwidth: 100%; top: 20px; left: 20px; } div.languageandsearch { margin-top: 20px; margin-right: 20px; } div.search svg { width: 20px; height: 20px; } body.menuOpen div.HeaderT1Menu.Menu, body.searchOpen div.HeaderT1Menu.Search { left: 0; } div.HeaderT1Menu.Search div.inner a.close { width: 30px; height: 30px; top: 85px; right: 15px; } } @media all { div.volltextsuche { } div.volltextsuche ul { margin-top: 0.892857em; } div.volltextsuche ul li + li { margin-top: 1.964286em; } div.volltextsuche ul li .Breadcrumb { } div.volltextsuche ul li .Breadcrumb .inner a, div.volltextsuche ul li .Breadcrumb .inner { text-align: left; line-height: 2em; color: #006CB8; font-weight: bold; } } @media all { footer.Footer { text-align: center; } footer.Footer .contactbar { padding: 72px 0px 75px 0px; margin-bottom: 5.136986%; display: flex; justify-content: space-between; } footer.Footer .contactbar .entry { width: 25.000000%; position: relative; } footer.Footer .contactbar .entry + .entry { content: ''; width: 1px; height: 80%; position: absolute; left: 0px; top: 0px; display: block; background-color: rgba(255,255,255,0.4); } footer.Footer .contactbar .inner { xdisplay: flex; justify-content: center; } footer.Footer .contactbar .inner a { display: flex; flex-direction: column; align-items: center; color: #ffffff; text-transform: uppercase; } footer.Footer .contactbar .inner .owl-item ~ .owl-item { position: relative; } footer.Footer .contactbar .inner .owl-item ~ .owl-item:before { content: ''; width: 1px; height: 100px; opacity: .4; display: block; background-color: currentColor; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } footer.Footer .contactbar .inner .icon { margin-bottom: 1.444444em; width: 54px; height: 50px; stroke: currentColor; fill: currentColor; } footer.Footer .contactbar .inner .icon.icon-custom-phone { height: 45px; } footer.Footer .contactbar .inner .text { font-size: 14px; line-height: 24px; } footer.Footer .contactbar .inner .toptext { letter-spacing: 2px; } footer.Footer .contactbar .inner .bottomtext { font-size: 20px; line-height: 28px; font-weight: bold; text-transform: none; } footer.Footer address { margin: 5.136986% 0px 4.109589% 0px; } footer.Footer address div a { color: inherit; } footer.Footer address .headline { margin-bottom: 17px; display: block; } footer.Footer address nav { margin-top: 18px; line-height: 2; text-transform: uppercase; color: #006CB8; } footer.Footer address span { color: inherit; } footer.Footer .copyright { margin-top: 20px; margin-bottom: 20px; line-height: 2; } footer.Footer .copyright a { color: rgba(39,48,70,0.6); } footer.Footer .copyright img { height: 22px; } footer.Footer .unitnewsletter { padding-bottom: 6.164384%; position: relative; } footer.Footer .unitnewsletter.thanks { padding: 3.082192% 0px; } footer.Footer .unitnewsletter:before { content: ''; width: 100%; height: 1px; background-color: currentColor; opacity: .12; display: block; position: absolute; left: 0px; bottom: 0px; } footer.Footer .unitnewsletter.thanks:before { display: none; } footer.Footer .unitnewsletter .headline { margin-bottom: 10px; } footer.Footer .unitnewsletter form { padding: 15px 25px 15px 25px; display: inline-block; width: 80%; max-width: 620px; border: 1px solid rgba(40,48,71,0.13); } footer.Footer .unitnewsletter form div.row.checkbox div.error + label.extralabel { margin-left: 4px; } footer.Footer .unitnewsletter .formfields { opacity: .6; display: flex; justify-content: stretch; align-items: center; } footer.Footer .unitnewsletter .formfields .row { margin-bottom: 0px; } footer.Footer .unitnewsletter .formfields .row.checkbox { display: flex; align-items: center; } footer.Footer .unitnewsletter .formfields .row.checkbox .checkboxfield { display: flex; align-items: center; } footer.Footer .unitnewsletter .formfields .row.input { flex: 1; } footer.Footer .unitnewsletter .formfields .inputfield { width: 100%; padding: 0px 0px 0px 0px; border: 0; background: transparent; } footer.Footer .unitnewsletter .formfields .inputfield input { border: 0px; background: transparent; padding: 0; } footer.Footer .unitnewsletter .formfields .senden { margin-top: 0px; margin-left: 20px; padding: 0px 0px 0px 0px; width: 21px; height: 18px; font-size: 0px; background: url(/aHR0cHM6Ly93d3cua2tyLml0L2RlZmF1bHQvY3NzL2FsbC0wNWJiNjFiY2M4YWY4ZDBkOGMwNmQ2NTg0ODg4MGY5MC5jc3M=/071596728812/images/modules/NewsletterSubscribeOnPageT3/arrow.png) no-repeat 50% 50%; } footer.Footer.Logos { } section.Footer.Logos { margin-bottom: 32px; padding-top: 2.191781%; position: relative; } section.Footer.Logos .inner { display: flex; justify-content: center; } section.Footer.Logos .inner .picture { margin: 0px 22px; } } @media (max-width: 800px) { footer.Footer .contactbar .inner a { width: 100%; } footer.Footer .unitnewsletter form { padding: 10px 15px 10px 15px; } section.Footer.Logos { padding-top: 22px; } section.Footer.Logos .inner .picture { margin: 8px 12px; } footer.Footer .contactbar .owl-dots { margin-top: 30px; } footer.Footer .contactbar .owl-dots .owl-dot { width: 16px; height: 16px; background: transparent; position: relative; } footer.Footer .contactbar .owl-dots .owl-dot + .owl-dot { margin-left: 8px; } footer.Footer .contactbar .owl-dots .icon { width: 16px; height: 12px; position: absolute; left: 0px; top: 3px; color: transparent; stroke: #ffffff; stroke-width: 8px; } footer.Footer .contactbar .owl-dots .active .icon { color: #ffffff; } footer.Footer .contactbar .inner .owl-item ~ .owl-item:before { display: none; } } @media (max-width: 600px) { footer.Footer .innerFooter { display: flex; flex-direction: column; } section.Footer.Logos { order: 5; display: flex; flex-direction: column; } section.Footer.Logos .inner { flex-wrap: wrap; } footer.Footer .unitnewsletter .formfields { flex-direction: column; } footer.Footer .unitnewsletter .formfields .row { width: 100%; height: 30px; } footer.Footer .unitnewsletter .formfields .row + .row { margin-top: 8px; } footer.Footer .unitnewsletter .formfields .senden { margin-top: -30px; height: 30px; align-self: flex-end; z-index: 99; } footer.Footer .unitnewsletter .formfields .inputfield input { width: calc(100% - 40px); margin-right: 40px; } } @media (max-width: 450px) { footer.Footer address { margin-bottom: 30px; } footer.Footer address .inner { font-size: 0; line-height: 0; } footer.Footer address .inner span { display: block; font-size: 1.2rem; line-height: 1.5; } footer.Footer address .inner span span { display: inline; } footer.Footer address .inner span[itemprop="addressCountry"], footer.Footer address .inner span[itemprop="streetAddress"] + span { display: inline; } footer.Footer address .inner span[itemprop="streetAddress"] + span:after { content: '\00a0'; font-size: 1.2rem; } footer.Footer address nav { font-size: 0; } footer.Footer address nav a { display: block; font-size: 1rem; line-height: 2.2; } footer.Footer .unitnewsletter .innerNewsletter { padding-bottom: 40px; position: relative; } footer.Footer .unitnewsletter .row.checkbox { position: absolute; bottom: 0px; width: auto; padding: 0px 35px; box-sizing: border-box; } } @media all { section.Contacts { } section.Contacts .aic { display: flex; align-items: center; } section.Contacts .innerContacts { margin-top: 5.294118%; display: flex; } section.Contacts .Intro { margin-right: 6.849315%; width: 43.150685%; } section.Contacts .elements { width: 50.000000%; } section.Contacts .elements article { margin-top: -10.588235%; margin-bottom: 10.588235%; } section.Contacts .elements article.withimage .text { margin-top: 80.000000%; } section.Contacts .elements picture { } section.Contacts article .label { margin-bottom: 16px; display: inline-block; } section.Contacts article .headline { margin-bottom: 8px; } section.Contacts article .introduction { margin-left: 60px; margin-bottom: 33px; } section.Contacts article .detaillink { margin-left: 60px; } section.Contacts article .data { display: flex; align-items: center; } section.Contacts article .data a { color: #ffffff; } section.Contacts article .data .icon { margin-right: 8px; width: 18px; height: 18px; fill: currentColor; } svg.icon.icon-hex-gradient { fill: url(/Content/css/#hex-gradient); } .Contacts.OnPage { position: fixed; padding: 22px; right: 22px; bottom: 22px; z-index: 50; display: flex; flex-direction: column-reverse; align-items: flex-end; } .Contacts.OnPage.closed { background: transparent; } .Contacts.OnPage a:hover { opacity: 1; } .Contacts.OnPage div.inner { display: flex; flex-direction: column; } .Contacts.OnPage div.inner a { margin-bottom: 4px; display: flex; flex-direction: row-reverse; align-items: center; color: #ffffff; } .Contacts.OnPage div.inner a:hover { opacity: .7; } .Contacts.OnPage div.inner a .text { xtext-shadow: black 0px 0px 10px; margin-top: -15px; overflow: hidden; white-space: nowrap; } .Contacts.OnPage div.inner a .hidden { display: none; } .Contacts.OnPage span.icon { margin-left: 15px; position: relative; } .Contacts.OnPage span.icon .icon { width: 70px; height: 70px; } .Contacts.OnPage span.icon { position: relative; } .Contacts.OnPage .opener span.icon .icon.main, .Contacts.OnPage .inner span.icon .icon.main { position: absolute; left: 50%; top: 0px; width: 36px; height: 70px; z-index: 2; transform: translateX(-50%); stroke: currentColor; fill: currentColor; } .Contacts.OnPage .opener span.icon { width: 70px; height: 70px; display: block; } .Contacts.OnPage .opener span.icon .icon.main { color: #ffffff; } .Contacts.OnPage .opener span.icon .icon.main.closed { left: 13px; width: 40px; transform: none; } .Contacts.OnPage .opener span.icon .icon.main.open { display: none; width: 20px; height: 20px; top: 50%; transform: translate(-50%,-50%); } .Contacts.OnPage .opener.open span.icon .icon.main { display: none; } .Contacts.OnPage .opener.open span.icon .icon.main.open { display: block; } .Contacts.List { } .Contacts.List .elements { width: 100%; display: flex; flex-wrap: wrap; } .Contacts.List .elements .element { margin-top: 0; margin-bottom: 7.567568%; width: 25.000000%; text-align: center; position: relative; } .Contacts.List .picture:after { content: ''; width: 100%; height: 1px; display: block; background-color: currentColor; opacity: .2; } .Contacts.List .picture { z-index: 2; transition: opacity .4s ease; position: relative; } .Contacts.List .toggle .picture { opacity: 0; } .Contacts.List .picture + .picture { position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 1; } .Contacts.List .inner { display: block; } .Contacts.List .elements .element .inner .text { margin-top: 0px; } .Contacts.List .element .headline { margin-top: 1em; margin-bottom: 0px; } } @media (max-width: 1200px) { .Contacts.OnPage { padding: 12px; right: 6px; bottom: 65px; } .Contacts.OnPage .opener span.icon, .Contacts.OnPage span.icon .icon { width: 50px; height: 50px; } .Contacts.OnPage .opener span.icon .icon.main.closed { top: -8px; left: 12px; width: 25px; } .Contacts.OnPage .inner span.icon .icon.main { top: 15px; height: 20px; } } @media (max-width: 850px) { .Contacts.List .elements .element { width: 33.333333%; } } @media (max-width: 800px) { section.Contacts .innerContacts { flex-direction: column-reverse; } section.Contacts .Intro { padding-top: 0; margin-left: 6.849315%; margin-right: 20.547945%; width: 72.602740%; } section.Contacts .Intro .text { width: 100%; } section.Contacts .elements { margin-left: auto; margin-right: auto; width: 86.301370%; } } @media (max-width: 600px) { .Contacts.List .elements .element { width: 50.000000%; } section.Contacts article .introduction { margin-left: 45px; margin-bottom: 20px; } section.Teaser.Contacts .centercontentspaceleft { margin-left: 0%; } section.Contacts .elements { width: 92%; } section.Contacts article .introduction { margin-left: 0px; } section.Contacts article .detaillink { margin-left: 0px; } } @media (max-width: 420px) { .Contacts.List .elements .element { width: 100%; } section.Contacts article .introduction { margin-left: 35px; margin-bottom: 18px; } } @media all { [data-view~="Tabs"] { position: relative; } } @media all { [data-view="List"] { position: relative; } [data-view="List"] .owl-prev, [data-view="List"] .owl-next { width: 53px; height: 18px; position: absolute; right: -70px; top: 50%; transform: translateY(-50%); } [data-view="List"] .owl-prev { left: -70px; right: auto; } [data-view="List"] .owl-prev .icon, [data-view="List"] .owl-next .icon { width: 100%; height: 100%; display: block; } [data-view="List"] [data-layouter="masonry"] .gutter-sizer { width: 3.767123%; } [data-view="List"] [data-layouter="masonry"] article { margin-bottom: 2.054795%; } } @media (max-width: 1650px) { [data-view="List"] .owl-prev, [data-view="List"] .owl-next { right: 0px; } [data-view="List"] .owl-prev { left: 0px; right: auto; } } @media all { [data-view~=Fold] { } } @media all { [data-view~=Element] picture { width: 100%; } [data-view~=Element] picture img { width: 100%; } [data-view~=Element] div.text a.detaillink { display: inline-block; } } @media all { section.ByCodeSimple .element .introduction { margin-top: 30px; max-width: 82.905983%; } section.ByCodeSimple .element .detaillink { margin-top: 30px; } } @media (max-width: 650px) { section.ByCodeSimple .element .introduction { max-width: 100%; } } @media all { section.Blog { } section.Blog.List { overflow: hidden; } section.Blog.List:not(.OnPage) { padding-bottom: 0px; } section.Blog.List .bghelper { margin-top: 8.561644%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; } section.Blog.List div.elements { } section.Blog.List div.elements article.element { margin-bottom: 3.767123%; } section.Blog.List div.elements article { position: relative; } section.Blog.List div.elements article + article { margin-top: 3.767123%; } section.Blog.List div.elements article + article + article { margin-top: 0%; } section.Blog.List div.elements > .element div.text { pointer-events: none; display: flex; align-items: flex-end; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; } section.Blog.List div.elements > .element div.text div.innerText { margin: 36px; } section.Blog .Filter { text-align: center; } section.Blog .Filter a { margin: 10px; padding: 0.600000em 1.400000em 0.550000em 1.400000em; display: inline-block; position: relative; } section.Blog .Filter a.active { color: #ffffff; } section.Blog .Filter a.active:before { content: ''; margin-top: -3px; width: 15px; height: 15px; position: absolute; left: 50%; top: 100%; z-index: -1; transform: rotate(45deg) translateX(-50%); background: inherit; } section.Blog.OnPage { } section.Blog.OnPage article div.inner { display: block; } section.Blog.OnPage.List div.elements > .element div.text { padding-top: 56.250000%; height: 0%; } section.Blog.OnPage div.elements { margin: 0px 0px 0px 7.331378%; position: relative; } section.Blog.OnPage div.elements .Intro { margin-left: -7.331378%; margin-bottom: 8.797654%; width: 45.821114%; min-height: 270px; float: left; display: inline; } section.Blog.OnPage div.elements .Intro .subheadline { margin-bottom: 4.800000%; margin-left: 16.000000%; } section.Blog.OnPage div.elements .Intro .detaillink { margin-left: 16.000000%; } section.Blog.OnPage div.elements > .element:nth-of-type(1) { margin-top: 16.348974%; width: 41.055718%; float: right; display: inline; } section.Blog.OnPage div.elements > .element:nth-of-type(2) { margin-top: 0%; width: 54.252199%; } section.Blog.OnPage div.elements > .element:nth-of-type(3) { margin-right: 8.064516%; width: 32.991202%; position: absolute; right: 0px; margin-top: 61.803519%; top: 0px; float: right; display: inline; } section.Blog.OnPage div.elements > .element:nth-of-type(4) { margin-top: 4.398827%; margin-left: 21.187683%; width: 32.991202%; } section.Blog.OnPage div.elements > .element .picture img, section.Blog.OnPage div.elements > .element .picture { width: 100%; } section.Blog.Detail { } section.Blog.Detail .picture.header { width: 100%; } section.Blog.Detail .picture.header img { width: 100%; } section.Blog.Detail .footergallery { display: flex; justify-content: space-between; } section.Blog.Detail .footergallery .element { width: 61.643836%; } section.Blog.Detail .footergallery .element + .element { margin-top: 5.136986%; width: 33.561644%; } section.Blog.Detail .footergallery .element .picture, section.Blog.Detail .footergallery .element .picture img { width: 100%; } section.Blog.Detail .footergallery .element .text { margin-top: 12px; } section.Blog.Detail .bottom { margin-left: 68px; width: 85.616438%; } section.Blog.Detail .bottom .content { column-count: 2; column-gap: 68px; } section.Blog.Detail .bottom .backlink { margin-top: 30px; } } @media (max-width: 600px) { section.Blog.Detail .footergallery { flex-direction: column; } section.Blog.Detail .footergallery .element { width: 100%; } section.Blog.Detail .footergallery .element + .element { margin-top: 5.000000%; width: 100%; } section.Blog.Detail .footergallery .element .text { margin-top: 5px; } section.Blog.Detail .bottom { margin-left: 0px; width: 100%; } section.Blog.Detail .bottom .content { column-count: 1; column-gap: 8px; } } @media (max-width: 1024px) { section.Blog.OnPage div.elements .Intro { width: 60.483871%; } section.Blog.List div.elements > .element div.text div.innerText { margin: 24px; } } @media (max-width: 800px) { section.Blog.OnPage .innerBlog div.elements { margin-left: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } section.Blog.OnPage .innerBlog div.elements:after { display: none; } section.Blog.OnPage .innerBlog div.elements .Intro { margin-left: 0; margin-bottom: 0px; padding-right: 14.662757%; width: 85.337243%; } section.Blog.OnPage .innerBlog div.elements > article.element { margin: 6.250000% 0px 0px 0px; width: 46.875000%; position: relative; float: left; display: inline; } section.Blog.List div.elements > .element div.text div.innerText { margin: 20px; } section.Blog.OnPage div.elements .Intro { min-height: 0px; } } @media (max-width: 650px) { section.Blog.OnPage div.elements .Intro .subheadline { margin-left: 0%; } section.Blog.OnPage div.elements .Intro .detaillink { margin-left: 0%; } section.Blog.List:not(.OnPage) { padding-top: 0; } } @media (max-width: 480px) { section.Blog.OnPage .innerBlog div.elements > article.element { width: 100%; } section.Blog.OnPage .innerBlog div.elements > .element:nth-of-type(4) { display: none; } section.Blog.List div.elements > .element div.text div.innerText .label { margin-bottom: 6px; display: block; text-transform: uppercase; } section.Blog.List div.elements > .element div.text div.innerText { margin: 24px; } } @media (max-width: 500px) { section.Blog.OnPage div.elements .Intro { padding-right: 15%; width: 85%; } } @media (max-width: 1024px) { section.Blog .Filter a { margin: 8px; } } @media (max-width: 900px) { section.Blog.List div.elements article + article { margin-top: 0%; } } @media (max-width: 800px) { section.Blog .Filter a { margin: 6px; } } @media (max-width: 480px) { section.Blog .Filter a { padding: 4px 12px 4px 12px; } } @media all { section.AboutUs { } section.AboutUs.OnPage { margin: 5.294118% 0px; } section.AboutUs.OnPage .row { display: flex; align-items: center; } section.AboutUs.OnPage .row .imgtext { padding: 15px 0px 9px 0px; } section.AboutUs.OnPage .Intro { margin-right: 6.849315%; width: 43.150685%; } section.AboutUs.OnPage .row1 .element.right { width: 50.000000%; } section.AboutUs.OnPage .row1 .element img { width: 100%; margin-top: -10.588235%; } section.AboutUs.OnPage .row2 { margin-top: 3.904110%; justify-content: space-between; align-items: flex-start; } section.AboutUs.OnPage .row2 .element { width: 61.643836%; } section.AboutUs.OnPage .row2 .element img { width: 100%; } section.AboutUs.OnPage .row2 .element.right { width: 33.561644%; } section.AboutUs.OnPage .row2 .element.right img { margin-top: 14.897959%; } section.AboutUs.OnPage .row3 .teaser { margin-left: 14.383562%; margin-bottom: -4.246575%; padding: 3.424658% 3.082192%; width: 33.561644%; } section.AboutUs.OnPage .row3 .teaser .headline { width: 80%; } section.AboutUs.OnPage .row3 .teaser .detaillink { margin-top: 8px; text-transform: none; } } @media (max-width: 1170px) { section.AboutUs.OnPage .row3 .teaser { width: 39.726027%; } } @media (max-width: 800px) { section.AboutUs.OnPage .row3 .teaser { margin-left: 10.000000%; width: 50.000000%; } } @media (max-width: 700px) { section.AboutUs.OnPage { margin-top: 12.857143%; } section.AboutUs.OnPage .row1 { flex-direction: column-reverse; } section.AboutUs.OnPage .row1 .element.right { width: 100%; } section.AboutUs.OnPage .Intro { padding-top: 15px; margin-right: 17.142857%; width: 82.857143%; } section.AboutUs.OnPage .row2 { margin-top: 0px; margin-bottom: 24px; } section.AboutUs.OnPage .row2 .element { display: none; } section.AboutUs.OnPage .row2 .element.right { width: 100%; display: block; } section.AboutUs.OnPage .row2 .element.right img { margin-top: 0px; } section.AboutUs.OnPage .row3 .teaser { margin-left: 0px; margin-bottom: -28px; padding: 33px 28px 28px 28px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 450px) { section.AboutUs.OnPage { margin-bottom: 50px; } section.AboutUs.OnPage .Intro { padding-bottom: 42px; } }