/*

@font-face {
 font-family: "Avenir";
src:url(/layout/frontend/manual/css/font/AvenirLTStd-Roman.otf) format("opentype");
src:url(/layout/frontend/manual/css/font/AvenirLTStd-Roman.eot);
}

@font-face {
 font-family: "Avenir";
src:url(/layout/frontend/manual/css/font/AvenirLTStd-Medium.otf) format("opentype");
src:url(/layout/frontend/manual/css/font/AvenirLTStd-Medium.eot);
}
}

@font-face {
 font-family: "Avenir";
src:url(/layout/frontend/manual/css/font/AvenirLTStd-Book.otf) format("opentype");
src:url(/layout/frontend/manual/css/font/AvenirLTStd-Book.eot);






body {
    font-family: Avenir, Avenir_IE, Roboto, Helvetica Neue , Arial, sans-serif;
}

*/

body.login-area {
    /*background-image: url(/userdata/images/background.jpg);*/
    background-size: cover;
    background-position: right;
    background-color: #D8D8D8;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
}

/*
div, .focus-input2::after,.input2, .dashboard_box_description {
	font-family: Avenir, Avenir_IE, Roboto, Helvetica Neue , Arial, sans-serif !important;
}
#form_order_card .cardform td[colspan] {
    font-weight: 600;
    padding: 20px;
    color: rgba(187, 37, 72, 1);
}

*/

a:hover{
	color: #E3001B !important;
}

table.cardform td div.input + div > div div.label {
    float: left;
}
table.cardform .mail-container-box{
    border: 1px solid rgba(187, 37, 72, 1);
    float: left;
    padding: 7px 17px;
    margin-top: 17px;
	width: 100%;
}

table.cardform .mail-container-box p {
    font-weight: 600;
	margin-bottom: 0px;
	margin-top: 5px;
}


#input_sales_request_email_1, #input_sales_request_email_2 {
    background: rgb(209, 209, 209);
    float: left;
    border: none;
    padding: 5px;
    width: 100%;
}


div#login_2 {
    margin-top: 70px;
}
.login-area input {
	background: transparent;
	color: #fff;
}
div#portalmail {
    background: #ececec;
    float: left;
    padding-top: 15px;
	width: 100%;
}
.mail-container-box .input {
    width: 58%;
}

#overlayContent .toolbar_menu li.promoted a {
    height: auto;
	width: auto;
    padding: 60px 15px 15px 15px;
    float: left;
    display: block;
    box-sizing: border-box;
    position: relative;
}

.wrapper-login {
    width: 48%;
    float: left;
    padding-right: 20px;
    padding-left: 20px
}

#form_support_mail table.cardform td:first-child {
    padding-left: 0px !important;
}

div#login {
    /*max-width: 730px;*/
    /*float: right;*/
    width: 100%;
    margin-top: 4%;
}

.login-area #button-area a {
    font-weight: 400;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px rgba(3, 33, 95, 0) inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

.focus-input2::after {
    color: #E3001B;
}

input:-webkit-autofill + .focus-input2::after,
input:-webkit-autofill:hover + .focus-input2::after, 
input:-webkit-autofill:focus + .focus-input2::after,
textarea:-webkit-autofill + .focus-input2::after,
textarea:-webkit-autofill:hover + .focus-input2::after,
textarea:-webkit-autofill:focus + .focus-input2::after,
select:-webkit-autofill + .focus-input2::after,
select:-webkit-autofill:hover + .focus-input2::after,
select:-webkit-autofill:focus + .focus-input2::after 
 {
    top: -13px;
}
/* IC - FP - 20200520 */
div#logo {
    text-align: center;
}

.wrapper-login-button{
    text-align:center;
    width:auto;
}
/* IC - FP - 20200520 */

/* IC - FP - 20200520
    text-align: hinzugefügt
    left: 50px -> 0
*/
div#login {
    position: relative;
    top: 0;
    left: 0;
    background: transparent;
    /*text-align: center;*/
}

.wrapper-login.password-request {
    width: 70%;
}
/* IC - FP - 20200520 
    Farbe geändert: rgba(255, 255, 255, 0.31); -> rgb(66, 66, 66);
*/
div#login_1 {
    position: fixed;
    left: 20px;
    bottom: 0;
    color: rgb(66, 66, 66);
}
div#login_1 {
    font-weight: 200 !important;
}
div#login_2 {
    padding-right: 50px;
}

/* IC - FP - 20200520
    Farbe geändert: #ffffff -> #7e7e7e
*/
.wrap-input2 {
    width: 100%;
    position: relative;
    border-bottom: 3px solid #7e7e7e;
    margin-bottom: 37px;
}

/* IC - FP - 20200520
    Farbe geändert: #2f4f4f -> #fd831e
*/
#login_2 input.button {
    border: none;
    background: none;
    font-size: 0;
    color: #fd831e;
    font-weight: normal;
    width: 50px !important;
    height: 50px !important;
    height: auto;
    text-align: left;
    cursor: pointer;
    float: left;
    width: auto;
    padding-left: 0;
    background-image: url(../img/login_red_neu.svg);
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 35px;
}
/* IC - FP - 20200520
    background-image: url(../img/login-cronus-gruen.svg); -> background-image: url(../img/login_orange_neu.svg);
*/
#login_2 input.button-login:hover {
    background-image: url(../img/login.svg);
}

/* IC - FP - 20200520
    Farbe geändert: #2f4f4f -> #fd831e
    position: entfernt
    float: entferntt
*/
#login_2 input.button-login {
    border: none;
    /*position: absolute;*/
    top: 21px;
    right: -42px;
    background: none;
    font-size: 0;
    color: #fd831e;
    font-weight: normal;
    width: 50px !important;
    height: 50px !important;
    text-align: left;

    cursor: pointer;
    /*float: left;*/
    padding-left: 0;
    background-image: url(../img/login_red_neu.svg);
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 35px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto 
{
	float: left;
}

.collection_list {
    font-size: 14px;
}
.supportnews.collection_list, .salesperson_box {
    min-width: 350px;
}

.blue_box {
    font-size: 14px;
}

#content h1, #overlaycrumb, h1 {
    color: #000000 !important;
}

.tabulator .tabulator-row.tabulator-selected {
    background-color: #E3001B!important;
}

a.dashoard_box span {
    font-size: 14px;
}

div#overlayContent {
    font-size: 14px;
}

#overlaycrumb {
    margin-left: 15px;
}

div#portalmail p, .inbound p  {
    font-size: 14px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title:hover {
    background: #E3001B!important;
}

.icon-search:hover {
    background-color: #2e4f4f;
}

.cardform label, #service_integration label {
    font-size: 14px;
    color: #666;
}

input.input2 {
    color: #E3001B;
}
.focus-input2::after {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 200 !important;
    color: #E3001B;
}
a.dashoard_box.button_inhalt_collection {
    min-width: 170px;
}

.successbox {
    float: left;
    width: 100%;
}

.focus-input2::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-family: acumin-pro, Helvetica, Arial, sans-serif;
    background: #E3001B;
    background: -moz-linear-gradient(left, #649d9c 0%, #96ebe9 100%);
    background: -webkit-linear-gradient(left, #E3001B 0%,#E3001B 100%);
    background: linear-gradient(to right, #E3001B 0%,#E3001B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#649d9c', endColorstr='#96ebe9',GradientType=1 );
}

div#button-area {
    right: 30px;
    position: fixed;
    bottom: 20px;
}

div#button-area a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-weight: 200;
    font-size: 16px;
    padding: 0 20px;
}


div#container {
    min-width: unset;
}

/* Frontend inner */

body.home-area div#content-area {
    padding-left: 70px;
}
input.text {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 3px 5px;
    width: 250px;
}


select.select {
    width: 250px !important;
    background-image: url(../img/arrow-down.svg);
    background-position: right;
    background-repeat: no-repeat;
    padding: 3px 3px 2px 3px !important;
    background-size: 17px;
    -webkit-appearance: unset;
    font-size: 14px;
    color: #80807f;
}
body.home-area div#background-area {
    /*background-image: url(/userdata/images/background.jpg);*/
    background-size: cover;
    background-position: bottom left;
    background-color: #D8D8D8;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 70px;
    height: 100%;
    position: fixed;
    top: 0;
}

body.home-area .content-area-gray {
    background: #f2f2f2;
    float: left;
    padding: 40px 0px;
    width: 100%;
}
body.home-area div#header-area {
    height: 112px;
}
h1, h2, h3, h4, h5, h6 {
    /* margin-top: 0; */
    /* margin-bottom: .5rem; */
    margin-block-start: 0.57em;
    margin-block-end: 0.37em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	word-wrap: break-word;
	white-space: normal;
	line-height: 100%;

}
a.dashoard_box:hover span {
    color: #fff;
}
body.home-area div#logo {
    height: 112px;
    width: 270px;
    float: left;
    text-align: center;
    display: flex;
    vertical-align: middle;
    padding: 15px;
	position: absolute;
}

body.home-area #logo img {
	width: 220px !important;
	height: 67px !IMPORTANT;
}

body.home-area #nav-area ul li {
    font-size: 16px !important;
}
body.home-area div#nav-area {
    width: 100%;
    height: 112px;
    float: left;
    margin-left: 0px;
    padding-left: 270px;
}

.content-area {
    float: left;
    width: 100%;
    padding: 40px 0;
}
body.home-area .textcontent {
    float: left;
    width: 100%;
}
body.home-area nav#SupportMenu {
    height: 112px;
    padding: 36px;
}
#SupportMenu ul.level_1 {
    width: 100%;
}

div#mainContent {
    margin: 0;
    max-width: unset !important;
    padding: 0;
}
ul.level_2, li#user_menu ul {
    background: #E3001B;
    padding: 0px 0px;
    box-shadow: 2px 3px 6px;
    font-size: 14px !important;
    width: auto;
    min-width: 100%;
    text-align: center;
    top: 40px;
}
.chosen-drop {
    background: none;
}

ul.chosen-results {
    background: none;
}
a.chosen-single {
    /* background: red; */
    border: none !important;
    box-shadow: none !important;
}
li.active-result {
    background: #9aa2a7;
}
.chosen-drop {
    border: none !important;
    box-shadow: none !important;
}
.chosen-container .chosen-results li.active-result {
    background: #9aa2a7;
    color: #fff !important;
    margin: 0;
}
ul.chosen-results {
    box-shadow: none !important;
}
ul.chosen-results {
    margin: 0 !important;
}

.menu_box ul li ul li a {
    color: #fff !important;
    text-align: left;
}
#SupportMenu li.level_2 a:hover, li#user_menu ul a:hover, li.active-result:hover, #SupportMenu li.level_2 a.active_tree, li#help_menu li.level_2 a:hover {
    background-color: #ececec;
    color: #E3001B !important;
    border-radius: 0px !important;
    background-image: none !IMPORTANT;
}
#user_menu li.menu_userdata a:hover {
    background-image: url(/layout/admin/img/2015/user.png) !important;
    background-position: 20px center;
}
body.home-area h1 {

    font-family: Roboto, Helvetica Neue , Arial, sans-serif;
    font-weight: 700;
    color: #000;
    text-transform: none;
    display: block;
    color: #E3001B !important;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 60px;
    margin: 20px 0px !important;
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    background: #E3001B;
}

form#contactformular_2 {
    max-width: 50%;
}

.h6, h6 {
    font-size: 1.2rem;
}

body {
    font-size: 1.6rem;
}

span.dashboard_box_number {
    font-size: 25px !important;
}

#portalmail div.inbound_header {
    margin: 30px 0px 0px 0px;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    float: left;
    max-width: none;
    width: 90%;
    float: right;
    background: #E3001B;
}

body.home-area h2 {
    font-family: Roboto, Helvetica Neue , Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.2;
    display: block;
    font-size: 40px;
    color: #c5c5c5;
    margin: 0px 0px 5px 0px;
}

.collection_list {
    width: 33%;
    float: left;
    position: relative;
    height: 200px;
    /* background: #E3001B !important; */
}

.collection_content.Bild {
    position: absolute;
    padding: 0;
    width: 33.3333%;
    max-width: 100%;
    height: 100%;
    opacity: 1;
}

.collection_content.Bild a {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    position: absolute;
}

.collection_content.Bild a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .3;
}
ul.toolbar_menu li.promoted {
    height: 89px;
    border: 1px solid rgba(179, 9, 49, 0.12);
    margin-right: 11px;
}
.toolbar_menu li.promoted a:hover {
    background-color: transparent;
}
div#tabulator-state-container dd {
    margin: 0;
    height: auto;
}
div#ticket_list_form {
    min-height: 500px;
}
.p-states {
    margin-top: -21px;
    margin-bottom: 5px;
    padding-right: 5px;
}
#form_order_list {
    width: 100%;
}

p.multiSel {
    margin: 0;
}

.tabulator-col-content dd {
    /* display: none; */
    margin: 0;
}
div#background-area a {
    position: fixed;
    left: 0;
    height: 100%;
    width: 70px;
    background-image: url(../img/login_red_neu.svg);
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 35px;
    z-index: 10;
}
div#background-area a:hover {
	background-image: url(../img/login-cronus-gruen.svg);
}

li.promoted:hover {
    background-color: rgba(154, 162, 167, 0.3);
}
.tabulator .tabulator-footer .tabulator-page.active {
    color: #ffffff;
    background: #E3001B;
}
li.promoted:hover a {
    color: #666666 !important;
}

ul.toolbar_menu li.promoted a {
    color: #666666 !important;
}
.collection_list .collection_content.Bild a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .3;
}
.tabulator .notification.formatter {
    background-color: #E3001B;
}
.collection_list .collection_content.headline, .collection_list .collection_content.summary {
    width: 100%;
    position: absolute;
    /* bottom: 90px; */
    /* font-size: 50px !important; */
}

.collection_list .collection_content.summary {
    bottom: 0;
    padding: 20px;
    height: auto;
    width: 66.66666%;
    right: 0;
}

.collection_list .collection_content.headline {
    top: 0px;
    padding: 20px;
    width: 66.66666%;
    right: 0;
}
.collection_list .collection_content.headline a {
    font-size: 13px !important;
}

.collection_list:hover {
    background-color: #E3001B !important;
    cursor: pointer;
}
.collection_content.headline  a {font-size: 20px;}
.chosen-container-single .chosen-single {
    background: none;
    border: 1px solid #c70a36;
    box-shadow: none;
    padding: 3px 10px !important;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
}

div#nav-area ul li.level_2 a {
    padding: 6px;
    font-size: 14px;
    color: #fff !important;
    border-bottom: 1px solid hsla(hsl 0, 0%, 100%, 1);
}
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active, nav ul ul li a, nav ul ul li a:link, nav ul ul li a:visited, nav ul ul li a:active {
    background: none;
    color: #E3001B;
}
#user_menu li.menu_userdata a {
    white-space: nowrap;
    padding: 5px 21px !important;
    padding-left: 60px !important;
    line-height: 30px;
}
#SupportMenu li a.active_tree, #SupportMenu li a.active {
    background-image: none;
}
#user_menu li.spacer {
    margin: 0px 0px;
}
nav li.spacer {
    height: 1px;
    line-height: 1px;
    background-color: hsla(hsl 0, 0%, 100%, 1);
    margin: 0px 20px;
}
a.active_tree {
    color: #E3001B !important;
}
li#user_menu ul a {
    padding: 5px 21px;
}
a.dashoard_box.button_inhalt_collection {
    width: 14%;
    margin: 0;
    margin-right: 1%;
    padding: 0;
    background: #9aa2a7;
    border-right: 70px;
    margin-bottom: 1%;
}

span.dashboard_box_description {
    font-weight: bold;
}
body.home-area nav#SupportUserMenu {
    height: 112px;
    padding: 36px;
}
div#ticket_list_form {
    float: left;
    width: 100%;
}
#SupportMenu li a:hover {
    background: none;
}
a.dashoard_box:hover {
    background: #E3001B !important;
}
ul.toolbar_menu {
    border: none;
}
	.content-area .toolbar_menu li.promoted {
    margin-bottom: 20px;
	}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
        ;
    }
	.content-area .toolbar_menu li.promoted {
    margin-bottom: 20px;
    position: absolute;
    right: 50%;
	z-index: 1000;
}

}
@media (min-width: 769px) {
	div#overlaycrumb + ul.toolbar_menu {
		position: fixed;
		top: 40px;
		width: 1000px;
		z-index: 10000;
		background: #ececec;
		margin-left: -20px;
	}
	#overlayWrapper {
		padding-top: 99px;
	}

	div#overlaycrumb {
	   
		border: none;
		border-top: 0px solid #AFAFAF;
		padding-top: 8px;
	}
#closeoverlay {
    position: fixed;
    z-index: 1000000;
    margin-left: 900px;
    margin-top: -122px;
    width: 24px;
    height: 50px;
    background: none;
}
div#closeoverlay:after {
    content: "x";
}

	div#overlayContent {
		position: relative;
	}
}

div#header {
    position: relative;
}

a.dashoard_box.button_inhalt_collection + div + ul {
    border-top: 1px solid #d0dae0;
    padding-top: 29px;
    margin-top: 16px;
}
div#overlayWrapper li.promoted {
    border: none;
}
/* Frontend inner END*/


@media only screen and (max-width: 1750px) { 
	nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active {
    padding: 0px 13px;
}

body.home-area nav#SupportMenu {
    padding: 36px 0px;
}

}

@media only screen and (max-width: 1500px) { 

ul.level_2, li#user_menu ul {
    top: 0px;
}

div#header-area::after {
    content: " ";
    position: absolute;
    width: 50px;
    height: 50px;
    right: 60px;
    top: 31px;
    background: url(/userdata/images/hamburger-menu_open_cronus.svg);
    background-repeat: no-repeat;
    background-size: 90%;
    cursor: pointer;
    background-position: center;
}
div#nav-area {
    display: none;
}
div#header-area.open::after {
    background: url(/userdata/images/hamburger-menu_close_cronus.svg);
}
div#header-area.open div#nav-area {
    display: block;
}
div#nav-area {
    max-width: 540px;
    padding: 0;
    position: absolute;
    right: 0;
    padding:  0 !important;
    margin: 0 !important;
    height: auto !important;
}

div#nav-area {
    /* width: 100% !important; */
}

div#nav-area nav#SupportUserMenu, div#nav-area nav#SupportMenu {
    width: 100%;
    height: auto !important;
}

nav#SupportMenu ul.level_1 {
    padding: 0;
}

body.home-area #nav-area ul li {
    width: 100%;
    text-align: center;
}

nav#SupportUserMenu {
    text-align: center;
}

nav#SupportUserMenu ul {
    width: 100%;
}

div#nav-area {
    background: #f2f2f2;
    z-index: 100000;
    right: 60px;
    top: 72px;
    box-shadow: 0px 6px 19px rgba(0, 0, 0, 0.19);
}

div#nav-area {}

div#nav-area {
    padding: 20px 0px !important;
}
nav#SupportUserMenu {
    padding: 0 !important;
}

nav#SupportMenu {
    padding: 0 !important;
}
nav#SupportUserMenu {
    position: absolute;
    bottom: 0;
    background: #E3001B;
    left: 0;
}

body.home-area div#nav-area {
    padding-bottom: 40px !important;
}

nav#SupportUserMenu * {
    color: #fff;
}

nav .gray_arrow > a:hover, nav .gray_arrow:hover > a {
    background: none;
    color: #fff !important;
}
nav#SupportUserMenu * {
    color: #fff;
}


nav .gray_arrow > a:hover, nav .gray_arrow:hover > a {
    background: none;
    color: #fff !important;
}
nav#SupportMenu ul.level_2 {
    display: block !important;
    position: relative;
    /* background: none; */
    box-shadow: none;
    background: #cecece;
    /* border: none !important; */
    /* color: #333 !important; */
}

nav#SupportMenu ul.level_2 a {
    border: none !important;
    color: #333 !important;
}


li#help_menu {
    /* position: absolute !important; */
    /* bottom: 40px; */
    /* right: 0; */
}

li#user_menu {
    width: 100% !important;
}

li#help_menu {
    width: 20% !important;
    border-left: 1px solid #c70a36;
}
}




@media only screen and (max-width: 1200px) { 
a.dashoard_box.button_inhalt_collection {
    width: 32%;
}

.collection_list, .salesperson_box  {
    width: 50%;
}

#mainContent {
    overflow-x: scroll;
}
div#ticket_list_form {
    float: left;
    width: auto;
}

.tabulator .tabulator-footer {
    text-align: left;

}
#form_order_list {
    width: 1400px;
}


ul.level_2 {}

nav#SupportMenu ul.level_2::after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4.5px 6px;
    border-color: transparent transparent #cecece;
}

div#nav-area nav#SupportUserMenu, div#nav-area nav#SupportMenu ul.level_1 {
    width: 100%;
}

}


@media only screen and (max-width: 1024px) { 

#overlayWrapper {
    max-width: 100% !important;
    left: 0px;
    margin: 0px !important;
}
h2 {
    text-align: left;
}
body.home-area div#nav-area {
    width: auto;
}
div#overlaycrumb + ul.toolbar_menu {
	width: 98%;
}
#closeoverlay {
	margin-left: 92%;
}
}

@media only screen and (max-width: 768px) { 
.wrapper-login, .collection_list, .salesperson_box   {
    width: 100%;
}

.supportnews.collection_list, .salesperson_box {
    min-width: 100% !important;
}

table.cardform td:first-child {
    width: auto !important;
}

table.cardform tbody > tr > td {
    float: left;
    width: 100%;
    padding: 0;
}

#closeoverlay {
	margin-left: auto;
}

table.table-top-search {
    position: relative;
    float: left;
    width: 100%;
}
div#mainContent {
    margin: -15px;
}
.outbound .img-communication, .inbound_internally .img-communication, .inbound .img-communication {
    position: relative !important;
    width: 100% !important;
    float: left !important;
    max-width: 100% !important;
    border: none;
    border-bottom: 1px solid #666;
    margin-bottom: 20px;
}
div#portalmail {
    padding-right: 15px !important;
}

.img-communication img {
    width: auto !important;
}

li.promoted:hover {
    background-color: rgba(0, 0, 0, 0);
}
.outbound, .outbound_internally, div.inbound {
	padding: 10px !important;
}
div.label {
    width: 100%;
}

div#overlayWrapper li.promoted {
    border: none;
    width: 100%;
    margin-bottom: 10px;
}

div#ticket_list_form .tabulator-col.tabulator-sortable:nth-child(3), div#ticket_list_form .tabulator-tableHolder .tabulator-row.tabulator-selectable .tabulator-cell:nth-child(3),div#ticket_list_form .tabulator-col.tabulator-sortable:nth-child(6), div#ticket_list_form .tabulator-tableHolder .tabulator-row.tabulator-selectable .tabulator-cell:nth-child(6) {
    display: inline-grid;
}

.tabulator-row.tabulator-selectable.tabulator-row-odd {
    background-color: #f6f6f6;
}

div#nav-area {
    width: 100%;
    right: 0;
    max-height: 100%;
    top: 112px;
    /* box-shadow: none; */
}
a.dashoard_box.button_inhalt_collection {
    width: 49%;
}

div#background-area {
    display: none;
}
div#header-area::after {
    right: 20px;
}
body.home-area div#content-area {
    padding: 0;
}

div#login_1 {
    position: relative;
    left: 0;
    line-height: 1;
    margin-top: 30px;
    color: rgba(255, 255, 255, 0.31);
}

div#logo {
    padding: 0px 59px;
}
div#button-area {
    right: 0;
    position: fixed;
    bottom: 30px;
    width: 100%;
}
div#login_2 {
    margin-top: 40px;
}
div#login_1 {
    font-size: 27px;
}

div#overlayWrapper {
    max-width: 100%;
    right: 0;
    left: 0;
    top: 0;
    margin: 0;
}

.border-styling.grid td {
    display: blok;
    display: block;
    float: left;
    width: 100% !important;
    padding: 13px !important;
}

.border-styling.grid td .label, .border-styling.grid td .input {
    width: 100%;
}

.border-styling.grid td .label label, .border-styling.grid td .input input {
    width: 100%;
}

.toolbar_menu li a:link, form .toolbar_menu li a:visited, .toolbar_menu li a:active {
    width: 100% !important;
    font-size: 15px;
    margin-top: 10px;
    background-color: whitesmoke;
    padding-top: 7px;
    height: 45px;
    padding-bottom: 15px;
    padding-left: 60px;
    background-position: 15px center;
}
 div#overlayWrapper form .toolbar_menu li.not_promoted {
    width: 100%;
    /* text-align: CENTER; */
}

table.table-top-search td {
    width: 100% !important;
    display: block;
}

table.table-top-search td .input {
    width: 100% !important;
}

table.table-top-search td .input {
    width: 100%;
    display: block;
}
table.table-top-search td {
    width: 100% !important;
    display: block;
}

table.table-top-search td .input {
    width: 100% !important;
}

table.table-top-search td .input {
    width: 100%;
    display: block;
}
div#area-gray li.promoted {
    width: 100px;
    padding-bottom: 10px;
    height: 110px;
}
table.table-top-search td .input select#activitySelect, table.table-top-search td .input label {
    /* display: block; */
    width: 100% !important;
    max-width: 300px;
}

table.table-top-search td .icon-search.filter-icon {
    width: 100%;
    margin-bottom: -3px;
    max-width: 300px;
}



div#mainContent {
    padding: 10px;
}
table.table-top-search td .input select#activitySelect, table.table-top-search td .input label {
    /* display: block; */
    width: 100% !important;
    max-width: 300px;
}
table.cardform td:first-child {
    padding: 0;
}
table.table-top-search td .icon-search.filter-icon {
    width: 100%;
    max-width: 300px;
    margin-bottom: -3px;
}
form#form_support_contact_card td input, form#form_support_contact_card td label, form#form_support_contact_card td .input, form#form_support_contact_card td .label {
    width: 100%;
}

form#form_support_contact_card td {
    width: 100%;
    display: block;
    float: left;
    padding: 0;
}




}

@media only screen and (max-width: 769px) { 

div#login {
    left: 0px;
    margin-top: 0%;
}

div#logo {
    padding: 0px 0px;
}
#login #logo img {
    max-width: 100%;
}

}

@media only screen and (max-width: 350px) { 


}

@media only screen and (max-width: 350px) { 


}

#support_instant_ticket #login {
    position: relative;
    float: center;
    left: auto;
    margin: 0px;
    margin-bottom: 80px !important;
    margin-right: 80px !important;
}

#support_instant_ticket #login_2 {
    margin: 0px !important;
}

#support_instant_ticket #container_1 {
    display: none !important;
}

#support_instant_ticket #header-area #logo {
    text-align: center;
}
#support_instant_ticket a:hover {
    color: #666;
}

body#support_instant_ticket div#logo {
    height: 68px;
    float: left;
    text-align: center;
    display: flex;
    vertical-align: middle;
    padding: 15px;
    position: relative;
}

.login-area .error {
    color: #ffffff;
    font-weight: 600;
    margin-top: 10px;
    width: max-content;
}

#support_instant_ticket #background-area a{
    background-image: url(/userdata/images/background.jpg);
    background-size: cover;
    background-position: bottom left;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 70px;
    height: 100%;
    position: fixed;
    top: 0;
}

div.errorbox {
    font-size: 1.2em;
}

body#support_instant_ticket div#nav-area {
    width: 100%;
    height: 112px;
    float: left;
    margin-left: 0px;
    padding-left: 270px;
}

body#support_instant_ticket div#nav-area {
    width: 100%;
    height: 56px !important;
    float: left;
    margin-left: 0px;
    padding-left: 0px !important;
    background-color: #000000;
    margin: auto;
}

#support_instant_ticket .header_sit {
    /*display: none;*/
}

body#support_instant_ticket div#header-area {
    height: 112px;
}

#support_instant_ticket h1 {
    text-align: left;
    padding: 0px;
}


#support_instant_ticket h2 {
    text-transform: uppercase;
    position: relative;
    float: left;
}



#support_instant_ticket input, #support_instant_ticket select {
    max-width: 450px;
    width: 100%;
    min-height: 35px;
    font-size: 18px;
}

#support_instant_ticket #cke_input_comment {
    max-width: 450px !important;
}

.header_sit {
    margin-top: 25px;
}

input.button_2 {
    position: relative;
    float: right;
    width: max-content;
    height: 32px;
    background: #000;
    color: #fff;
    height: auto;
    padding: 9px 24px;
    margin-top: 0px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #000;
    width: max-content !important;
}

input.button_2:hover {
    background: #fff;
    color: #000;
    border-color: #000;
}


body#support_instant_ticket .footer p {
    position: relative;
    float: left;
}
.footer .container {
    padding: 8px 16px;
}
#support_instant_ticket .footer {
    height: auto;
    font-size: .75rem;
}
#support_instant_ticket .footer p {
    font-size: .75rem;
}

ul.footer_navbar {
    position: relative;
    float: right;
}

ul.level_1 {
    padding-left: 0px;
}
ul.footer_navbar li {
    padding: 0px 16px;
}
ul.footer_navbar a {
    padding: 0px;
    text-decoration: none;
}
ul.footer_navbar a:hover {
    color: #fff !important;
}


#support_instant_ticket input.button {
    display: none !important;
}

.submit_btn_txt::after {

    content: "SEND REQUEST";
    position: relative;
    float: right;
    width: max-content;
    height: 32px;
    background: #000;
    color: #fff;
    height: auto;
    padding: 9px 24px;
    margin-top: 0px;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

#support_instant_ticket label {
    text-transform: uppercase;
    letter-spacing: .11em;
    font-weight: 300;
    font-size: 18px;
}

#support_instant_ticket {
    line-height: 1.42857;
}

.submit_btn_txt {
    position: relative;
    float: left;
    max-width: 501px;
    width: 100%;
    margin-top: 40px;
}

#support_instant_ticket input#input_dataprivacy {
    width: 15px;
}

#support_instant_ticket label {
    font-weight: 400;
    font-size: .6875rem !important;
    text-transform: uppercase;
    font-family: Lato,Helvetica,Arial sans-serif;
}

#support_instant_ticket input, #support_instant_ticket select {
    max-width: 501px;
    width: 100%;
    min-height: 35px;
}	
#support_instant_ticket textarea {
    width: 501px !important;
}	

#support_instant_ticket label.input-group.js-file-input {
    width: 501px;
}

#support_instant_ticket span.form-control.js-file-input__text {
    border-color: #000;
}
#support_instant_ticket span.btn.btn-primary.btn-sm.d-flex.align-items-center {
    border-color: #000;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
}

.footer {
    float: left;
    width: 100%;
    background: black;
    color: #fff;
}
.footer ul.footer_navbar a {
    color: #fff;
}

body#support_instant_ticket  nav#SupportMenu {
    width: 100% !important;
    float: left;
}

body#support_instant_ticket nav#SupportMenu ul.level_1 {
    height: 56px;
    padding: 8px;
    width: auto !important;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    padding: 0;
}

body#support_instant_ticket div#nav-area {
    margin-top: 45px !important;
}

body#support_instant_ticket div#nav-area {
    padding: 0px !important;
    overflow: hidden;
}
 body#support_instant_ticket nav#SupportMenu {
    max-width: 100% !important;
    min-width: 100%;
}

body#support_instant_ticket nav#SupportMenu {
    overflow: visible;
   
}

body#support_instant_ticket nav#SupportMenu {
    background: black;
    width: 100%;
    height: auto;
    float: left;
}



body#support_instant_ticket nav#SupportMenu ul.level_1 {
    position: absolute;
    background: black;
    top: 55px;
    width: 100% !important;
    z-index: 10000000000000000;
    display: none;
    height: auto !important;
}

body#support_instant_ticket div#nav-area.open nav#SupportMenu ul.level_1 {
    display: block;
}

body#support_instant_ticket div#nav-area {
    overflow: visible !important;
}

body#support_instant_ticket nav#SupportMenu ul.level_1 li.level_1 {
    width: 100%;
    text-align: center;
}

body#support_instant_ticket nav#SupportMenu:after {
    content: "Menü";
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    padding: 15px;
    text-transform: uppercase;
}



    div#login_2 {
    padding-right: 0px;
}
#support_instant_ticket input, #support_instant_ticket select {
    width: 100%;
    max-width: none;
}

.check_ds.daten {
    width: 100%;
    max-width: 100%;
}
#support_instant_ticket textarea {
    width: 100% !important;
}
#support_instant_ticket label.input-group.js-file-input {
    width: 100%;
}
#login-header {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 100px;
    text-align: center;
}