<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
body {
    overflow-x: hidden;
    background-color: #ebebeb;
}

/**Bootstrap extension*/
.form-control-xsm {
    height: calc(1.2em + .3rem + 2px);
    padding: .25rem .3rem;
    font-size: .8rem;
    line-height: 1.4;
    border-radius: .3rem;
}

.form-control-ddl_xsm {
    height: calc(1.2em + .3rem + 2px);
    padding: .025rem .3rem;
    font-size: .8rem;
    line-height: 1.4;
    border-radius: .3rem;
}

.ml_minus15{
    margin-left:-15px!important;
}


.bg_grouper {
    background-color: #EBEBEB !important;
}

.bg_grouper_footer {
    background-color: #1b6bc221 !important;
}

#Ordersummery .table th, .table td {
    border-top: none !important;
}


.bttn_clean {
    background:none;
    border:none;
    padding:0px;
}
#sidebar-wrapper {
  min-height: 70vh;
  margin-left: -12rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.75rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 12rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.adminfooter-flex {
    margin-left: 0;
}



.greydark {
    border-left: 1px solid #3e3d3d;
    border-right: 1px solid #3e3d3d;
    border-top: 1px solid #3e3d3d;
    border-bottom: 1px solid #3e3d3d;
    color: #f8f9fa;

    background: #3e3d3d;
}

    .greydark:hover {
        background-image: none;
        text-decoration: none;
        background: #515050;
        border-color: #999999;
        outline: 0 none;
        filter: none;
    }





@media  (max-width: 991.98px) {
    
    #navbarDropdown5 {
        text-align: right;
        padding-right: 15px;
    }
}




    @media (min-width: 768px) {
        #navbarDropdown5 {
            text-align: right;
            padding-right: 15px;
        }
        
        #sidebar-wrapper {
            margin-left: 0;
        }

        #page-content-wrapper {
            min-width: 0;
            width: 100%;
        }

        #wrapper.toggled #sidebar-wrapper {
            margin-left: -12rem;
        }

        .mirror {
            transform: scale(-1,1);
            -webkit-transform: scale(-1,1);
        }

        .adminfooter-flex {
            margin-left: 12rem;
            margin-right: auto;
        }

        .mirror {
            transform: scale(-1,1);
            -webkit-transform: scale(-1,1);
        }
    }
    /***********Orders**************/
.cpHeader {
    color: white;
    background-color: #719DDB;
    font: bold 11px auto "Trebuchet MS", Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 450px;
    height: 18px;
    padding: 4px;
}

.cpBody {
    background-color: #DCE4F9;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;
    width: 450px;
    padding: 4px;
    padding-top: 7px;
}

.dd_show {
    display:inline;
    max-width:200px;
}
.dd_showAuk {
    display: inline;
    max-width: 110px;
}

.mediaimg {
    width: 100px;
}

p.chevron {
    position:absolute;
    right:0px;
    top:-5px;
    z-index:10000;
}

p.chevron &gt; input {
    width: 25px;
}

    p.chevron &gt; input:focus {
        border-image-width: 0px !important;
        border: none !important;
        border-style: none;
        outline: none;
    }

/***        User Setting ****************/
.border-right-round {
    border-radius: 0 .5rem .5rem 0 !important;
    height: 38px;
}
/*********Artikel upload**********/
.highlightradio span {
    margin-left: -22px;
    margin-right: 30px;
    padding-left: 12px;
    padding-right: 12px;
}

    .highlightradio label:first-of-type {
        margin-right: 40px;
    }
    /********Dashboard*******/
    .card {
        position: relative;
        margin: 0.5rem 0 1rem 0;
        background-color: #fff;
    }

        .card.horizontal {
            display: flex;
            flex-direction: row;
        }

            .card.horizontal.cardIcon .card-image {
                color: #fff !important;
                font-size: 10px;
                width: 94px;
                text-align: center;
                vertical-align: middle;
            }

                .card.horizontal.cardIcon .card-image i {
                    margin-top: 40%;
                    font-size: 45px;
                    opacity: .4;
                }

            .card.horizontal .card-stacked {
                display: flex;
                flex-direction: column;
                flex: 1;
                position: relative;
            }

    .card-stacked {
        color: #f8f9fa;
        border-left: 1px solid rgba(255, 255, 255, 0.18);
    }

    .card .card-content {
        padding: 15px;
        border-radius: 0 0 2px 2px;
    }

    .dashboard-cards .card-content {
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .card.horizontal .card-stacked .card-content {
        flex-grow: 1;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .card.horizontal .card-stacked {
        display: flex;
        flex-direction: column;
        flex: 1;
        position: relative;
    }

    .card .card-action {
        position: relative;
        background-color: inherit;
        border-top: 1px solid rgba(160,160,160,0.2);
        padding: 15px;
        font-weight: bold;
    }

    .card-action strong {
        font-weight: 700;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.65);
    }


    .dashmenue div {
        border: 1px solid rgba(0,0,0,.125);
        border-top: none !important;
        height: 38px;
        background-color: #f8f9fa !important;
        padding: 0px !important;
        margin: 0px !important;
    }


    .dashmenue input {
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        border: none;
        color: #495057;
    }

        .dashmenue input.activ {
            color: #f8f9fa;
            background-color: #3e3d3d;
            border-color: #3e3d3d;
            border-top: none;
        }



    /******Sidebar Paging*********/
    div.rp_pagination a {
        line-height: 20px;
        font-size: 12px;
        color: #505050;
        padding-top: 6px;
        padding-right: 12px;
        padding-bottom: 6px;
        padding-left: 12px;
    }

        div.rp_pagination a.selected {
            background-color: #f0f0f0;
            border-width: 1px;
            border-style: solid;
            border-color: #b4b4b4;
            background-image: url(../App_images/white_line.png) repeat-x center top;
        }

    div.rp_pagination small {
        padding-top: 12px;
        display: block;
        font-style: italic;
    }
    /***********Allgemein**********/
    .Sidebar input[type=text], .Sidebar input[type=email], .Sidebar input[type=password], .Sidebar select {
        background-color: #fff !important;
    }

    .Sidebar small {
        color: rgba(0,0,0,.5);
    }

    .Sidebar #divavatar {
        overflow: hidden;
        width: 100px;
        height: 112px;
    }

    .Sidebar #ctl00_ContentPlaceHolder1_profilimage {
        height: 114px;
        width: 114px;
        margin-left: -10px;
    }

    .Sidebar .form-group {
        margin-bottom: 0.6rem !important;
        font-size: 0.7rem;
    }




    #ctl00_ContentPlaceHolder1_GridView1 th {
        word-wrap: break-word;
        word-break: break-all;
    }



    /*************Profilsite ***********/
    .coverphoto .avatar {
        float: left;
        margin: 0 15px 14px 0;
    }

    .coverphoto .content {
        color: #fff;
        text-shadow: 0px 0px 2px #000;
    }


    .coverphoto {
        height: 220px;
        width: 100%;
        padding-top: 20px;
        background-size: 100%;
        background-attachment: scroll;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative;
        background-color: #000;
    }

    .truncate {
        white-space: nowrap;
        overflow: hidden;
    }

    .coverphoto .content p {
        display: inline-block;
        margin: 0 30px 0 0;
        max-width: 250px;
        font-weight: 500;
        font-size: 1rem;
    }

    .coverphoto .content a {
        color: #fff;
    }

    .metadata-flexer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .metadata-flexer p {
            font-size: 0.9rem;
        }



    #ctl00_ContentPlaceHolder1_bild_div2 {
        margin-bottom: 20px;
        float: left;
        height: 80px;
        padding-top: 10px;
        padding-bottom: 8px;
    }


    #ctl00_ContentPlaceHolder1_AsyncFileUpload1_ctl02 {
        padding: 20px;
        font-size: 15px;
        color: #191919;
        border: 1px solid #9a9a9a;
        max-width: 300px !important;
    }

    #ctl00_ContentPlaceHolder1_filter {
        width: calc(100% - 60px);
        display: inline;
        background: #FFFFFF;
    }

    #ctl00_ContentPlaceHolder1_Buttonfilter {
        position: relative;
        top: 12px;
        height: 38px;
        width: 48px;
        border-width: 1px;
        padding: 3px;
    }

    #ctl00_ContentPlaceHolder1_Preview {
        width: 120px;
        float: right;
        padding: 0px 0px 10px 20px;
        text-align: right;
    }

    #ctl00_ContentPlaceHolder1_Preview_big {
        width: 100%;
        padding: 0px 0px 10px 0px;
    }

    #ctl00_ContentPlaceHolder1_Startdate {
        width: calc(100% - 80px);
    }

    #ctl00_ContentPlaceHolder1_Enddate {
        width: calc(100% - 80px);
    }

    .del_event {
        position: absolute;
        top: 10px;
        right: 8px;
    }

    .loading {
        position: absolute;
        top: 100px;
        right: 40px;
    }


    /************   Admin User ******************/
    #usertable th {
        padding: .25rem;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }

    #usertable td {
        padding: .25rem;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }


    /*Admin -Users */


    #mypills li {
        text-decoration: none;
        background-color: #d9d8d7;
        border-radius: .5rem;
        margin: 5px;
    }

        #mypills li a {
            color: rgba(0,0,0,.5);
        }

            #mypills li a.active {
                color: #f8f9fa;
                border: none;
                height: 100%;
            }

    /************ Print *************/
    #ctl00_ContentPlaceHolder1_RadioButtonList1 input {
        margin-right: 10px;
    }

    #ctl00_ContentPlaceHolder1_RadioButtonList1 label {
        font-weight: bold;
        font-size: 1rem;
    }

    /************Timemailer***************/

    .timemailer td {
        font-size: 0.7rem;
        overflow-wrap: break-word;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        overflow: hidden;
    }

    .p_optins p {
        margin-bottom: 0.5rem;
    }

    /************Article erstellen ********************/
    /***********Autocomplete*************/

    .completionList {
        border: solid 1px #444444;
        padding: .5rem 0.5rem;
        margin: .125rem 0 0;
        overflow: auto;
        background-color: #f8f9fa;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: .5rem;
        color: #444;
        box-shadow: 0px 5px 30px black;
    }

    .listItem {
        color: #1C1C1C;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .itemHighlighted {
        background-color: rgba(40, 167, 69, 0.20);
    }


    .ModalPopupBG {
        background-color: black;
        filter: alpha(opacity=50);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }

    .modaliframe {
        min-width: 1050px;
        min-height: 700px;
    }


    .popupConfirmation {
        background-color: #D3D2D1;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }

    .popupHeader {
        height: 20px;
        text-align: right;
    }

    .popupFooter {
        height: 10px;
    }

    .green_border {
        border: solid 4px #28a745;
    }


/*********** Blog *****************/

.Img_up {
    position: absolute;
    right: 7px;
    top: 9px;
    z-index:1000;

}

.Img_Down {
    position: absolute;
    right: 7px;
    bottom: 9px;
}

.Img_edit {
    position: absolute;
    left: 0px;
    bottom: -2px;
}

.Img_subedit {
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.section_del_img {
    position: absolute;
    right: 11px;
    top: 24px;
    z-index: 1000;
}

.div_mover {
    text-align: right;
    position: relative;
    width: 100%;
}
.bigicon {
    width: 100px;
    padding: 20px;
}

    .bigicon:hover {
        width: 100px;
        padding: 20px;
        background-color: #d4edda;
    }

.bigicon_green {
    width: 100px;
    padding: 20px;
    background-color: #d4edda;
}

.carousel-caption {
    bottom: 0px;   /* Override von bootstrap carousel */
}


.NewSection {
    border: 1px solid #444;
    width: 160px;
    padding: 15px 15px 5px 15px;
    position: relative;
}

.NewSectionTitle {
    position: absolute;
    top: -10px;
    left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F8F9FA;
}


.modalBackground {
    background-color: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.carousel-inner {
    height: auto;
}

.section_del_img {
}

#blog .list-group-item {
    border: none !important;
}

#Panel_Image {
    overflow-x: auto;
    height: 700px;
}


/*  ------------    Admin Myaccount profile   --------------*/

.AFU {
    width: 100%!important;
   
}


div.previewholder div.preview-right-arrow {
    height: 25px;
    width: 15px;
    position: absolute;
    top: 30px;
    right: -35px;
    background: transparent url('../App_Images/preview-right-arrow_new.png');
}


.profilebannerimage {
    width: 100%;
}

#ctl00_ContentPlaceHolder1_AsyncFileUpload_banner_ctl00 {
    width: 20px !important;
}

#ctl00_ContentPlaceHolder1_AsyncFileUpload_banner_ctl01 {
    position: relative;
    width: 100%;
    clear: both;
    top: 0px;
    right: 0px;
    width: 100% !important;
    border: none !important;
    margin-bottom: 10px!important;
    height: 35px !important;
    background: url(/App_images/bannerupload_button_eng.png) no-repeat 100% 2px !important;
}

#ctl00_ContentPlaceHolder1_AsyncFileUpload_banner_ctl02 {
    font-size: 14px !important;
    left: 300px;
    width:100%;
}



#ctl00_ContentPlaceHolder1_AsyncFileUpload_banner_ctl04 {
    display: none;
}

    #ctl00_ContentPlaceHolder1_AsyncFileUpload_banner_ctl04 input {
        width: 12px;
    }

/*  Avatar */
.flex-fixed-width-avatar {
    flex: 0 0 100px;
}

.loading_avatar {
    position:absolute;
    top:40px;
    left:40px;
}

#ctl00_ContentPlaceHolder1_AsyncFileUpload_avatar_ctl01 {
    position: relative;
    clear: both;
    padding-right: 0px;
    padding-top: 7px !important;
    border: none !important;
    margin: 0px;
    height: 32px !important;
    background: url(../App_images/uploadavatar.png) no-repeat 100% 2px !important;
    width: 100% !important;
    background-size: auto 26px!important;
}

#ctl00_ContentPlaceHolder1_AsyncFileUpload_avatar_ctl02 {
    font-size: 14px !important;
    left: 100px;
}

#ctl00_ContentPlaceHolder1_AsyncFileUpload_avatar_ctl04 {
    display: none;
}





.off {
    display: none;
}

.on {
    display: block;
}




    /*********** Message App *****************/
    .email-app {
        display: flex;
        flex-direction: row-reverse;
        border: 1px solid rgba(0,0,0,.125);
    }

        .email-app nav {
            flex: 0 0 230px;
            padding: 1rem;
            border-right: 1px solid rgba(0,0,0,.125);
        }

            .email-app nav .btn-block {
                margin-bottom: 15px;
            }

            .email-app nav .nav {
                flex-direction: column;
            }

                .email-app nav .nav .nav-item {
                    position: relative;
                }

                    .email-app nav .nav .nav-item .nav-link,
                    .email-app nav .nav .nav-item .navbar .dropdown-toggle,
                    .navbar .email-app nav .nav .nav-item .dropdown-toggle {
                        color: #151b1e;
                        border-bottom: 1px solid rgba(0,0,0,.125);
                    }

                        .email-app nav .nav .nav-item .nav-link i,
                        .email-app nav .nav .nav-item .navbar .dropdown-toggle i,
                        .navbar .email-app nav .nav .nav-item .dropdown-toggle i {
                            width: 20px;
                            margin: 0 10px 0 0;
                            font-size: 14px;
                            text-align: center;
                        }

                        .email-app nav .nav .nav-item .nav-link .badge,
                        .email-app nav .nav .nav-item .navbar .dropdown-toggle .badge,
                        .navbar .email-app nav .nav .nav-item .dropdown-toggle .badge {
                            float: right;
                            margin-top: 4px;
                            margin-left: 10px;
                        }

        .email-app main {
            min-width: 0;
            flex: 1;
            padding: 1rem;
        }

        .email-app .inbox .toolbar {
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(0,0,0,.125);
        }

        .email-app .inbox .messages {
            padding: 0;
            list-style: none;
        }

        .email-app .inbox .message {
            position: relative;
            padding: 1rem 1rem 1rem 2rem;
            cursor: pointer;
            border-bottom: 1px solid rgba(0,0,0,.125);
        }

            .email-app .inbox .message:hover {
                background: #f9f9fa;
            }

            .email-app .inbox .message .actions {
                position: absolute;
                left: 0;
                display: flex;
                flex-direction: column;
            }

                .email-app .inbox .message .actions .action {
                    width: 2rem;
                    margin-bottom: 0.5rem;
                    color: #c0cadd;
                    text-align: center;
                }

            .email-app .inbox .message a {
                color: #000;
            }

                .email-app .inbox .message a:hover {
                    text-decoration: none;
                }

            .email-app .inbox .message.unread .header,
            .email-app .inbox .message.unread .title {
                font-weight: bold;
            }




            .email-app .inbox .message .header {
                display: flex;
                flex-direction: row;
                margin-bottom: 0.5rem;
            }

                .email-app .inbox .message .header .date {
                    margin-left: auto;
                }

                    .email-app .inbox .message .header .date span {
                        font-style: italic;
                        font-size: 0.7rem;
                    }


            .email-app .inbox .message .title {
                margin-bottom: 0.5rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .email-app .inbox .message .description {
                font-size: 12px;
            }

        .email-app .message .toolbar {
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(0,0,0,.125);
        }

        .email-app .message .details .title {
            padding: 1rem 0;
            font-weight: bold;
        }

        .email-app .message .details .header {
            display: flex;
            padding: 1rem 0;
            margin: 1rem 0;
            border-top: 1px solid rgba(0,0,0,.125);
            border-bottom: 1px solid rgba(0,0,0,.125);
        }

            .email-app .message .details .header .avatar {
                width: 40px;
                height: 40px;
                margin-right: 1rem;
            }

            .email-app .message .details .header .from {
                font-size: 12px;
                color: #9faecb;
                align-self: center;
            }

                .email-app .message .details .header .from span {
                    display: block;
                    font-weight: bold;
                }

            .email-app .message .details .header .date {
                margin-left: auto;
            }

        .email-app .message .details .attachments {
            padding: 1rem 0;
            margin-bottom: 1rem;
            border-top: 3px solid rgba(0,0,0,.125);
            border-bottom: 3px solid rgba(0,0,0,.125);
        }

            .email-app .message .details .attachments .attachment {
                display: flex;
                margin: 0.5rem 0;
                font-size: 12px;
                align-self: center;
            }

                .email-app .message .details .attachments .attachment .badge {
                    margin: 0 0.5rem;
                    line-height: inherit;
                }

                .email-app .message .details .attachments .attachment .menu {
                    margin-left: auto;
                }

                    .email-app .message .details .attachments .attachment .menu a {
                        padding: 0 0.5rem;
                        font-size: 14px;
                        color: #e1e6ef;
                    }

    .sort_va {
        vertical-align: -7px;
    }



    @media (max-width: 767px) {
        .email-app {
            flex-direction: column;
        }

            .email-app nav {
                flex: 0 0 100%;
            }
    }

    @media (max-width: 575px) {
        .email-app .message .header {
            flex-flow: row wrap;
        }

        .email-app .message {
            flex: 0 0 100%;
        }
    }

</pre></body></html>