/* fonts */

@font-face {
    font-family: "ClanWeb W03 Book";
    src: url("/font/clan/ClanWeb-W03-Book.eot");
    /* IE9 Compat Modes */
    src: url("/font/clan/clan/ClanWeb-W03-Book.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("/font/clan/ClanWeb-W03-Book.woff2") format("woff2"),
        /* Super Modern Browsers */
        url("/font/clan/ClanWeb-W03-Book.woff") format("woff"),
        /* Modern Browsers */
        url("/font/clan/ClanWeb-W03-Book.ttf") format("truetype");
    /* Safari, Android, iOS */
}

@font-face {
    font-family: "ClanWeb W03 NarrBold";
    src: url("/font/clan/ClanWeb-W03-NarrBold.eot");
    /* IE9 Compat Modes */
    src: url("/font/clan/ClanWeb-W03-NarrBold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("/font/clan/ClanWeb-W03-NarrBold.woff2") format("woff2"),
        /* Super Modern Browsers */
        url("/font/clan/ClanWeb-W03-NarrBold.woff") format("woff"),
        /* Modern Browsers */
        url("/font/clan/ClanWeb-W03-NarrBold.ttf") format("truetype");
    /* Safari, Android, iOS */
}

@font-face {
    font-family: "ClanWeb W03 NarrMedium";
    src: url("/font/clan/ClanWeb-W03-NarrMedium.eot");
    /* IE9 Compat Modes */
    src: url("/font/clan/clan/ClanWeb-W03-NarrMedium.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("/font/clan/ClanWeb-W03-NarrMedium.woff2") format("woff2"),
        /* Super Modern Browsers */
        url("/font/clan/ClanWeb-W03-NarrMedium.woff") format("woff"),
        /* Modern Browsers */
        url("/font/clan/ClanWeb-W03-NarrMedium.ttf") format("truetype");
    /* Safari, Android, iOS */
}

/* farben */

.trapo-orange-text {
    color: #ff6900 !important;
}

.trapo-white-text {
    color: #ffffff !important;
}

.trapo-black-text {
    color: #1d1d1f !important;
}

.trapo-grey-text {
    color: #707070 !important;
}

.trapo-grey-light-text {
    color: #d0d0d0 !important;
}

.trapo-orange {
    background-color: #ff6900 !important;
}

.trapo-black {
    color: #1d1d1f !important;
}

.trapo-grey {
    color: #707070 !important;
}

.trapo-grey-light {
    color: #d0d0d0 !important;
}

.trapo-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

.btn-outline-orange {
    color: #ff6900 !important;
    background-color: transparent !important;
    border: 2px solid #ff6900 !important;
}

/* allgemein */

html,
body,
header {
    font-family: "ClanWeb W03 Book" !important;
    font-weight: normal;
}

.btn-menuleiste {
    color: #ffffff;
    background-color: #ff6900 !important;
}

.side-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 15rem;
    height: 100%;
    padding: 0;
    padding-bottom: 3.75rem;
    margin: 0;
    overflow: hidden;
    list-style-type: none;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.side-nav.wide {
    width: 210px !important;
}

.side-nav.wide.slim {
    width: 3.75rem !important;
}

.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper {
    height: 3.75rem;
    padding: 36px 9px 117px 9px;
    border-bottom: none;
    overflow: hidden;
}

.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a img {
    width: 2rem;
    padding: 0;
    margin-left: .3rem;
}

.side-nav.wide.slim .collapsible .icon-nav {
    width: 18px;
    height: 46px;
    padding-left: 0;
    margin-right: 0;
    text-align: left;
}

.side-nav .collapsible a {
    height: 48px;
    font-size: .9rem;
    line-height: 3.4;
    color: #707070;
}

.side-nav.wide .collapsible a,
.side-nav.wide.slim .collapsible a {
    padding-left: 20px;
}

.side-nav li.versionHub {
    font-family: "ClanWeb W03 NarrMedium" !important;
    font-size: 0.75rem;
    color: #b5b5b5 !important;
    line-height: 1.1;
    text-align: center;
    padding-bottom: 10px;
}

.form-control {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 15px;
    line-height: 1;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

/* login */

#login {
    background-color: #aaaaaa;
    height: 100vh;
}

#login .card {
    width: 480px;
}

#login p {
    font-size: 14px;
}

/* dashboard */

body#dashboard {
    background-color: #f2f5fc;
}

#dashboard main {
    margin: 0 4.75rem 0 7.75rem;
}

#dashboard .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#dashboard .dashwillkommen {
    padding: 0 0 80px 0;
}

/* leadhub */

body#leadhub {
    background-color: #f2f5fc;
}

#leadhub main {
    margin: 0 4.75rem 0 7.75rem;
}

#leadhub .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#leadhub .leadhubReihe01 {
    padding: 0 0 80px 0;
}

#leadhub h4 {
    margin-bottom: 24px;
}

#leadhub h4 svg {
    margin-bottom: 8px;
}

#leadhub td a {
    color: #ff6900 !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    font-size: 12px;
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
    font-size: 12px;
}

.pagination .page-item .page-link {
    font-size: 12px;
}

/* leadhubBearbeiten */

body#leadhubBearbeiten {
    background-color: #f2f5fc;
}

#leadhubBearbeiten main {
    margin: 0 4.75rem 0 7.75rem;
}

#leadhubBearbeiten .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#leadhubBearbeiten .leadhubBearbeitenReihe01 {
    padding: 0 0 80px 0;
}

#plz {
    width: 18%;
    margin-right: 2%;
}

#ort {
    width: 78%;
}

#leadhubBearbeiten span.fotouploadwort {
    font-size: 12px !important;
}

#leadhubBearbeiten p.datenquelle {
    font-size: 15px;
    line-height: 1.4;
}

#leadhubBearbeiten .form-control {
    font-size: 15px;
}

#leadhubBearbeiten .fett {
    font-family: "ClanWeb W03 NarrBold" !important;
}

#leadhubBearbeiten span.notizinfo {
    font-family: "ClanWeb W03 NarrBold" !important;
    font-size: 12px;
    line-height: .9!important;
}


/*login handling*/
.error-message {
    display: none;
}
.passcode,
.reminder {
    display: none;
}
.form-has-error .error-message {
    display: block;
}
.form-needs-code .hide-for-passcode{
    display: none;
}
.form-needs-code .passcode{
    display: block;
}