/*
Theme Name: Basecom
Theme URI: https://www.basecom.de
Description: Theme for basecom.de
Author: Basecom
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
    font-family: 'basecomicons';
    src:  url('fonts/basecomicons.eot?l7kd95');
    src:  url('fonts/basecomicons.eot?l7kd95#iefix') format('embedded-opentype'),
    url('fonts/basecomicons.ttf?l7kd95') format('truetype'),
    url('fonts/basecomicons.woff?l7kd95') format('woff'),
    url('fonts/basecomicons.svg?l7kd95#basecomicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'have_heart_oneregular';
    src: url('bsc-project/fonts/HaveHeartOne.eot'),
    url('bsc-project/fonts/HaveHeartOne.otf') format('opentype'),
    url('bsc-project/fonts/HaveHeartOne.woff') format('woff'),
    url('bsc-project/fonts/HaveHeartOne.ttf') format('truetype'),
    url('bsc-project/fonts/haveheartone-webfont.svg#have_heart_oneregular') format('svg');
}
@font-face {
    font-family:'have_heart_oneregular';
    src: url('bsc-project/fonts/haveheartone-webfont.eot'),
    url('bsc-project/fonts/haveheartone-webfont.woff') format('woff'),
    url('bsc-project/fonts/haveheartone-webfont.ttf') format('truetype'),
    url('bsc-project/fonts/haveheartone-webfont.svg#have_heart_oneregular') format('svg');
}

@font-face {
    font-family: 'have_heart_tworegular';
    src: url('bsc-project/fonts/HaveHeart2.eot'), url('bsc-project/fonts/HaveHeart2.svg') format('svg'), url('bsc-project/fonts/HaveHeart2.woff') format('woff2'),
    url('bsc-project/fonts/HaveHeart2.woff2') format('woff2'), url('bsc-project/fonts/HaveHeart2.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'have_heart_jobs';
    src: url('bsc-project/fonts/HaveHeart2.eot'), url('bsc-project/fonts/HaveHeart2.svg') format('svg'), url('bsc-project/fonts/HaveHeart2.woff') format('woff2'),
    url('bsc-project/fonts/HaveHeart2.woff2') format('woff2'), url('bsc-project/fonts/HaveHeart2.ttf') format('ttf');
    unicode-range: U+41-7A;
}
@font-face {
    font-family:'have_heart_jobs';
    src: url('bsc-project/fonts/HaveHeartOne.eot'),
    url('bsc-project/fonts/HaveHeartOne.otf') format('opentype'),
    url('bsc-project/fonts/HaveHeartOne.woff') format('woff'),
    url('bsc-project/fonts/HaveHeartOne.ttf') format('truetype'),
    url('bsc-project/fonts/haveheartone-webfont.svg#have_heart_oneregular') format('svg');
    unicode-range: U+0028-002F;
}
@font-face {
    font-family:'have_heart_jobs';
    src: url('bsc-project/fonts/haveheartone-webfont.eot'),
    url('bsc-project/fonts/haveheartone-webfont.woff') format('woff'),
    url('bsc-project/fonts/haveheartone-webfont.ttf') format('truetype'),
    url('bsc-project/fonts/haveheartone-webfont.svg#have_heart_oneregular') format('svg');
    unicode-range: U+0028-002F;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'basecomicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-sl_betrieb:before {
    content: "\e92e";
}
.icon-sl_schnittstellen:before {
    content: "\e92f";
}
.icon-sl_software:before {
    content: "\e930";
}
.icon-sl_design:before {
    content: "\e931";
}
.icon-sl_ux:before {
    content: "\e932";
}
.icon-sl_beratung:before {
    content: "\e933";
}
.icon-part_of_grow:before {
    content: "\e927";
}
.icon-fa_facebook-square:before {
    content: "\e928";
}
.icon-fa_instagram:before {
    content: "\e929";
}
.icon-fa_linkedin-in:before {
    content: "\e92a";
}
.icon-fa_twitter:before {
    content: "\e92b";
}
.icon-fa_xing:before {
    content: "\e92c";
}
.icon-fa_search:before {
    content: "\e92d";
}
.icon-navigation:before {
    content: "\e934";
}
.icon-link:before {
    content: "\e935";
}
.icon-spryker:before {
    content: "\e926";
}
.icon-pim:before {
    content: "\e925";
}
.icon-individual:before {
    content: "\e922";
}
.icon-ecommerce:before {
    content: "\e923";
}
.icon-cms:before {
    content: "\e924";
}
.icon-webportale:before {
    content: "\e914";
}
.icon-webanwendungen:before {
    content: "\e916";
}
.icon-ux:before {
    content: "\e917";
}
.icon-urlaubsmanager:before {
    content: "\e918";
}
.icon-softwareentwicklung:before {
    content: "\e919";
}
.icon-projektmanagement:before {
    content: "\e91a";
}
.icon-mobile-apps:before {
    content: "\e91c";
}
.icon-hosting:before {
    content: "\e91d";
}
.icon-design:before {
    content: "\e91e";
}
.icon-consulting:before {
    content: "\e91f";
}
.icon-appframework:before {
    content: "\e920";
}
.icon-akeneo:before {
    content: "\e921";
}
.icon-wordpress:before {
    content: "\e910";
}
.icon-symfony:before {
    content: "\e911";
}
.icon-shopware:before {
    content: "\e912";
}
.icon-robee:before {
    content: "\e913";
}
.icon-magento:before {
    content: "\e915";
}
.icon-typo_typo:before {
    content: "\e91b";
}
.icon-kontakt:before {
    content: "\e90f";
}
.icon-nav_kontakt:before {
    content: "\e90e";
}
.icon-s_xing:before {
    content: "\e907";
}
.icon-s_youtube:before {
    content: "\e908";
}
.icon-s_facebook:before {
    content: "\e909";
}
.icon-s_google:before {
    content: "\e90a";
}
.icon-s_instagram:before {
    content: "\e90b";
}
.icon-s_kununu:before {
    content: "\e90c";
}
.icon-s_twitter:before {
    content: "\e90d";
}
.icon-nav_contact:before {
    content: "\e900";
}
.icon-nav_down:before {
    content: "\e901";
}
.icon-nav_up:before {
    content: "\e902";
}
.icon-nav_back:before {
    content: "\e903";
}
.icon-nav_burger:before {
    content: "\e904";
}
.icon-nav_close:before {
    content: "\e905";
}
.icon-nav_forward:before {
    content: "\e906";
}

/* Headlines */
h1 {
    margin-bottom: 35px;
}
/* Navigation */
nav.main_menu ul li.active a {
    font-weight: 700;
}

/* Cases Startseite */
.projects_holder article .image_holder:hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.5);
}
p.cases-quote {
	font-size: 30px;
	line-height: 45px;
	font-style: italic; 
	color: #fff;
}
.info.portfolio_categories {
    display: none;
}

.bsc_fixed_button {
    transform: rotate(-90deg);
    position: fixed;
    z-index: 99999;
    top: 400px;
    left: -71px;
}
.bsc_fixed_button_factsheet {
    transform: rotate(-90deg);
    position: fixed;
    z-index: 99999;
    top: 400px;
    left: -90px;
}

ul {
	list-style: none;
    margin-left: 15px;
}
ul li::before {
  content: "\2022";
  color: #0099ff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
ul li {
    font-size: 17px;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}
header ul li::before,
footer ul li::before {
	content: none;
}
.bsc_large_teasertext p {
	font-size: 24px;
	line-height: 32px;
}
.teaser-list li {
    font-size: 24px;
	line-height: 32px;
    color: #000;
    margin-bottom: 16px;
    margin-top: 0;
}
.aio-icon.square {
    margin-bottom: 10px;
}
/* Image Box Shadow */
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img {
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}
.bsc_mobile_invisible {
	display: block;	
}
.bsc_show_mobile {
	display: none !important;
}

@media only screen and (max-width: 1000px) {
	.bsc_mobile_invisible {
		display: none !important;
	}
	.bsc_show_mobile {
		display: block !important;
	}
}
@media only screen and (max-width: 768px) {
    .bsc_fixed_button {
        left: -45px;
    }
	.bsc_referenzlogo_top {
	    border-right: none;
	}
}

.search-scroll-down-arrow .aio-icon {
	cursor: pointer;
	pointer-events: all;
}

/* Global icon customization */
.aio-icon, .vc_row .aio-icon {
    line-height: unset !important;
    height: unset !important;
}

/* Back to top */
#back_to_top>span {
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #f5f5f5;
    background: #f5f5f5;
}
#back_to_top:hover>span {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}
#back_to_top span i {
    display: none;
}
#back_to_top>span:before {
    font-family: 'basecomicons' !important;
    content: "\e902";
    font-size: 28px;
    color: #b0b0b0;
    line-height: 52px;
}

/* Ansprechpartner Bereich */
.basecom-contact-form {
    padding: 20px 20px 20px 3px;
}
label.w2llabel.checkbox.w2llabel-checkbox-label {
    width: 100% !important;
}
#sf_form_salesforce_w2l_lead_1 input:focus,
textarea#sf_description.w2linput.textarea:focus {
    outline: none;
}

@media only screen and (max-width: 1200px) {
    .basecom-contact-inner {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .word-break-mobil {
        word-break: break-word;
    }
}