/*
* 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: "SourceSerifRoman";
  --second-font:"calibri-light";
  --color: #e05512 !important;
  --bg-color: #f4f4f4 !important;
  --second-font-color:#272727 !important;
  --font-main-color:#fff !important;
  --link--color:"#646464";
}
@font-face {
  font-family: "SourceSerifRoman";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/SourceSerifRoman/SourceSerif4-Light.ttf);
  font-weight:100;
}
@font-face {
  font-family: "calibri";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/calibri/calibri-regular.ttf);
  font-weight:100;
}
@font-face {
  font-family: "calibri-light";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/calibri/calibri-light.ttf);
  font-weight:100;
}
@font-face {
  font-family: "Parisienne";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Parisienne/Parisienne-Regular.ttf);
  font-weight:100;
}
@font-face {
  font-family: "Ubuntu";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Ubuntu/Ubuntu-Light.ttf);
  font-weight:100;
}
.cookie {
	line-height: 1.1;
	margin-bottom: 25px;
}
.cookie a {
	color: #212529;
}
.cookie a:hover, .cookie a:focus, .cookie a:active {
	color: #212529;
}
#onlyxs {
	display: none;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Parisienne";
}
div,p{
  font-family: 'calibri-light';
}
p, .custom-list li {
	font-family: 'calibri-light';
	font-size: 20px;
	color: #000000;
}
h2{
	font-size: 69px !important;
	text-align: center;
}
/* basic styles for layout, can be removed. */
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;}
.menu-item a{
	font-family: "calibri-light";
 	font-size: 20px;
 	color: #18181f !important;
 	text-transform: uppercase;
 }
.main_header .container{padding-top: 12px; padding-bottom: 12px;}
.mobile-menu .navbar{justify-content: flex-end;}
.brand{align-content: center;}
.banner_sec {
	background: url(/wp-content/uploads/2025/06/cups-banner.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat; 
}
.banner_flower{
	background: url(/wp-content/uploads/2025/06/head-flower.png);
	background-position: top right;
	background-size: contain;
	background-repeat: no-repeat; 
}
.top_space{
	padding-top: 100px;
}
.gap_both{
	padding-top: 47px;
	padding-bottom: 47px;
}
.tz_button button, .tz_button a{
	color: #a38d64 !important;
	font-size: 20px !important;
	font-family: "calibri-light";
	text-transform: uppercase;
	border-color: #a38d64 !important;
	background: transparent !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
}
.tz_button button:hover, .tz_button a:hover{
	background-color: #a38d644f !important;
}
.tz_post h4, .tz_post_iner h4, .stiftungsrat_font h4{
	font-family: "SourceSerifRoman";
	font-size: 33px;
	color: #316bac;
	text-align: center !important;
	margin-top: 40px;
}
.tz_post .vc-gitem-zone-height-mode-auto:before, .tz_post_iner .vc-gitem-zone-height-mode-auto:before{padding-top: 76%;}
.tz_post .wpb_content_element, .tz_post_iner .wpb_content_element{margin-bottom: 0px;}
.tz_post p, .tz_post_iner p{text-align: center;}
.tz_post .vc_gitem-col, .tz_post_iner .vc_gitem-col{padding: 0px !important;}
.tz_post .vc_btn3-container, .tz_post_iner .vc_btn3-container{display: none;}
.tz_post .vc_gitem-zone, .tz_post_iner .vc_gitem-zone{
	background-color: transparent !important; 
	background-size: contain; 
	background-position: bottom center;
}
.tz_post {
    background-image: 
        url(/wp-content/uploads/2025/06/leaf.png),
        url(/wp-content/uploads/2025/06/flower.png);

    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
    background-size: auto, auto;
}
.bg_3_img {
	background-image: 
		url(/wp-content/uploads/2025/06/head-flower.png),  
		url(/wp-content/uploads/2025/06/cups-banner-1.png), 
		/*url(/wp-content/uploads/2025/06/home-banner-bg.png); */
		url(/wp-content/uploads/2025/07/banner.png);

	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top, 0% 70%, center center;
	background-size: auto, auto, cover;
	padding-top: 300px;
	padding-bottom: 300px;
}
.margbt{margin-bottom: 0px !important;}
.tea-pot{
	background-repeat: no-repeat;
	background-position: left top;
}
.bg_3_img p{
	font-size: 26px !important;
	font-family: "SourceSerifRoman";
	color: #18181f;
}
.bg_3_img h2{
	font-size: 33px !important;
	font-family: "SourceSerifRoman" !important;
	color: #316bac;
}
.bg_3_img h3{
	font-size: 20px;
	font-family: "calibri-light";
	color: #316bac;
	text-transform: uppercase;
}
.tz_footer_text .footer_column_1{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.footer{background: #e5dbca; padding-top: 50px;}
.footer #block-8 p, .footer #block-8 p a, .footer #block-9 p, .footer #block-9 p a {
	font-size: 20px;
	font-family: "Ubuntu";
	color: #000000
}
.footer #block-8{ padding-bottom: 65px !important; }
.footer{ margin-top: 60px; }
#block-9 .wp-block-columns{ margin-bottom: 0px !important; }
.container { max-width: 1187px !important;}
.icon_spac .vc_single_image-wrapper img{padding-left: 0px !important;}
.aktuelles_banner{
	background-image: 
		url(/wp-content/uploads/2025/06/flower-only.png),  
		url(/wp-content/uploads/2025/06/aktuelles_bann.png), 
		url(/wp-content/uploads/2025/06/pot.png), 
		url(/wp-content/uploads/2025/06/Aktuelles-bg.png); 

	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 98% 0%, left bottom, 90% bottom, center center;
    background-size: 9%, auto, auto, cover;
	padding-top: 130px !important;
	padding-bottom: 100px !important;
}
.tz_flex{display: flex; gap: 20px;}
.tz_flex .tz_post_iner h4, .tz_flex .tz_post_iner p{text-align: left !important; margin-top: 0px !important;}
.all_realted_post{display: flex; flex-wrap: wrap; justify-content: space-between;}
.all_realted_post a:hover{text-decoration: none !important;}
.custom-breadcrumb li a, .custom-breadcrumb a{color: #000000 !important; font-size: 16px;}
.custom-breadcrumb{display: flex; list-style: none !important; gap: 5px; padding-left: 0px;}
.all_logo ul{
	display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    gap: 20px;
    margin-top: 80px;
    flex-wrap: wrap;
    padding-left: 0px;
}
.above_img{text-align: center;}
.all_logo{margin-top: 60px;}
.related-post-item{width: 32%; text-align: center;}
.related-post-item img, .all_logo ul img{width: 100%; height: auto; object-fit: contain;}
.die_banner{
	background-image: 
		url(/wp-content/uploads/2025/06/flower-only.png),  
		url(/wp-content/uploads/2025/06/aktuelles_bann.png), 
		url(/wp-content/uploads/2025/07/cup.png), 
		url(/wp-content/uploads/2025/06/Aktuelles-bg.png); 

	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 98% 0%, left bottom, 90% 90%, center center;
    background-size: 9%, auto, auto, cover;
	padding-top: 130px !important;
	padding-bottom: 100px !important;
}
.spenden{
	background-image: 
		url(/wp-content/uploads/2025/06/flower-only.png),  
		url(/wp-content/uploads/2025/06/aktuelles_bann.png), 
		url(/wp-content/uploads/2025/07/vas.png), 
		url(/wp-content/uploads/2025/06/Aktuelles-bg.png); 

	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 98% 0%, left bottom, 88% 90%, center center;
    background-size: 9%, auto, auto, cover;
	padding-top: 130px !important;
	padding-bottom: 100px !important;
}
.kontakt{
	background-image: 
		url(/wp-content/uploads/2025/06/flower-only.png),  
		url(/wp-content/uploads/2025/06/aktuelles_bann.png), 
		url(/wp-content/uploads/2025/07/flower-pot.png), 
		url(/wp-content/uploads/2025/06/Aktuelles-bg.png); 

	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 98% 0%, left bottom, 90% 90%, center center;
    background-size: 9%, auto, 13%, cover;
	padding-top: 130px !important;
	padding-bottom: 100px !important;
}
.bank_detail{
	background-repeat: no-repeat;
	background-position: left bottom;
    background-size: auto;
}
.custom-list {
  list-style: none;
  padding-left: 0;
}

.custom-list li {
  position: relative;
  padding-left: 1.5em;
}

.custom-list li::before {
  content: "Ã";
  position: absolute;
  left: 0;
  color: #000; /* Customize color if needed */
  font-weight: 500; /* Optional */
}
.bg_text{
	background: #f7f3ec;
	border-radius: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.bg_text .wpb_text_column{ margin-bottom: 0px !important; }
.pdf_banner{
	background-image: 
		url(/wp-content/uploads/2025/07/pdf-flower.png),  
		url(/wp-content/uploads/2025/07/pdf-left-flower.png), 
		url(/wp-content/uploads/2025/06/Aktuelles-bg.png); 

	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right center, left bottom, center center;
    background-size: 16%, 30%, cover;
	padding-top: 130px !important;
	padding-bottom: 100px !important;
}
.pdf_banner .wpb_single_image{margin-bottom: 0px;}
.mrg_top{margin-top: 100px;}
.pdf_banner .banner_inner .wpb_wrapper{
	display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}
.side_padd{padding-right: 270px !important; padding-left: 270px !important;}
.side_padd{
	background-image: 
		url(/wp-content/uploads/2025/07/side-flower.png),  
		url(/wp-content/uploads/2025/06/cups-banner-1.png);
		
	background-repeat: no-repeat, no-repeat;
	background-position: right center, left center;
    background-size: 10%, 11%;
}
.right-leaf{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto;
}
.impressum{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto;
}
.datenschutz{
	background-repeat: no-repeat;
    background-position: 100% 12%;
    background-size: auto;
}
.back-to-top-btn {
	position: fixed;
	right: 2%;
	bottom: 0px;
	padding: 10px;
	border: none;
	background: none;
	color: #fff;
	cursor: pointer;
	display: none;
	z-index: 999;
	outline: none !important;
	/*! max-width: ; */
}
.back-to-top-btn img{max-width: 60px;}
.back-to-top-btn.show {display: block;}
.spenden_arrow .above_img{display: none;}
.mobile-logo-slider img {
  width: 100%;
  max-height: 80px;
  object-fit: contain;
  padding: 0 5px;
}
.vc_custom_heading.vc_do_custom_heading.min120.rat3 br {
	margin-bottom: 11% !important;
}

@media (max-width: 1756px) {
    .bg_3_img{
    	background-position: right top, 0% 90%, center center;
    	background-size: 5%, 10%, cover;
    	padding-top: 150px;
		padding-bottom: 150px;
    }
    .tz_post{background-size: 15%, 23%; background-position: 0% 7%, 100% 13%;}
    .tea-pot{background-size: 30%; background-position: 0% 60%;}
    .aktuelles_banner{background-size: 9%, 30%, 20%, cover;}
    .die_banner{background-size: 9%, 30%, 11%, cover;}
    .spenden{background-size: 9%, 30%, 6%, cover;}
    .pdf_banner{background-size: 17%, 37%, cover;}
    .side_padd{background-size: 14%, 20%;}
    .bank_detail{background-size: 28%;}
    .kontakt{background-size: 9%, 30%, 14%, cover;}
    .right-leaf, .impressum, .datenschutz{background-size: 27%;}
}

@media (max-width: 1300px) {
    #bs-example-navbar-collapse-1 {
        position: relative;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1187px !important;
    }
}
@media(max-width: 991px){
	.main_header .text-right{padding-right: 0px;}
	.icon-bar {
	  display: block;
	  width: 25px;
	  height: 3px;
	  margin: 5px auto;
	  background-color: #333;
	  transition: all 0.3s ease-in-out;
	}

	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
	  transform: translateY(8px) rotate(45deg);
	}

	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
	  opacity: 0;
	}

	.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
	  transform: translateY(-8px) rotate(-45deg);
	}
	.navbar-nav .mail-cls.menu-item {
	  position: relative;
	 
	}
	.navbar.navbar-expand-lg.navbar-light {
	  justify-content: end;
	  align-items: flex-end !important;
	  text-align: right !important;
	}

	#navbarSupportedContent {
	  position: absolute;
	  position: absolute;
	  background: #fff;
	  width: 100vw;
	  right: 0px;
	  top: 60px;
	  text-align: center;
	  z-index: 99;
	  padding-top: 0;
	  padding-bottom: 25px;
	  /*! left: 0; */
	  margin: 0 auto;
	}
    .col-md-5 {
	    -ms-flex: 0 0 60% !important;
	    flex: 0 0 60% !important;
	    max-width: 60% !important;
    }
    .col-md-7 {
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    .bg_3_img{
    	padding-top: 60px;
    	background-position: right top, 0% 90%, 75% 50%;
        background-size: 10%, 15%, cover;
    }
    .bg_3_img .vc_custom_heading{padding-left: 110px !important;}
    .tz_post .vc-gitem-zone-height-mode-auto:before, .tz_post_iner.vc-gitem-zone-height-mode-auto:before {padding-top: 70%;}
    .tz_post{background-position: 0% 5%, 100% 6%;}
    .related-post-item{width: 100%;}
    .tz_single_cont .tz_flex{flex-wrap: wrap;}
    .tz_single_cont .tz_flex img{
    	width: 100%; height: auto; object-fit: contain;
    }
    .side_padd{
    	padding-right: 15px !important;
    	padding-left: 15px !important;
    }
}
@media(max-width: 768px){
	.bg_3_img{
		background-position: right top, 0% 30%, 75% 50%;
        background-size: 20%, 20%, cover;
    }
    .icon_spac .vc_single_image-wrapper {padding-left: 125px !important;}
    .top_space{padding-top: 60px;}
    h2{font-size: 50px !important;}
    #block-9 .wp-block-columns {flex-direction: column-reverse; gap: 5px;}
    #block-9 .wp-block-column .has-text-align-right{text-align: left;}
    .footer #block-8{padding-bottom: 0px !important;}
    .footer #block-9 p{text-align: left;}
    .aktuelles_banner, .die_banner{background-size: 10%, 40%, 20%, cover;}
    .pdf_banner {background-size: 10%, 40%, cover;}
    .side_padd{background-size: 17%, 37%;}
    .pdf_banner .banner_inner .wpb_wrapper{flex-wrap: wrap;}
    .spenden {background-size: 10%, 40%, 10%, cover;}
    .kontakt {background-size: 10%, 40%, 17%, cover;}
}
@media(max-width: 590px){
	.tea-pot {
	background-size: 29%;
	background-position: 0% 38%;
}
    .aktuelles_banner, .die_banner{background-size: 17%, 50%, 20%, cover;}
    .pdf_banner {background-size: 17%, 50%, cover;}
    .side_padd{background-size: 17%, 37%;}
    .spenden{background-size: 17%, 50%, 10%, cover;}
    .kontakt {background-size: 17%, 50%, 20%, cover;}	
}
@media(max-width: 560px){
    .brand a img{width: 300px;}
    .tz_post {background-position: 0% 7%, 100% 8%;}
}
@media(max-width: 517px){
    .icon_spac .vc_single_image-wrapper {padding-left: 69px !important;}
    .bg_3_img .vc_custom_heading {padding-left: 50px !important;}
}
@media(max-width: 455px){
    .icon_spac .vc_single_image-wrapper {padding-left: 100px !important;}
    .bg_3_img .vc_custom_heading {padding-left: 14px !important;}
    .bg_3_img{background-position: right top, 0% 50%, center center;}
}
@media(max-width: 415px){
    .brand a img{width: 200px;}
}
@media (min-width: 500px) and (max-width: 900px){

}

@media (min-width: 280px) and (max-width: 500px){

}
@media (min-width: 370px) and (max-width: 380px){

}
@media (min-width: 380px) and (max-width: 420px){

}
@media (min-width: 380px) and (max-width: 400px){

}
@media (min-width: 768px) and (max-width: 800px){

}
@media (min-width: 800px) and (max-width: 850px){


}
@media (min-width: 768px) and (max-width: 900px){

}