/* Minification failed. Returning unminified contents. (117,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (125,22): run-time error CSS1039: Token not allowed after unary operator: '-currentSelectionCasameta' (126,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (354,17): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderFontColorEddi24' (358,28): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderEddi24' (369,28): run-time error CSS1039: Token not allowed after unary operator: '-thirdColor' (381,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (383,22): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (448,22): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderEddi24' (449,25): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24' (462,17): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderFontColorEddi24' (474,22): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderEddi24' (475,25): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24' (486,17): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderFontColorEddi24' (510,28): run-time error CSS1039: Token not allowed after unary operator: '-successCasameta' (511,24): run-time error CSS1039: Token not allowed after unary operator: '-successBorderCasameta' (512,17): run-time error CSS1039: Token not allowed after unary operator: '-successFontCasameta' (517,28): run-time error CSS1039: Token not allowed after unary operator: '-successHoverCasameta' (518,17): run-time error CSS1039: Token not allowed after unary operator: '-successFontHoverCasameta' (548,22): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (567,28): run-time error CSS1039: Token not allowed after unary operator: '-thirdColor' (592,29): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24' (603,22): run-time error CSS1039: Token not allowed after unary operator: '-headerBackColorEddi24' (614,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (643,25): run-time error CSS1039: Token not allowed after unary operator: '-borderRadiusEddi24' (646,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (653,22): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor' (658,17): run-time error CSS1039: Token not allowed after unary operator: '-disabledFontColor' (677,22): run-time error CSS1039: Token not allowed after unary operator: '-inputRequiredBackgroundColor' (683,28): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (684,17): run-time error CSS1039: Token not allowed after unary operator: '-headerFontEddi24' (689,22): run-time error CSS1039: Token not allowed after unary operator: '-fieldOKCasameta' (694,22): run-time error CSS1039: Token not allowed after unary operator: '-inputErrorBackgroundColor' (695,24): run-time error CSS1039: Token not allowed after unary operator: '-inputErrorBorderColor' (700,18): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24' (701,25): run-time error CSS1039: Token not allowed after unary operator: '-borderRadiusEddi24' (721,28): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (764,17): run-time error CSS1039: Token not allowed after unary operator: '-noteTextColor' (798,28): run-time error CSS1039: Token not allowed after unary operator: '-blueEddi24' (808,17): run-time error CSS1039: Token not allowed after unary operator: '-dragArea' (813,17): run-time error CSS1039: Token not allowed after unary operator: '-selectedMenuTextCasameta' (820,22): run-time error CSS1039: Token not allowed after unary operator: '-headerBackColorEddi24' (824,24): run-time error CSS1039: Token not allowed after unary operator: '-inputValidBorderColor' (825,28): run-time error CSS1039: Token not allowed after unary operator: '-inputValidBackgroundColor' (881,24): run-time error CSS1039: Token not allowed after unary operator: '-violettEddi24' (919,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (1165,28): run-time error CSS1039: Token not allowed after unary operator: '-greenEddi24' (1291,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24' (1299,17): run-time error CSS1039: Token not allowed after unary operator: '-btnHoverColor' (1350,24): run-time error CSS1039: Token not allowed after unary operator: '-selectedMenuTextCasameta' (1390,28): run-time error CSS1039: Token not allowed after unary operator: '-containerBackgroundColor' (1566,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor' (1767,17): run-time error CSS1039: Token not allowed after unary operator: '-headerFont' (1797,17): run-time error CSS1039: Token not allowed after unary operator: '-sloganTextColor' */ .cookies-eu { position: fixed; bottom: 0; left: 0; line-height: 40px; background: #f2f2f2; border-top: 1px solid #e4e4e4; width: 100%; z-index: 999; text-align: center } .cookies-eu .cookies-eu-content-holder { display: inline-block; padding: 0 20px; line-height: 26px } .cookies-eu .cookies-eu-button-holder { display: inline-block; padding-right: 20px } .cookies-eu .cookies-eu-button-holder .cookies-eu-ok { background-color: #4d90fe; background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); border: 1px solid #3079ed; border-radius: 2px; color: #fff; cursor: default; display: inline-block; font-size: 11px; font-weight: 700; height: 24px; line-height: 20px; margin-right: 0; min-width: 26px; outline: 0; padding: 0 11px; text-align: center; white-space: nowrap; margin: 0 5px } @media (max-width:767px) { .cookies-eu { font-size: 12px; line-height: 20px; position: fixed; bottom: 0; left: 0; } .cookies-eu .cookies-eu-content-holder { line-height: 16px; padding: 5px 20px } .cookies-eu .cookies-eu-button-holder { padding-bottom: 5px } } .outer { display: table; position: absolute; height: 100%; width: 100% } .inner { margin-left: auto; margin-right: auto; min-height: 300px; max-height: 350px; max-width: 350px; padding: 36px; margin-bottom: 28px; background-color: #fff; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.55); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.55); box-shadow: 0 2px 3px rgba(0,0,0,.55); border: 1px solid #818c94; border: 1px solid rgba(0,0,0,.4); box-sizing: unset } .middle { display: table-cell; vertical-align: middle } .relative { position: relative } .cookie-body { margin: 0; background-color: #fff; color: #000; font-weight: 400; font-size: 15px; line-height: 20px } .cookie-html { display: block; position: unset; margin: unset } .text-title { padding: 0; margin-top: 16px; margin-bottom: 12px; font-size: 24px; color: var(--fontColorEddi24); font-size: 2rem; line-height: 28px; font-weight: 600; line-height: 1.75rem } .cookies-eu { background: var(--currentSelectionCasameta); color: var(--fontColorEddi24); font-weight: 700; opacity: .9 } .txt-color-warning { color: red; } /*:root { --fontColorEddi24: #4A4A4A; --labelFontEddi24: #666666; --currentSelectionCasameta: #F9B816; --selectedItemCasameta: #FFEAAA; --backReqFieldsEddi24: #FFF8DB; --blueEddi24: #2895f4; --violettEddi24: #3f51b5; --headerBackColorEddi24: #E9E9E9; --bordersEddi24: 1px solid #bbb; --bordersEddi24Vio: 1px solid var(--violettEddi24); --bordersFormsEddi24: 1px solid #ccc; --borderRadiusEddi24: 5px; --borderStyleEddi24: groove; --borderWidthEddi24: thin; --iconColorEddi24: #444444; --mainWidthEddi24: 235px; --leftPanelMobileEddi24: -235px; --greenEddi24: #00C400; } */ /*Redesign auf casameta Style*/ :root { --mainHeaderEddi24: #000730; --primaryColor: #fff; --secondaryColor: #fff; --mainHeaderFontColorEddi24: #fff; --fontColorEddi24: #4A4A4A; --headerFontEddi24: #444444; --headerFont: rgb(23, 43, 77); --labelFontEddi24: #666666; --dataFontEddi24: #222222; --backReqFieldsEddi24: #FFF8DB; --blueEddi24: #0075FF; --violettEddi24: #3f51b5; --statusFehler: #ff6961; --statusOK: #449D44; --btnHoverColor: #000; --headerBackColorEddi24: #E9E9E9; --containerBackgroundColor: #f9f9f9; --bordersEddi24: 1px solid #bbb; --bordersEddi24Vio: 1px solid var(--violettEddi24); --bordersFormsEddi24: 1px solid #ccc; --borderRadiusEddi24: 5px; --borderStyleEddi24: groove; --borderWidthEddi24: thin; --iconColorEddi24: #444444; --mainWidthEddi24: 255px; --leftPanelMobileEddi24: -255px; --boxShadowEddi24: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05); --greenEddi24: #00C400; --currentSelectionCasameta: #D7E1FF; --selectedItemCasameta: #ECF0FF; --selectedMenuTextCasameta: #4B7AFF; --fieldOKCasameta: #EAFFF0; --fieldRequiredCasameta: #FFFBD8; --badgeCasameta: #FFE300; --wmiantCasameta: #FFF497; --textOKCasameta: #C6F2DE; --textErrorCasameta: #FFCCCC; --dragArea: #337ab7; --successCasameta: #73FFA4; --successBorderCasameta: #4cae4c; --successHoverCasameta: #2DF272; --successFontCasameta: #101010; --successFontHoverCasameta: #111; --altZebra: #f2f2f2; --noteTextColor: #999; --sloganTextColor: #6c757d; --inputErrorBorderColor: #a90329; --inputErrorBackgroundColor: #fff0f0; --inputValidBorderColor: #7ec27e; --inputValidBackgroundColor: #EAFFF0; --inputRequiredBackgroundColor: #FFFBD8; } [data-theme="dark"] { --mainHeaderEddi24: #040405; --primaryColor: #262626; --secondaryColor: #333; --thirdColor: #262626; --mainHeaderFontColorEddi24: #fff; --dateAndDDBackground: #212121; --fontColorEddi24: #fff; --menuFontColorEddi24: #fff; --headerFontEddi24: #fff; --headerFont: #fff; --labelFontEddi24: #fff; --dataFontEddi24: #fff; --borderMainContainer: 1px solid #000; --borderBottomMain: 1px solid #000; --backReqFieldsEddi24: #FFF8DB; --blueEddi24: #0075FF; --violettEddi24: #3f51b5; --statusFehler: #ff6961; --statusOK: #449D44; --headerBackColorEddi24: #444; --containerBackgroundColor: #444; --btnDefaultColor: #262626; --btnHoverColor: #000; --bordersEddi24: 1px solid #000; --borderGridColor: #000; --bordersEddi24Vio: 1px solid var(--violettEddi24); --bordersFormsEddi24: 1px solid #000; --borderRadiusEddi24: 5px; --borderStyleEddi24: groove; --borderWidthEddi24: thin; --iconColorEddi24: #fff; --mainWidthEddi24: 255px; --leftPanelMobileEddi24: -255px; --boxShadowEddi24: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05); --loaderBackground: rgba(10, 10, 10, .7); --greenEddi24: #6ba02b; --tooltipHeaderColor: #000; --greenCasametaHover: #00ce15; --currentSelectionCasameta: #000; --selectedItemCasameta: #0a2e4a; --selectedMenuTextCasameta: #4B7AFF; --fieldOKCasameta: #003914; --fieldRequiredCasameta: #56533C; --badgeCasameta: #FFE300; --wmiantCasameta: #56533C; --wmiantTextCasameta: #CDC790; --textOKCasameta: #00762A; --textErrorCasameta: #A63232; --inWhiteList: #003914; --dragArea: #fff; --successCasameta: #73FFA4; --successBorderCasameta: #4cae4c; --successHoverCasameta: #2DF272; --successFontCasameta: #101010; --successFontHoverCasameta: #111; --altZebra: #444; --noteTextColor: #ccc; --sloganTextColor: #999; --inputErrorBorderColor: #a90329; --inputErrorBackgroundColor: #fff0f0; --inputValidBorderColor: #7dc27d; --inputValidBackgroundColor: #ffffff; --inputRequiredBorderColor: #ffffff; --inputRequiredBackgroundColor: #FFFBD8; } [data-theme="kontrast"] { --mainHeaderEddi24: #000; --primaryColor: #040405; --secondaryColor: #000; --thirdColor: #000; --mainHeaderFontColorEddi24: #fff; --dateAndDDBackground: #212121; --fontColorEddi24: #fff; --menuFontColorEddi24: #fff; --headerFontEddi24: #fff; --headerFont: #fff; --labelFontEddi24: #fff; --dataFontEddi24: #fff; --borderMainContainer: 1px solid #fff; --borderBottomMain: 1px solid #fff; --backReqFieldsEddi24: #FFF8DB; --blueEddi24: #0075FF; --violettEddi24: #3f51b5; --statusFehler: #ff6961; --statusOK: #449D44; --headerBackColorEddi24: #444; --containerBackgroundColor: #444; --btnDefaultColor: #262626; --btnHoverColor: #0075FF; --bordersEddi24: 1px solid #fff; --borderGridColor: #fff; --bordersEddi24Vio: 1px solid var(--violettEddi24); --bordersFormsEddi24: 1px solid #fff; --borderRadiusEddi24: 5px; --borderStyleEddi24: groove; --borderWidthEddi24: thin; --iconColorEddi24: #fff; --mainWidthEddi24: 255px; --leftPanelMobileEddi24: -255px; --boxShadowEddi24: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05); --loaderBackground: rgba(10, 10, 10, .7); --greenEddi24: #6ba02b; --tooltipHeaderColor: #444; --greenCasametaHover: #00ce15; --currentSelectionCasameta: #444; --selectedItemCasameta: #0a2e4a; --selectedMenuTextCasameta: #fff; --fieldOKCasameta: #003914; --fieldRequiredCasameta: #56533C; --badgeCasameta: #FFE300; --wmiantCasameta: #444; --wmiantTextCasameta: #CDC790; --textOKCasameta: #00762A; --textErrorCasameta: #A63232; --inWhiteList: #003914; --dragArea: #fff; --successCasameta: #73FFA4; --successBorderCasameta: #4cae4c; --successHoverCasameta: #2DF272; --successFontCasameta: #101010; --successFontHoverCasameta: #111; --altZebra: #444; --noteTextColor: #fff; --sloganTextColor: #fff; --inputErrorBorderColor: #a90329; --inputErrorBackgroundColor: #fff0f0; --inputValidBorderColor: #7dc27d; --inputValidBackgroundColor: #ffffff; --inputRequiredBorderColor: #ffffff; --inputRequiredBackgroundColor: #FFFBD8; } .mainEddi24HeaderFont { color: var(--mainHeaderFontColorEddi24) !important; } .mainEddi24HeaderBackColor { background-color: var(--mainHeaderEddi24) !important; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { font-family: "Open Sans", Arial, Helvetica, Sans-Serif !important; background-color: var(--thirdColor) } html { height: 100vh; } body { margin: 0; padding: 0; overflow-x: hidden; overflow-y: hidden; color: var(--fontColorEddi24); min-height: 100%; background: var(--primaryColor); font-size: 14px; line-height: 1.42857143; direction: ltr; } body:before { font-family: "Kendo UI"; content: "\a0"; font-size: 0; width: 0; height: 0; position: absolute; z-index: -1; } /*Header*/ #header { left: 0; z-index: 1000; right: 0; top: 0; } #header > div { display: inline-block; vertical-align: middle; } #logo2 img { width: auto; height: 65px; padding-bottom: 10px; margin-top: 8px; margin-left: 24px; } img { vertical-align: middle; border: 0; } #extr-page { background: #fff; overflow: visible; } #extr-page #header { margin: 0; overflow: hidden; border-width: 0; min-height: 28px; background: unset; display: contents; position: fixed; pointer-events: unset; } #extr-page-header-space { min-height: 58px; text-align: right; display: block; vertical-align: middle; line-height: 70px; /*border-bottom: 1px solid #eee !important;*/ background: var(--mainHeaderEddi24); border-bottom: var(--bordersEddi24) } #extr-page-header-space .btn { font-weight: 700; text-transform: uppercase; } #extr-page-header-space>:first-child { font-size: 13px; margin-right: 14px; color: var(--mainHeaderFontColorEddi24); /*vertical-align: -3px;*/ } #extr-page-header-space > * { display: inline-block; } #extr-page-register-header-space { min-height: 58px; text-align: right; display: block; background: var(--mainHeaderEddi24); border-bottom: var(--bordersEddi24) } #extr-page-register-header-space .btn { font-weight: 700; text-transform: uppercase; } #extr-page-register-header-space>:first-child { font-size: 13px; margin-right: 14px; color: var(--mainHeaderFontColorEddi24); /*vertical-align: -3px;*/ } #extr-page-register-header-space > * { display: inline-block; } .register-btn { margin: 10px; } .btn, a:link, button { -webkit-tap-highlight-color: rgba(169,3,41,.5); } /*.btn-success {*/ /* color: #fff;*/ /* background-color: #5cb85c;*/ /* border-color: #4cae4c;*/ /*}*/ .btn-success { background-color: var(--successCasameta) !important; border-color: var(--successBorderCasameta) !important; color: var(--successFontCasameta) !important; } .btn-success:hover { background-color: var(--successHoverCasameta) !important; color: var(--successFontHoverCasameta) !important; } .btn { padding: 6px 12px; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); } /*Main*/ #extr-page #main { margin-top: 0 !important; background: var(--primaryColor); margin: 0; padding-top: 20px; top: 50px; } #main { transition: linear .2s; padding: 0; min-height: fit-content; position: relative; } /*Content*/ #extr-page .container { border: none; } #content { background-color: var(--thirdColor); position: relative; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before { display: table; content: " "; } .container:after { display: table; content: " "; clear: both; } .myAccountContainer { box-shadow: 0 0 13px 0 rgba(62,44,90,.08); border: 1px solid rgba(0,0,0,.09); border-bottom: var(--bordersEddi24); border-radius: 2px; transition: border .5s ease-out; position: initial; min-height: 20px; } .login-eddi24 header { font-weight: 400; padding: 15px 13px; margin: 0; background: var(--headerBackColorEddi24); } .client-form header { border-bottom-style: unset; border-bottom-color: rgba(0,0,0,.1); } .smart-form header { display: block; font-size: 16px; color: var(--fontColorEddi24); } .smart-form *, .smart-form :after, .smart-form :before { margin: 0; box-sizing: content-box; -moz-box-sizing: content-box; } /*InputFeld*/ .inputFieldsContainer input, .inputFieldsContainer select { box-shadow: none !important; border-color: #bbb; } .inputFieldsContainer input { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 5px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 32px; line-height: 32px; outline: 0; border-width: 1px; border-style: solid; border-radius: var(--borderRadiusEddi24) !important; background: #fff; font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif; color: var(--fontColorEddi24); } .smart-form fieldset { display: block; padding: 25px 14px 5px; border: none; background: var(--secondaryColor); position: relative; } ::placeholder { color: var(--disabledFontColor) } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .smart-form section { margin-bottom: 15px; position: relative; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .inputFieldsContainer input:required { background: var(--inputRequiredBackgroundColor); } .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default, .k-picker-wrap.k-state-default > .k-select, .k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover { background-color: var(--primaryColor); color: var(--headerFontEddi24); } .smart-form .state-success input { background: var(--fieldOKCasameta); border-color: #7dc27d; } .smart-form .state-error input { background: var(--inputErrorBackgroundColor); border-color: var(--inputErrorBorderColor); } .eddi24-input { box-shadow: none !important; border: var(--bordersEddi24) !important; border-radius: var(--borderRadiusEddi24) !important; } input.k-textbox { line-height: 1.47; padding: .5rem .875rem; padding-left: 0; text-indent: .8em; } input { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: visible; touch-action: manipulation; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: var(--primaryColor) !important; opacity: 1; } .display-none { display: none !important; } .menu-off { color: #a0a0a0 !important; cursor: default; pointer-events: none; opacity: .5; text-decoration: none; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; } .form-control { width: 50%; padding: 10px; resize: none; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .invalid, .state-error { border-color: red !important; color: red; font-size: 13px; margin-bottom: -5px; } .valid { border-color: #7ec27e !important; } /*Note*/ .note, .smart-form .note { margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: var(--noteTextColor); } /*Error Note*/ .smart-form .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d56161; } .validation-summary-errors > ul { padding: 0; list-style: none; font-weight: 700; color: red; } /*Weiter Button*/ .smart-form footer .btn { float: right; height: 31px; margin: 10px 0 0 5px; padding: 0 22px; font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif; cursor: pointer; } .btn-info { color: #fff; border-color: #46b8da; background-color: var(--blueEddi24); margin-left: 20px; width: 133px; } .smart-form .note a { font-size: 13px; } a { color: var(--dragArea); text-decoration: none; } a:hover { color: var(--selectedMenuTextCasameta); } /*Footer*/ .login-eddi24 footer { display: block; padding: 7px 14px 15px; background: var(--headerBackColorEddi24); } .inputFieldsContainer input:required:valid { border-color: var(--inputValidBorderColor) !important; background-color: var(--inputValidBackgroundColor) !important; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-control:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .login-input { position: relative; display: flex; align-items: center; width: 100%; /* Passwort-Feld soll genau so breit sein wie Email-Feld */ } .toggle-password { position: absolute; right: 10px; cursor: pointer; z-index: 9999; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: table-cell; box-sizing: border-box; } #log { position: fixed; bottom: 0; font-size: 10px; } .k-textbox:focus, .k-textbox:hover { border-color: var(--violettEddi24) !important } #onlineState { align-items: center; border-radius: 500px; cursor: pointer; display: flex; justify-content: center; min-width: 32px; position: fixed; left: 50%; margin-left: -70px; width: 120px; height: 20px; color: #fff; background-color: red; box-shadow: 0 3px 6px #000, 0 1px 2px #000; box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 1px 2px rgba(0,0,0,.23); } .online { bottom: -100px; transition: 1s; } .offline { bottom: 5px; transition: .5s; } .iconOnline { color: #fff; } .smart-form { margin: 0; outline: 0; color: var(--fontColorEddi24); position: relative; } .smart-form footer:after { content: ''; display: table; clear: both; } /*Standard CSS*/ .pull-left { float: left !important; } .no-padding { padding: 0 !important; } .padding-top-15 { padding-top: 15px !important; } button, input { overflow: visible; } .col-md-4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-md-5 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-md-6 { min-height: 1px; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row:before { display: table; content: " "; } .row:after { content: ""; display: table; clear: both; } /*@media (min-width: 1200px) { #extr-page #header { margin: 0; border-bottom: 1px solid #eee; overflow: hidden; border-width: 0; min-height: 28px; background: unset; display: contents; position: fixed; } border-bottom: 1px solid #eee !important; }*/ @media (max-width: 575.98px) and (min-width: 0) { #extr-page #header { display: block; position: absolute !important; } #extr-page-header-space { width: 100%; float: right; } #extr-page-header-space > * { display: initial; } #extr-page #main { top: 4.5rem; margin: auto; width: 320px !important; padding-top: 56px; } #main { margin-left: 0; height: 100%; margin-top: 90px; } #content { padding-left: 0; padding-right: 0; padding-bottom: 10px; top: 0 !important; } #logo2 img { /*width: auto; height: 50px; padding-bottom: 11px; margin-top: 13px; margin-left: 0;*/ width: auto; height: 50px; padding-bottom: 5px; /*padding-top: 7px;*/ margin-top: 10px; margin-bottom: 10px; margin-left: 0; } .casaLogo { padding-top: 0; margin-top: 0 !important; } .eddiLogo { padding-top: 5px; } .row { margin-right: -15px; margin-left: -15px; } } @media only screen and (max-width: 679px) and (min-width: 0) { #extr-page #header { padding: 0 5px!important; background: unset; pointer-events: none; } #ribbon { padding-left: 5px; padding-right: 5px; } } @media (max-width: 679px) and (min-width: 576px) { #extr-page #main { top: 30px; padding: 0 9px 0 15px; } } @media (min-width: 768px) { .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group>.form-control { width: 100%; } .form-inline .form-control { vertical-align: middle; } } @media (max-width: 767px) and (min-width: 576px) { .container { width: 400px; } } @media (min-width: 992px) { .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-4 { width: 33.33333333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-md-5 { width: 41.66666667%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-md-6 { width: 50%; min-height: 1px; } .container { width: 1200px; } } @media (max-width: 991px) and (min-width: 768px) { .container { width: 400px; } } @media (max-width: 330px) { #extr-page-header-space { width: unset !important; } #extr-page #main { top: 70px; padding: 0; padding-top: 20px; } } .noPointerEvents { pointer-events: none !important } .button--loading::after { content: ""; position: absolute; width: 45px; height: 45px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 5px solid transparent; border-top-color: var(--greenEddi24); border-radius: 50%; animation: button-loading-spinner 1s ease infinite; } @keyframes button-loading-spinner { from { transform: rotate(0turn); } to { transform: rotate(1turn); } } /* Cloudflare Turnstile Invisible/Flexible Widget Container */ .cf-turnstile-invisible-container { margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; align-items: flex-start; min-height: 0; /* Keine feste Höhe - Widget bestimmt die Höhe dynamisch */ } /* Fehlermeldungen unter dem Turnstile Widget */ .cf-turnstile-invisible-container .cf-turnstile em.invalid { color: #a94442; display: block; margin-top: 5px; font-size: 12px; font-style: normal; } /* Fehlermeldungen unter dem Turnstile Widget (allgemein) */ .cf-turnstile em.invalid { color: #a94442; display: block; margin-top: 5px; font-size: 12px; font-style: normal; } .cf-turnstile[data-size="invisible"] { height: 0 !important; min-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .cf-turnstile[data-size="invisible"] iframe { height: 0 !important; min-height: 0 !important; display: none !important; } /* Flexible Mode - Widget kann sichtbar werden, nimmt nur Platz wenn sichtbar */ .cf-turnstile[data-size="flexible"] { margin: 0 !important; padding: 0 !important; /* Höhe wird automatisch vom Widget bestimmt - bei Blockierung wird es sichtbar und nimmt Platz */ } /* Loading Spinner (direkt im Button als Inhalt) */ .spinner-border { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; border: 3px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border-login 0.75s linear infinite; } @keyframes spinner-border-login { to { transform: rotate(360deg); } } /* The modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal content */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 40%; /* Could be more or less, depending on screen size */ } /* Modal header */ .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } /* Modal title */ .modal-title { margin: 0; } /* Modal footer */ .modal-footer { display: flex; justify-content: flex-end; } /* Close button */ .close { color: var(--fontColorEddi24); font-size: 28px; font-weight: bold; cursor: pointer; } .close:hover, .close:focus { color: var(--btnHoverColor); text-decoration: none; } /* PARTNER KACHELN */ .partner-tiles-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; } .partner-tile { border: 1px solid #ccc; margin-bottom: 20px; padding: 20px; width: 200px; text-align: center; transition: box-shadow 0.3s ease; display: flex; flex-direction: column; /*height: 200px;*/ cursor: pointer; background-color: #f9f9f9; border-radius: 8px; } .partner-tile img { width: 100%; height: 120px; object-fit: contain; margin: 0 auto 15px; } .partner-tile p { font-size: 14px; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; } .partner-tile:hover, .selected-partner { box-shadow: 0 4px 10px rgba(0,0,0,0.15); } .selected-partner { transform: scale(1.05); border-color: var(--selectedMenuTextCasameta); } /* */ h1 { position: relative; margin-bottom: 5px; margin-left: 10px; } h1::after { content: ""; position: absolute; bottom: 0; left: 0; right: 350px; height: 2px; background-color: #ccc; } /*.row {*/ /* display: flex;*/ /* align-items: center; */ /*}*/ /*.col-35-11 {*/ /* flex: 0 0 auto;*/ /* width: 40%; */ /*}*/ /*.col-65 {*/ /* flex: 0 0 auto;*/ /* width: 60%;*/ /*}*/ .inputFieldsContainer { background-color: var(--containerBackgroundColor); padding: 40px; margin: 20px auto; box-shadow: 0 4px 8px rgba(0,0,0,0.1); width: 30%; max-width: 600px; border-radius: 10px; } .my-form-groups:not(.agreementCheckbox-row) { justify-content: flex-start; padding: 0 0 20px; } #agreementCheckbox { height: 0; } .input-group, .inp_waherung { display: flex; align-items: center; justify-content: flex-start; } .input-group { position: relative; display: flex; align-items: center; } .password-input { flex-grow: 1; } .toggle-password { position: absolute; right: 10px; cursor: pointer; z-index: 9999; } #registerBtn { width: 100%; padding: 10px 0; background-color: #007bff; border: none; border-radius: 5px; font-size: 16px; color: white; cursor: pointer; transition: background-color 0.3s; position: relative; /* Für Loading-Spinner */ } #registerBtn:hover { background-color: #0056b3; } /* Loading Spinner (direkt im Button als Inhalt) */ .spinner-border { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; border: 3px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; } @keyframes spinner-border { to { transform: rotate(360deg); } } .alert-success { position: relative; padding: 20px; margin: 20px 0; background-color: #e9fcef; border: 1px solid #b2d3be; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); color: #155724; font-size: 16px; } .alert-danger { position: relative; padding: 20px; margin: 20px 0; background-color: #fddbdb; border: 1px solid #ff8181; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); color: #b31818; font-size: 16px; } #errorBox ul { list-style-type: none; padding: 0; } /*.alert-success::before {*/ /* content: "";*/ /* position: absolute;*/ /* top: -10px;*/ /* left: 50%;*/ /* transform: translateX(-50%); */ /* width: 20px;*/ /* height: 20px;*/ /* background-color: #e9fcef;*/ /* border-left: 1px solid #b2d3be; */ /* border-top: 1px solid #b2d3be;*/ /* border-radius: 0 0 0 8px; */ /*}*/ /*.alert-success::after {*/ /* content: "Info"; */ /* position: absolute;*/ /* top: -1.5em; */ /* left: 20px;*/ /* background-color: #155724;*/ /* color: white; */ /* font-size: 12px; */ /* padding: 2px 8px;*/ /* border-radius: 4px;*/ /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */ /*}*/ .fa-eye-slash{ cursor: pointer; margin-left: 10px; } /* ALLGEMEINE PAGE */ #extr-page-register #main { padding: 20px; } .myAccountContainer { padding: 20px; } html, body { overflow: visible; overflow-x: clip; } div.cf-turnstile:not(#reset-password-captcha) { padding: 20px 0; width: 100%; } .alert-success p { white-space: pre-line; } @media only screen and (max-width: 679px) and (min-width: 0) { html, body { overflow-x: clip; } #content { padding-bottom: unset; } #extr-page-register #main { padding: unset; background: var(--primaryColor); margin: 0; } #extr-page-register .inputFieldsContainer { width: unset; margin: unset; } .myAccountContainer { padding: 0 20px; } .myAccountContainer h1 { margin: unset; padding: 20px; } .myAccountContainer h1::after { width: 100%; } #choosePartnerText { margin: 10px 35px!important; } .partner-tiles-container { display: flex; padding: 0 0 20px; } .partner-tile { width: 36%; padding: 10px; margin-bottom: unset; } .partner-tile img { margin: unset; } div.cf-turnstile { padding: 10px 0; } .footer { bottom: unset !important; transform: unset!important; } .footer .container { margin: unset; } .footer nav .flex-column { margin: unset; } .footer .col-md-4.footer-column { text-align: center; } .footer .footer-logo-container { padding: 5px 0; } .footer .row { display: flex; flex-direction: column-reverse; } .footer ul.nav.flex-column { margin: unset; } .footer .nav.flex-column li.nav-item { text-align: left; padding: 2px 0; } } /*Reset Password Page*/ #content { margin: 0 auto; width: unset; } /* Definition der keyframes für die Drehung */ @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .input-group { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .field-validation-error { /*border-color: red !important;*/ /*color: red;*/ /*font-size: 13px;*/ /*margin-bottom: -5px;*/ display: block; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #d56161; } input.input-validation-error { background: #fff0f0; border-color: #a90329; } .inputFieldsContainer { width: 320px !important; padding: 32px 40px; } #resetPasswordBtn, #updatePasswordBtn, #loginBtn { width: 100%; padding: 10px 0; background-color: #007bff; border: none; border-radius: 5px; font-size: 16px; color: white; cursor: pointer; transition: background-color 0.3s; position: relative; /* Für Loading-Spinner */ } #resetPasswordBtn:hover, #updatePasswordBtn:hover, #loginBtn:hover { background-color: #0056b3; } /* Loading Spinner (direkt im Button als Inhalt) */ .spinner-border { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; border: 3px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; } @keyframes spinner-border { to { transform: rotate(360deg); } } #logo-top { display: flex; justify-content: center; } #logo-bottom { display: flex; justify-content: center; } #logo-top img { width: auto; height: 65px; } #logo-bottom img { width: auto; height: 50px; padding-bottom: 8px; /*make it grey*/ /*filter: grayscale(100%);*/ /*opacity: 0.5;*/ } h5 { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--headerFont); text-align: center; } .container-footer { display: flex; flex-direction: column; padding-top: 24px; border-top: 1px solid rgb(193, 199, 208); font-size: 11px; background: transparent; } footer ul { display: flex; justify-content: space-evenly; list-style: none; padding: 0; } .text-center { text-align: center; } .alert-success { font-size: 14px; } #slogan { font-size: 12px; color: var(--sloganTextColor); text-align: center; padding-bottom: 16px; } #errorBox ul { list-style-type: none; padding: 0; } @media (max-width: 800px) { #extr-page #main { margin: 0; top: unset; padding-top: unset; width: 100% !important; display: flex; justify-content: center; transition: unset; } form { width: 300px; } .inputFieldsContainer { background-color: unset; box-shadow: unset; padding: unset; width: unset !important; } .row { margin-right: unset; margin-left: unset; } }