/* 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 '-'
(203,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 '-'
(206,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 '-'
(209,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 '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,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 '-'
(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 '-'
(272,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 '-'
(275,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 '-'
(278,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 '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,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 '-'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderFontColorEddi24'
(321,28): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderEddi24'
(332,28): run-time error CSS1039: Token not allowed after unary operator: '-thirdColor'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24'
(346,22): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(411,22): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderEddi24'
(412,25): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24'
(425,17): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderFontColorEddi24'
(437,22): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderEddi24'
(438,25): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24'
(449,17): run-time error CSS1039: Token not allowed after unary operator: '-mainHeaderFontColorEddi24'
(473,28): run-time error CSS1039: Token not allowed after unary operator: '-successCasameta'
(474,24): run-time error CSS1039: Token not allowed after unary operator: '-successBorderCasameta'
(475,17): run-time error CSS1039: Token not allowed after unary operator: '-successFontCasameta'
(480,28): run-time error CSS1039: Token not allowed after unary operator: '-successHoverCasameta'
(481,17): run-time error CSS1039: Token not allowed after unary operator: '-successFontHoverCasameta'
(511,22): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(530,28): run-time error CSS1039: Token not allowed after unary operator: '-thirdColor'
(555,29): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24'
(566,22): run-time error CSS1039: Token not allowed after unary operator: '-headerBackColorEddi24'
(577,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24'
(606,25): run-time error CSS1039: Token not allowed after unary operator: '-borderRadiusEddi24'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24'
(616,22): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor'
(621,17): run-time error CSS1039: Token not allowed after unary operator: '-disabledFontColor'
(640,22): run-time error CSS1039: Token not allowed after unary operator: '-fieldRequiredCasameta'
(644,22): run-time error CSS1039: Token not allowed after unary operator: '-fieldOKCasameta'
(655,18): run-time error CSS1039: Token not allowed after unary operator: '-bordersEddi24'
(656,25): run-time error CSS1039: Token not allowed after unary operator: '-borderRadiusEddi24'
(676,28): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(753,28): run-time error CSS1039: Token not allowed after unary operator: '-blueEddi24'
(763,17): run-time error CSS1039: Token not allowed after unary operator: '-dragArea'
(768,17): run-time error CSS1039: Token not allowed after unary operator: '-selectedMenuTextCasameta'
(775,22): run-time error CSS1039: Token not allowed after unary operator: '-headerBackColorEddi24'
(780,28): run-time error CSS1039: Token not allowed after unary operator: '-fieldOKCasameta'
(835,24): run-time error CSS1039: Token not allowed after unary operator: '-violettEddi24'
(873,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24'
(1119,28): run-time error CSS1039: Token not allowed after unary operator: '-greenEddi24'
(1179,17): run-time error CSS1039: Token not allowed after unary operator: '-fontColorEddi24'
(1187,17): run-time error CSS1039: Token not allowed after unary operator: '-btnHoverColor'
 */
.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;
    --labelFontEddi24: #666666;
    --dataFontEddi24: #222222;
    --backReqFieldsEddi24: #FFF8DB;
    --blueEddi24: #0075FF;
    --violettEddi24: #3f51b5;
    --statusFehler: #ff6961;
    --statusOK: #449D44;
    --btnHoverColor: #000;
    --headerBackColorEddi24: #E9E9E9;
    --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;

}

[data-theme="dark"] {
    --mainHeaderEddi24: #040405;
    --primaryColor: #262626;
    --secondaryColor: #333;
    --thirdColor: #262626;
    --mainHeaderFontColorEddi24: #fff;
    --dateAndDDBackground: #212121;
    --fontColorEddi24: #fff;
    --menuFontColorEddi24: #fff;
    --headerFontEddi24: #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;
    --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;
}

[data-theme="kontrast"] {
    --mainHeaderEddi24: #000;
    --primaryColor: #040405;
    --secondaryColor: #000;
    --thirdColor: #000;
    --mainHeaderFontColorEddi24: #fff;
    --dateAndDDBackground: #212121;
    --fontColorEddi24: #fff;
    --menuFontColorEddi24: #fff;
    --headerFontEddi24: #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;
    --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;
}

.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(--fieldRequiredCasameta);
}

.smart-form .state-success input {
    background: var(--fieldOKCasameta);
    border-color: #7dc27d;
}

.smart-form .state-error input {
    background: #fff0f0;
    border-color: #a90329;
}

.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: #999;
}

/*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: #7ec27e;
    background-color: var(--fieldOKCasameta);
}

.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;
}

.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);
    }
}



/* 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;
}
