/*
Theme Name: CRMmanager
Theme URI: https://wp-themes.com/wp-bootstrap-starter
Author: Crmmanager.de
Author URI: https://crmmanager.de
Description: WP Bootstrap Starter child theme.
Template: wp-bootstrap-starter
Version: 1.0.0
Text Domain: crmmanager
*/
/* rubik-300 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('./inc/assets/fonts/rubik-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('./inc/assets/fonts/rubik-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('./inc/assets/fonts/rubik-v14-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-500.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('./inc/assets/fonts/rubik-v14-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-600.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: url('./inc/assets/fonts/rubik-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-700.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-800 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 800;
    src: url('./inc/assets/fonts/rubik-v14-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-800.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-800.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-italic - latin */
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: url('./inc/assets/fonts/rubik-v14-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500italic - latin */
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 500;
    src: url('./inc/assets/fonts/rubik-v14-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-500italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600italic - latin */
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 600;
    src: url('./inc/assets/fonts/rubik-v14-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-600italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700italic - latin */
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    src: url('./inc/assets/fonts/rubik-v14-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-700italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-800italic - latin */
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 800;
    src: url('./inc/assets/fonts/rubik-v14-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./inc/assets/fonts/rubik-v14-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./inc/assets/fonts/rubik-v14-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('./inc/assets/fonts/rubik-v14-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./inc/assets/fonts/rubik-v14-latin-800italic.svg#Rubik') format('svg'); /* Legacy iOS */
}
/*
    Utility
 */
.margin-bottom-2 {
    margin-bottom:2rem;
}
/*
    Page
 */

#page {
    overflow-x: hidden;
    background-color: #f7f7f7 !important;
    min-height:1080px;
}
/*
    Navigation
 */

#masthead {
    background-color:#fff !important;
    padding: 1rem 1rem !important;
    position: relative !important;
    z-index: 4;

box-shadow: 0 0.625rem 1.25rem 0 rgb(0 0 0 / 5%) !important;




}
.navbar-brand {
    max-width: 65%;
}
.navbar-brand img {
    min-height:60px;
}
#masthead .navbar-nav > li > a {
    font-size: 1.25rem !important;
    color:#235861 !important;
}
#masthead .navbar-nav > li > a:hover {
    font-weight:500 !important;
    color:#40A26B !important;
}
#page-sub-header {
    background-position:bottom !important;
    min-height:450px;
    text-align:unset;
    position:relative;
    background-color: #f7f7f7 !important;
   }
.page-sub-header-bg {
    background: rgb(50,149,98);
    background: linear-gradient(90deg, rgba(50,149,98,1) 0%, rgba(79,171,123,1) 100%);
    position: absolute;
    max-height: 450px;
    height:100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
#page-sub-header-content {
    z-index:3;
    position: relative;
}
#page-sub-header p {
    margin:unset;
    color:#fff !important;
}
#page-sub-header h1 {
    color:#fff !important;
    font-family: Rubik;
    font-size:3rem !important;
    font-weight:400;
    line-height: 1.4 !important;
}
#page-sub-header h1 .sub {
    font-size:1.75rem !important;
    font-weight:400;

}
.page-sub-header-img {
    position:absolute;
    top:0;
    right:0;
    width: 700px;
    max-width:35vw;
    height:550px;
    z-index: 2;
    filter: drop-shadow(0 0.625rem 1.25rem  rgb(0 0 0 / 5%));
}

.page-sub-header-img img {
    object-fit: cover;
    width:100%;
    height:100%;
    -webkit-mask-image: url(inc/assets/images/mask-img.svg);
    mask-image: url(inc/assets/images/mask-img.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: left bottom;
    mask-position: left bottom;

}
.breadcrumb {
    position: absolute;
    z-index:2;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.075);
    border-radius: 0rem;
    padding: 0.5rem 1rem;
}
.breadcrumb a, .breadcrumb p {
    font-size: 1rem !important;
    color:#fff !important;
}
/*
    Subheader Toolbox
 */
.page-sub-header-tools-navigation {
    margin-top:2.25rem;
    display:flex;
}
.page-sub-header-tools-navigation a {
    padding:1rem 2rem 0.5rem 2rem;
    color:#fff;
    border-radius: 0px 10px 0px 0px;
    background-color: rgba(255,255,255,0.1);
}
.page-sub-header-tools-navigation-first {

}
a.page-sub-header-tools-navigation-first {
    color:#235861;
    background-color: #fff;
    border-radius: 10px 0px 0px 0px;
}
.page-sub-header-tools {
    background-color: #fff;
    border-radius: 0px 10px 10px 10px;
    padding:2rem;
    width:52rem;
    max-width: 100%;

    z-index: 3;
    position:relative;
    box-shadow: 0 0.625rem 1.25rem 0 rgb(0 0 0 / 5%) !important;
}
.page-sub-header-tools  h2 {
    color:#235861  !important;
    font-family: Rubik;
    font-weight: 400;
}

.page-sub-header-tools a{
    color:#38A1A1;
    display: block;
    border-bottom:1px solid #f7f7f7;
    margin-bottom:.5rem;
}
.page-sub-header-tools a:hover{
color:#40A26B;
}
/* Searchform */

.navbar-search label {
    margin-bottom:0rem;
    margin-left:0.25rem;
}
.navbar-search .search-field {
    background-color: transparent;
    background-image: url(inc/assets/icons/search.svg);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    border: none;
    cursor: pointer;
    height: 40px;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
}
.nav-page .navbar-search .search-field {
    background-image: url(inc/assets/icons/search.svg);

}
.nav-page .navbar-search .search-field {
    height: 4.5rem;
}

.navbar-search .search-field:focus {
    background-image: url(inc/assets/icons/search-g.svg);
    background-color: #f7f7f7;
    cursor: text;
    outline: 0;
    width: 230px;
}
.search-form
.search-submit {
    display:none;
}


@media only screen and (max-width: 991px) {
    #page-sub-header {

    }
    .page-sub-header-img {
        position:relative;
        top:unset;
        right:unset;
        bottom:unset;
        width: 100%;
        max-width: 100%;
        height:450px;
        padding:2rem;
    }
    .page-sub-header-img img {
        -webkit-mask-image: unset;
        mask-image: unset;
        border-radius: 10px;
    }
    .page-sub-header-bg {
        height:80%;
        max-height:unset;
    }
    .page-sub-header-tools{
        position:relative;
    }
}



@media screen and (min-width: 992px) {
    #page-sub-header p {
        max-width: 43rem;
    }