.card-konto .card-bg-icon.wrapper-icon-user, .card-provider .card-bg-icon.wrapper-icon-provider, .card-operator .card-bg-icon.wrapper-icon-operator, .card-personal-data .card-bg-icon.wrapper-icon-user, .card-group .card-bg-icon.wrapper-icon-group, .card-tarif .card-bg-icon.wrapper-icon-tarif {
    transform: rotate(10deg);
	}
    
.card-konto .card-bg-icon, .card-provider .card-bg-icon, .card-operator .card-bg-icon, .card-personal-data .card-bg-icon, .card-group .card-bg-icon, .card-tarif .card-bg-icon{
    position: absolute;
    bottom: 0;
    right: 10px;
    opacity: 0.1;
    font-size: 60px;
}

.form-control, .formbody .widget-text input, .formbody .widget-text textarea, .formbody .widget-password input, .formbody .widget-password textarea, .formbody .widget-textarea input, .formbody .widget-textarea textarea{
	display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.widget.widget-submit{
	margin-top: 1em;
}

.formbody .widget button{
	color: #fff;
    background-color: #103a5d;
    border-color: #103a5d;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*Member Table*/

table, table.data{
	width: 100%;
	margin-bottom: 1rem;
	margin-top: 1rem;
    color: #212529;
	border:1px solid #dee2e6;
	border-radius: 0.25rem;
}


.table-bordered th, table.data th, .table-bordered td, table.data td{
	border: 1px solid #dee2e6;
}

.table th, table.data th, .table td, table.data td{
	padding: 0.75rem;
}

.mr-3{
	margin-right:1.5em;
}

.tarif button {
	background: var(--color-btn);
    border-radius: 5px;
    color: var(--color-company-1);
	width: auto;
}

/* Auftragsliste*/

.order-actions.js-actions, .member-order-actions{
	display: flex;
    gap: 1rem;
    align-items: center;
    margin-top:1rem;

}

.order.js-order, .member-order.js-member-order{
	position:relative;
	padding:1rem;
	margin-top:1rem;
	margin-bottom:1rem;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.order-item.order-details-button-wrapper, .member-order-item.member-order-details-button-wrapper{
	position: absolute;
    right: 1rem;
    top: 1rem;
}

.order-item.order-number-wrapper, .order-item.order-date-wrapper, .order-item.order-method-wrapper, .order-item.order-total-wrapper, 
.member-order-item.member-order-number-wrapper, .member-order-item.member-order-date-wrapper, .member-order-item.member-order-method-wrapper, .member-order-item.member-order-total-wrapper{
	display: flex;
	gap:1rem;
}

.order-cart-item, .member-order-cart-item{
	display:flex;
	gap:1rem;
	padding: 1rem;
	background-color:#fff;
	margin-top:1rem;
	margin-bottom:1rem;
}

.order-cart-item-data, .member-order-cart-item-data{
	display:grid;
	grid-template-columns: repeat(5, 1fr);
}

.action-button, .order-details-button, .member-order-details-button{
    color: #6c757d;
    border-color: #6c757d;
    background-color:#fff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
	border: 1px solid;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.action-button:hover, .order-details-button:hover, .member-order-details-button:hover{
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;

}

.modal.js-action-cancel-modal, .modal.js-action-confirm-modal {
	display: block;
    position: absolute;
    padding: 2rem;
    top: 2em;
    left: 1em;
    background: #fff;
    height: auto;
    border-radius: 15px 15px 15px 0px;
    width: auto;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.modal.js-action-confirm-modal {
	display: block;
    position: absolute;
    padding: 2rem;
    top: 2em;
    left: 8em;
    background: #fff;
    height: auto;
    border-radius: 15px 15px 15px 0px;
    width: auto;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

/* gutes digital Reservierungsliste */

.booking table {
    border: 0px;
}

.booking .c4gGuiButtons {
    margin: 1em 1em 1em 0em;
    
}

.booking .c4gGuiAction{
    margin: 1em 1em 1em 0em;
    
}
.booking .c4gGuiDialogTitle{
	padding: 10px 0px;
}

/*.booking .c4g__form-label{
	padding: 10px 0px;
}*/

.widget.widget-checkbox{
	margin-top:1em;
}
.c4gGuiButtons a.ui-button, .c4gGuiDialogButtons a.ui-button{
	color:#fff;
}

/*Bezahlmethoden*/
.accordion-body .card{
	border:none;
}

.c4g-sideboard:not(.c4g-measuretools-container):not(.c4g-popup-container) {
  max-width: 30vw;
}

/* button */
.btn.btn--primary {
  transition: ease-in-out 250ms;
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: var(--color-btn-text);
  margin-bottom: var(--base-spacing-unit);
  margin-left: 1.1rem;
}

a.btn--primary:hover {
	background: var(--color-default-dark);
    border-color: var(--color-default-dark);
}

/* text */
.text--center {
  text-align: center;
}