/*@font-face {*/
/*    font-family: "Inter";*/
/*    font-weight: normal;*/
/*    src: url("../webfonts/Inter-Regular.ttf");*/
/*}*/

/*@font-face {*/
/*    font-family: "Inter";*/
/*    font-weight: bold;*/
/*    src: url("../webfonts/Inter-Bold.ttf");*/
/*}*/

@font-face {
    font-family: "Nunito";
    font-weight: normal;
    src: url("../webfonts/Nunito-Regular.ttf");
}

@font-face {
    font-family: "Nunito";
    font-weight: bold;
    src: url("../webfonts/Nunito-ExtraBold.ttf");
}

@font-face {
    font-family: "Nunito Sans";
    font-weight: normal;
    src: url("../webfonts/NunitoSans_10pt-Regular.ttf");
}


h1,h2,h3,h4,h5,h6 {
    font-family: "Nunito", "Helvetica Neue", serif;
    color:#212529;
}

h1,h2,h3 {
    font-size: calc(2rem + 1.0vw);
}

:root {
    --bs-link-color: #007AFF;
    --bs-primary: #007AFF;
    --bs-blue: #007AFF;
    --bs-primary-rgb: 0, 122, 255;
    --bs-info: #30B0C7;
    --bs-cyan: #30B0C7;
    --bs-info-rgb: 48, 176, 199;
    --bs-success: #00b987;
    --bs-green: #00b987;
    --bs-success-rgb: 0, 200, 147;
    --bs-warning: #ff9f0a;
    --bs-orange: #ff9f0a;
    --bs-warning-rgb: 255, 159, 10;
    --bs-danger: #FF3B30;
    --bs-red: #FF3B30;
    --bs-danger-rgb: 255, 59, 48;
    --bs-light: #e6e7e8;
    /* zuvor 237,238,239*/
    --bs-light-rgb: 230,231,232;
    --bs-purple-rgb: 111,63,193;
    --bs-teal-rgb: 32, 201, 151;
    --bs-body-font-family: "Nunito", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue", serif;
    --bs-body-color: #5d5e68;
}

.bg-purple {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-purple-rgb),var(--bs-bg-opacity))!important;
}

.bg-teal {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-teal-rgb),var(--bs-bg-opacity))!important;
}

.btn-primary {
    --bs-btn-bg: #007AFF;
    --bs-btn-border-color: #007AFF;
    --bs-btn-hover-bg: #0068d9;
    --bs-btn-hover-border-color: #0062cc;
    --bs-btn-active-bg: #0062cc;
    --bs-btn-active-border-color: #005cbf;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 38 142 255;
}

.btn-success {
    --bs-btn-bg: #00c893;
    --bs-btn-border-color: #00c893;
    --bs-btn-hover-bg: #00b284;
    --bs-btn-hover-border-color: #00a076;
    --bs-btn-active-bg: #00a076;
    --bs-btn-active-border-color: #009971;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 82 207 114;
}

.btn-danger {
    --bs-btn-bg: #FF3B30;
    --bs-btn-border-color: #FF3B30;
    --bs-btn-hover-bg: #ff170a;
    --bs-btn-hover-border-color: #fc0d00;
    --bs-btn-active-bg: #fc0d00;
    --bs-btn-active-border-color: #ef0d00;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 255 88 79;
}

.alert-primary {
    --bs-alert-color:#007AFF;
    --bs-alert-bg:#cce5ff;
    --bs-alert-border-color:#b8daff;
}

.alert-success {
    --bs-alert-color: #00b987;
    --bs-alert-bg:#ccf4e9;
    --bs-alert-border-color:#ccf4e9;
}

.alert-danger {
    --bs-alert-color: #ff170a;
    --bs-alert-bg:#f8d7da;
    --bs-alert-border-color:#f8d7da;
}

.btn-soft-primary {
    color: var(--bs-primary);
    background-color: #cce5ff;
    border-color:#cce5ff;
}

.btn-soft-primary:hover,
.btn-soft-primary:active {
    color:#fff;
    --bs-btn-hover-bg: #0068d9;
    --bs-btn-hover-border-color: var(--bs-primary);
}

.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-soft-primary:active:focus {
    color:#fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-soft-primary:focus {
    outline: 0;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 38 142 255;
}

.btn-soft-success {
    color: var(--bs-success);
    background-color: #ccf4e9;
    border-color:#ccf4e9;
}

.btn-soft-success:hover,
.btn-soft-success:active {
    color:#fff;
    --bs-btn-border-color: #00c893;
    --bs-btn-hover-bg: #00b284;
}

.btn-soft-success:focus,
.btn-soft-success:active,
.btn-soft-success:active:focus {
    color:#fff;
    background-color: #00a076;
    border-color: #009971;
}

.btn-soft-success:focus {
    outline: 0;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 82 207 114;
}

.btn-soft-danger {
    color: var(--bs-danger);
    background-color: #f8d7da;
    border-color:#f8d7da;
}

.btn-soft-danger:hover,
.btn-soft-danger:active {
    color:#fff;
    --bs-btn-border-color: #fc0d00;
    --bs-btn-hover-bg: #ff170a;
}

.btn-soft-danger:focus,
.btn-soft-danger:active,
.btn-soft-danger:active:focus {
    color:#fff;
    background-color: #fc0d00;
    border-color: #ef0d00;
}

.btn-soft-danger:focus {
    outline: 0;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 225 83 97;
}

.btn-soft-secondary {
    color: #212529;
    background-color: #e2e3e5;
    border-color:#d6d8db;
}

.btn-soft-secondary:hover,
.btn-soft-secondary:active {
    color:#fff;
    --bs-btn-border-color: #5a6268;
    --bs-btn-hover-bg: #5a6268;
}

.btn-soft-secondary:focus,
.btn-soft-secondary:active,
.btn-soft-secondary:active:focus {
    color:#fff;
    background-color: #545b62;
    border-color: #545b62;
}

.btn-soft-secondary:focus {
    outline: 0;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb) / 50%);
    --bs-btn-focus-shadow-rgb: 84 91 97;
}

.einlink-green {
    color:#00c893;
}

einlink-cyan {
    color:#00b2da;
}

.einlink-blue {
    color:#007aff;
}

.nav-pills .nav-item {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.nav-pills .nav-link {
    background: #3a3a3a;
}

.nav-pills .nav-link:hover {
    background: #fff;
    color:#1a1a1a !important;
}

.nav-tabs {
    border:0;
}

.nav-tabs .nav-link {
    border:0;
}

.nav-tabs .nav-link.active {
    background: #cce5ff;
    color: #007aff;
    border-top-left-radius: var(--bs-border-radius-lg);
    border-top-right-radius: var(--bs-border-radius-lg);
    border-bottom: 4px solid #007aff;
}

.nav-tabs .nav-link:not(.active):hover {
    border-color: #007aff;
    border-bottom: 4px solid;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-height: 35vh;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.form-control {

}

input.text-bg-primary::placeholder {
    color:#fff !important;
}

.btn {
    /*--bs-btn-font-size: 1.25rem;*/
}

.btn-outline-einlink:hover {
    color: var(--bs-btn-hover-color);
    background:linear-gradient(135deg, rgba(0,200,147,1) 0%, rgba(0,122,255,1) 100%);
}

.bg-einlink {
    background:linear-gradient(135deg, rgba(0,200,147,1) 0%, rgba(0,122,255,1) 100%, rgba(0,200,147,1) 0%);
    animation: gradient 5s ease infinite;
    background-size: 200% 200%;
}

.shadow-2 {
    box-shadow: 10px 10px 20px #bebebe;
}

.shadow-hard {
    box-shadow: 6px 6px 2px 0px rgba(0,0,0,0.75);
}

.main {
    margin-top: 98px;
}

.border-rahmen {
    border: 8px outset;
}

.btn-schalter {
    border: none;
    box-shadow: 0 5px #5c646b;
}
.btn-schalter:hover {
    box-shadow: 0 3px #5c646b;
    top: 1px;
}
.btn-schalter:active {
    box-shadow: 0 0 #5c646b;
    top: 5px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.page {
    display: block;
    min-height: 650px;
    width:100%;
}

.page-body {

    max-width: 1320px;
    margin: 0 auto;
}

.hand {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-text {
    cursor: text !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.shadow-invert {
    box-shadow: 0 .5rem 1rem 1rem rgba(0,0,0,.15)!important;
}

[contenteditable=true]:empty:before{
    content: attr(data-ph);
    pointer-events: none;
    display: block;
    color:#aaa;
}

.link-editable-text {
    outline: none;
}

.fa-icon {
    width: 52px;
    height: 52px;
    font-size: 1.25rem;
    padding: 10px;
    display:block;
    text-align: center;
}

.fa-icon-sm {
    width: 38px !important;
    height: 38px !important;
    font-size: 1rem !important;
    padding: 8px !important;
}

.chooseIconBtnSelctd {
    background: #ddd !important;
    border-color: #007aff !important;
}

.navbar-e {
    background: #eee !important;
}

.navbar-f {
    background: #fff !important;
}

.trumbowyg-box, .trumbowyg-button-pane {
    border-radius: .375rem;
}

.trumbowyg-editor[contenteditable=true]:empty::before{
    content: attr(placeholder);
    color: #666;
}

.trumbowyg-editor-box {
    max-height: 300px;
}

@media (max-width: 767px) {
    .main {
        margin-top: 70px;
    }
}

/*.parallax-scene {*/
/*    position: relative;*/
/*    display:block;*/
/*    width:100%;*/
/*    min-height: 500px;*/
/*}*/

/*.parallax-scene .scene-object {*/
/*    position: absolute;*/
/*    width:100%;*/
/*}*/

/*.object-1 {*/
/*    max-width: 500px;*/
/*    left:8%;*/
/*    top:50px;*/
/*}*/

/*.object-2 {*/
/*    max-width: 300px;*/
/*    left:24%;*/
/*    top:0px;*/
/*}*/

/*.object-3 {*/
/*    max-width: 150px;*/
/*    left:43%;*/
/*    top:0px;*/
/*}*/

/*.object-4 {*/
/*    max-width: 300px;*/
/*    left:22%;*/
/*    top:20px;*/
/*}*/

/*.object-5 {*/
/*    max-width: 230px;*/
/*    left:35%;*/
/*    top:210px;*/
/*}*/

/*.object-6 {*/
/*    opacity: 0;*/
/*    max-width: 230px;*/
/*    left:27%;*/
/*    top:50px;*/
/*}*/