/*
 * Theme Name: Company
 * Theme URI: http://www.artviper.de
 * Theme Description: Theme für Company
 * Author: artViper Marketingagentur | Stephan Geissler
 * Author URI: http://www.artviper.de
 * Version: 1.3
 * Tags: bootstrap, complete modified
 * License: Not for resell or free
 * License URI:
 * Text Domain: Company
*/

/* Apply bootstrap styles */
/*@import url('bootstrap/css/bootstrap.min.css');*/
:root {
  	--main-font: "Roboto";
	--second-font:"Montserrat";
	--color: #e05512 !important;
	--bg-color: #f4f4f4 !important;
	--second-font-color:#272727 !important;
	--font-main-color:#fff !important;
	--link--color:"#646464";
}

/* body {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
}

body p,
body h1,
body h2,
body h3,
body h4,
body li {
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    overflow-wrap: break-word;
} */

h2 span {
    hyphens: auto;
    word-break: normal;
    overflow-wrap: normal;
}

/* German hyphenation across the website */
html body,
html body p,
html body h1,
html body h2,
html body h2 span,
html body h3,
html body h4,
html body h5,
html body h6,
html body li {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
}

  

@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf);
}

.tz_padd h2 span{
    width: 85%;
    display: block;
}
.tz_padd_top{
    padding-top: 70px !important;
}
h1,h2,h3,h4,h5,h6{
	font-family:var(--main-font) !important;
    /* word-break: break-all; */
}
div,p{
	font-family:var(--main-font) !important;	
    /* word-break: break-all; */
}
a{
    color: #707a81 !important;
}
h3 a{
    color: #0098d8 !important;
}
.tz_padd{
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.tz_padd_50{
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.ft-55 h2{
    font-size: 55px;
}
.ft-40{
    font-size: 40px;
}
.ft-24{
    font-size: 24px;
}
.ft-20{
    font-size: 20px;
}
.ft-17, .ft-17 .vc_btn3{
    font-size: 17px !important;
}
.vc_btn3{
    font-weight: 700 !important;
}
.ft-bold, .ft-bold h2, .ft-bold .vc_btn3{
    font-weight: 700;
}
.ft-reg{
    font-weight: 400;
}
.ft-color-dark{
    color: #282d31;
}
.ft-color-grey{
    color: #4c565c;
}
.ft-color-grey span{
    color: #0794d1;
}
.color-text-grey{
    color: #707a81;
}
.color-white .vc_btn3, .color-white p{
    color: #ffffff !important;
}
.top-head-color {
    color: #0098d8;
}
.ft-uppercase, .ft-uppercase .vc_btn3{
    text-transform: uppercase !important;
}
.btn-color .vc_btn3{
    background-color: #0098d8 !important;
}
.vc_btn3-icon.fa-arrow-right::before{
    content: "" !important;
    display: block !important;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/uploads/2026/09/arrow.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: contain !important;
    left: 0px;
    position: relative;
}
.vc_btn3{
    padding-right: 90px !important;
}
.btn-transparent .vc_btn3{
    color: #4c565c !important;
    background-color: transparent !important;
    border: 1px solid #4c565c !important;
}
.btn-transparent .vc_btn3-icon.fa-arrow-right::before {
    content: "" !important;
    display: block !important;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/uploads/2026/09/Vektor-Smartobjekt-Kopie-19.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: contain !important;
}
.btn-transparent-white .vc_btn3{
    color: #ffffff !important;
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
}
.btn-transparent-white .vc_btn3-icon.fa-arrow-right::before {
    content: "" !important;
    display: block !important;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/uploads/2026/09/arrow.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: contain !important;
}
.divider {
    margin-bottom: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
/* Post Code */
.custom-post-cards{
    display: flex;
    gap: 20px;
}
.custom-post-bottom a{
    font-size: 20px;
    color: #4c565c !important;
    font-weight: 600 !important;
}
.custom-post-bottom{
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-top: 20px;
}
.custom-post-card{
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.custom-post-content{
    padding: 20px;
}
.custom-post-read-more{
    border-bottom: 1px solid #d3e2f5;
    width: 100%;
    display: block;
    padding-bottom: 8px;
    color: #0794d1 !important;
    padding-left: 20px !important;
}
.padd_top{
    padding-top: 60px;
}
/* Styling of standard gallery shortcode, removed in functions */

.gallery {
    margin: auto;
}
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
.gallery-caption {
    margin-left: 0;
}

/* basic styles for layout, can be removed. */
/* Accordion */
.vc_tta-accordion .vc_tta-title-text{
    font-family: var(--main-font) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #4c565c !important;
}
.vc_tta-accordion .vc_tta-panel{
    border: 1px solid #dddddd;
    border-radius: 9px;
}
.vc_tta-panel-heading{
    border: none !important;
    margin: 0 !important;
}
.vc_tta.vc_general .vc_tta-panel-title>a, .vc_tta-color-white.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover{
    background-color: transparent !important;
}
.vc_tta-panel-body{
    border: none !important;
}
.vc_tta-panels-container .vc_tta-panels{
    gap: 10px;
    display: grid;
}
.vc_tta-panel.vc_active .vc_tta-title-text{
    color: #0098d8 !important;
}
/* Top Header */

#top-header {
    width: 100%;
}
#top-header ul,
ol {
    margin-bottom: 3px;
    margin-left: 0px;
    padding-left: 0px;
}
#top-header a {
    color: #ffffff;
}

/* Search Head */

#search-head {
    margin-top: 15px;
    padding-right: 15px;
}

/* Brand */
.brand {
    margin-top: 15px;
    margin-bottom: 15px;
	left: 0;
}
.main_header .brand{
    flex: 0 0 20%;
    max-width: 20%;
}
.main_header .mobile-menu{
    flex: 0 0 80%;
    max-width: 80%;
}
#site-title {
    font-size: 35px;
}
/*Header Menu */

.header-menu {
    list-style: none outside none;
    display: inline-block;
}
.header-menu li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid white;
}
.header-menu li:last-child {
    border-right: none;
}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu{
	background-color:transparent !important;
	border: none !important;
}
.vc_btn3.vc_btn3-icon-right{
    text-align: left !important;
}
/*./Dropdown Css*/

/* Footer */
.tz_footer_text{
    justify-content: space-between;
}
footer{
    background-color: #d3e2f5 !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.footer_column_4 p{
    margin-bottom: 0 !important;
}
/* .footer_column_1{
    display: flex;
    flex-wrap: wrap;
} */
 .footer_column_1 aside{
    padding-bottom: 5px;
 }
.footer_column_1 #text-2 p{
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #4c565c !important;
    font-family: var(--main-font) !important;
    text-transform: uppercase !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}
.footer_column_1 #text-3 p{
    margin-bottom: 0px !important;
}
.footer_column_1, .footer_column_2{
    flex: 0 0 31% !important;
    max-width: 31% !important;
}
.footer_column_3{
    flex: 0 0 36% !important;
    max-width: 36% !important;
}
.footer_column_4{
    padding-right: 0px !important;
    padding-left: 0px !important;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.footer_column_4 #text-7 p{
    font-size: 17px;
    color: #4c565c;
    font-family: var(--main-font);
    font-weight: 400;
}
.footer_column_4 #text-6 p{
    font-size: 12.5px;
    color: #4c565c;
    font-family: var(--main-font);
    font-weight: 400;
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}
.footer_column_3 .ft_head{
    text-transform: uppercase;
    font-size: 17px;
    color: #4c565c;
    font-family: var(--main-font) !important;
    font-weight: 600;
    margin-bottom: 5px !important;
}
.footer_column_3 .ft_text, .footer_column_2 .ft_text{
    font-size: 17px;
    color: #4c565c;
    font-family: var(--main-font) !important;
    font-weight: 400;
}
.footer_text, .footer_text span{
    font-size: 17px;
    color: #4c565c;
    font-family: var(--main-font) !important;
    font-weight: 400;
}
.ft_text span{
    color: #0098d8;
}
.footer_column_2 .ft_small_hd{
    font-size: 17px;
    color: #4c565c;
    font-family: var(--main-font) !important;
    font-weight: 600;
    margin-bottom: 5px !important;
}

/*--------------------- Home Page ----------------------*/
.tz_left-right-margin .vc_col-sm-6:first-child{
    margin-right: 10px;
    width: 49%;
}
.tz_left-right-margin .vc_col-sm-6:last-child{
    margin-left: 10px;
    width: 49%;
}
.tz_left_right_padd{
    padding: 90px !important;
}
.tz_home_banner{
    object-fit: contain;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 100% 0% !important;
}
.gard_bg{
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 42%,
        #EAEFFC 42%,
        #EAEFFC 100%
    );
    padding: 50px 0;
}
/* Full-width row */
.custom-split-row {
    overflow: visible !important;
}

/* First column stays aligned with the theme container */
.custom-split-row .inside-column {
    padding-left: 15px;
    padding-right: 20px;
}

/* Second column extends to the right edge */
.custom-split-row .outside-column {
    width: calc(50vw - 0px) !important;
    margin-right: calc((100vw - 100%) / -2) !important;
    position: relative;
    z-index: 1;
}
.outside-column .vc_column-inner{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#site-title {
    font-size: 35px;
}
.container {
    max-width: 1160px !important;
}
/* header */
.header-menu {
    list-style: none outside none;
    display: inline-block;
}
.header-menu li {
    display: inline;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid white;
}
.navbar-light .navbar-nav .nav-link {
    color: #4c565c !important;
	font-family: "Roboto";
	text-transform:uppercase;
	font-size:17px;
    font-weight: 600;
}
#menu-main-menu{
    gap:15px !important;
}
.navbar-light .navbar-nav .current-menu-item .nav-link, .navbar-light .navbar-nav .nav-link:hover{
    color: #0098d8 !important;
}
.navbar-light .navbar-nav .nav-link
.main_header .text-right {
	padding-right:0;
}
ul#menu-menu {
    gap: 40px;
}
.dropdown-toggle::after{
	border:unset !important;
	margin:0 !important;
}
.current-page-parent .nav-link{
	text-decoration:underline;
}
a.dropdown-item {
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
	text-decoration:unset !important;
}
a.dropdown-item:hover{
	background-color:transparent !important;
	color:#e05512 !important;
	text-decoration:underline !important;
}
div#navbarSupportedContent {
    margin-top: 10px;
	justify-content:end;
}
.current-menu-item a{
	text-decoration:none;
}
.dropdown-menu.show {
    background: transparent;
    border: none;
}
.navbar-expand-lg .navbar-collapse{
    justify-content: end;
}

/*------------- leistungen ---------------*/

.tz_leist_img_text .vc_col-sm-2 .vc_column-inner{
    padding-right: 0px !important;
}
.tz_leist_img_text .vc_col-sm-10 .vc_column-inner{
    padding-left: 0px !important;
}
.tz_leist_img_text .vc_col-sm-2{
    width: 7% !important;
}
.tz_leist_img_text .vc_col-sm-10{
    width: 93% !important;
}
.steuer .vc_tta-title-text, .wirts .vc_tta-title-text, .bes .vc_tta-title-text, .finanz .vc_tta-title-text, .lohnb .vc_tta-title-text, .iiuds .vc_tta-title-text{
    display: inline-flex;
    align-items: center;
}
.steuer .vc_tta-title-text::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url("/wp-content/uploads/2026/09/Steuerberatung-Kopie.webp") center / contain no-repeat;
}
.wirts .vc_tta-title-text::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url("/wp-content/uploads/2026/09/UnternehmensWirtschaftsberatung.webp") center / contain no-repeat;
}
.bes .vc_tta-title-text::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url("/wp-content/uploads/2026/09/ErbenSchenken.webp") center / contain no-repeat;
}
.finanz .vc_tta-title-text::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url("/wp-content/uploads/2026/09/Finanzbuchhaltung.webp") center / contain no-repeat;
}
.lohnb .vc_tta-title-text::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url("/wp-content/uploads/2026/09/Personalwirtschaft.webp") center / contain no-repeat;
}
.iiuds .vc_tta-title-text::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
    background: url("/wp-content/uploads/2026/09/ITIntegration_DigitaleServices.webp") center / contain no-repeat;
}
.leistungen_accordion .vc_tta-title-text{
    font-family: var(--main-font) !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #707a81 !important;
}
.leistungen_accordion .vc_tta-panel-heading, .leistungen_accordion .vc_tta-panel-body{
    background-color: #ffffff !important;
}
.leistungen_accordion .vc_tta-panel {
    border: 1px solid #a4acb6 !important;
    border-radius: 15px !important;
}
.leistungen_accordion .vc_tta-panel-heading{
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
.leistungen_accordion .vc_tta-panel-body{
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    padding-bottom: 30px !important;
    padding-top: 0px !important;
}
.leistungen_accordion .vc_tta-panel-title a{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.tz_leist_img_text{
    background-repeat: no-repeat !important;
}

/*-------------- kanzlei ---------------*/
.kanzlei_accord .vc_toggle_title h4{
    color: #4c565c !important;
    font-size: 24px !important;
    font-weight: 400 !important;
}
.kanzlei_accord .vc_toggle_content p{
    color: #282d31 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
}
.kanzlei_accord .vc_toggle_content p{
    margin-bottom: 0px !important;
}
.padd_bottom_40{
    padding-bottom: 0px !important;
}
/*------------ Formulare -------------*/
.tz_top_padd .vc_column-inner{
    padding-top: 20px !important;
}

/*----------- Kontact ------------*/
.forminator-input, .forminator-textarea{
    border: 1px solid #eaeffc !important;
    border-radius: 15px !important;
    font-family: 'Roboto' !important;
    font-size: 17px !important;
    color: #707a81;
    padding: 15px !important; 
}
.forminator-checkbox__label{
    font-size: 12px !important;
    font-family: Roboto !important;
    color: #4c565c !important;
}
.forminator-button{
    width: 50% !important;
    display: flex !important;
    justify-content: center !important;
    color: #fff !important;
    font-family: 'Roboto' !important;
    font-size: 17px !important;
    text-transform: uppercase !important;
    align-items: center !important;
    border-radius: 0px !important;
    background-color: #0098d8 !important;
}
.forminator-button::after {
    content: "" !important;
    display: block !important;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/uploads/2026/09/arrow.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    margin-left: 8px !important;
}
forminator-button:hover{
    box-shadow: none !important;
}
/* MEDIA QUERIES */

@media (min-width: 768px) {
    #search-head {
        margin-top: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }
    .header-menu-wrapper {
        float: right;
    }
    .footer-menu-wrapper {
        float: right;
    }
    .footer-menu-wrapper ul,
    ol {
        margin-left: 10px;
    }
}
@media (min-width: 992px) {
    #search-head {
        margin-top: 15px;
        padding-right: 15px;
        float: right !important;
    }
    .header-menu li:first-child {
        padding-left: 20px;
    }
}


/* header */

@media (max-width: 992px){
    .tz_padd h2 span{
        width: 100%;
        display: block;
    }
    .mobile-menu .navbar{
        justify-content: end;
    }
    .custom-split-row .outside-column{
        width: 100% !important;
    }
    .main_header .row{
        align-items: center !important;
    }
    #navbarSupportedContent{
        background-color: #ffffff !important;
        top: 120px !important;
    }
    .forminator-button{
        width: 100% !important;
    }
    .main_header #navbarSupportedContent {
        position: fixed !important;
        top: 80px; /* space from top */
        right: 0;

        width: 320px;
        max-width: 85%;
        height: calc(100vh - 80px);

        z-index: 99999;

        transform: translateX(100%);
        transition: transform 0.35s ease-in-out;

        margin: 0 !important;
        padding: 20px 30px !important;

        display: block !important;
        overflow-y: auto;

        text-align: left !important;
    }

    /* OPEN */
    .main_header #navbarSupportedContent.offcanvas-open {
        transform: translateX(0);
    }

    /* Inner Bootstrap container */
    .main_header #bs-example-navbar-collapse-1 {
        display: block !important;
        height: auto !important;
        text-align: left !important;
    }

    /* Menu */
    .main_header #menu-main-menu {
        display: flex !important;
        flex-direction: column !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    .main_header #menu-main-menu li {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    .main_header #menu-main-menu a {
        display: block !important;
        text-align: left !important;
    }
}

/* Media Query */

@media (max-width: 1200px) {
    .tz_left-right-margin{
        padding-left: 15px;
        padding-right: 15px;
    }
    article.custom-post-card{
        width: min-content;
    }
    .custom-post-cards{
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 992px) {
    .tz_padd {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .tz_padd_top {
        padding-top: 50px !important;
    }
    .ft-55 h2{
        font-size: 40px;
    }
    .ft-24 {
        font-size: 18px;
    }
    .tz_left_right_padd{
        padding: 50px !important;
    }
    .tz_left-right-margin .vc_col-sm-6:first-child, .tz_left-right-margin .vc_col-sm-6:last-child{
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100%;
    }
    .padd_top{
        padding-top: 20px !important;
    }
    .tz_formulare{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media (max-width: 768px){
    .tz_left_right_padd {
        padding-right: 00px !important;
        padding-left: 0px !important;
    }
    .tz_left-right-margin .vc_row-flex{
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    .footer_column_1, .footer_column_2, .footer_column_3{
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .footer_column_3{
        margin-top: 20px !important;
    }
    .custom-post-card, .custom-post-card img{
        width: 100% !important;
    }
    .ft-40, .ft-55 h2{
        font-size: 30px;
    }
    .background_height{
        height: 500px;
    }
    .pdb-2{
        padding-bottom: 5px !important;
    }
    .padd_bottom_40{
        padding-bottom: 40px !important;
    }
}
@media (max-width: 480px){
    .footer_column_1, .footer_column_2, .footer_column_3, .footer_column_4{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .leistungen_accordion .vc_tta-title-text{
        font-size: 20px !important;
    }
}