/*======================================
Theme Name: treecomm childtheme
Description: treecomm theme
Version: 1.0
Author: MULTIVISIO
Author URI: https://www.multivisio.de/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

@import url("/wp-content/themes/treecomm-theme/fontawesome/css/all.css");
@font-face {
    font-family: AlwynNewTh;
   /*font-weight: bold;
	src: url("/wp-content/themes/treecomm-theme/fonts/Fontspring-DEMO-AlwynNew-Th.otf") format("opentype");*/
	  src:  url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Th-webfont.woff2') format('woff2'),
      url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Th-webfont.woff') format('woff');
	
	
}
@font-face {
    font-family: AlwynNewRg;
   /*font-weight: bold;
	src: url("/wp-content/themes/treecomm-theme/fonts/Fontspring-DEMO-AlwynNew-Rg.otf") format("opentype");*/
	  src:  url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Rg-webfont.woff2') format('woff2'),
      url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Rg-webfont.woff') format('woff');
}
@font-face {
    font-family: AlwynNewMd;
   /*font-weight: bold;
	src: url("/wp-content/themes/treecomm-theme/fonts/Fontspring-DEMO-AlwynNew-Md.otf") format("opentype");*/
	  src:  url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Md-webfont.woff2') format('woff2'),
      url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Md-webfont.woff') format('woff');
}
@font-face {
    font-family: AlwynNewBd;
   /*font-weight: bold;
	src: url("/wp-content/themes/treecomm-theme/fonts/Fontspring-DEMO-AlwynNew-Bd.otf") format("opentype");*/
	  src:  url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Bd-webfont.woff2') format('woff2'),
      url('/wp-content/themes/treecomm-theme/fonts/AlwynNew-Bd-webfont.woff') format('woff');
}

:root {
  --akzentfarbe: #009900;
	--petrol: #204d52;
	--mint: #b4f6d0;
	--gelb: #f5fa9b;
	--flieder: #bfd2e9;
	--hellblau: #d1f6ff;
	--weiss: #ffffff;
}



.featurelist {
	background-image: url("/wp-content/themes/treecomm-theme/media/zitatStart@3x.png"), url("/wp-content/themes/treecomm-theme/media/zitatEnd@3x.png");
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	background-size: 50px, 50px;
}

.featurelistDark {
	background-image: url("/wp-content/themes/treecomm-theme/media/zitatStartDark@3x.png"), url("/wp-content/themes/treecomm-theme/media/zitatEndDark@3x.png");
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	background-size: 50px, 50px;
}
@media (max-width: 990px){
	.featurelist > div > div > div > ul > li{
		width:80%;
		hyphens:auto;
		padding:5px;
	}
	.featurelistDark > div > div > div > ul > li{
		width:80%;
		hyphens:auto;
		padding:5px;
	}
}

/*colorscheme 1 mint auf petrol*/
.cs1, .cs1 h1, .cs1 h2 , .cs1 h3, .cs1 p, .cs1 a, .cs1.button1 {
	color: var(--mint);
	background-color: var(--petrol);
}
.cs1 .element-bubbletext p,.cs1.button1:hover { /*inevrtierte bubbles*/
	color: var(--petrol);
	background-color: var(--mint);
	  transition: 0.3s;

}

/*colorscheme 2 petrol auf gelb*/
.cs2, .cs2 h1, .cs2 h2,  .cs2 h3, .cs2 p, .cs2 a, .cs2.button1  {
	color: var(--petrol);
	background-color: var(--gelb);
}
.cs2 .element-bubbletext p,.cs2.button1:hover  { /*inevrtierte bubbles*/
	color: var(--gelb);
	background-color: var(--petrol);
	  transition: 0.3s;

}

/*colorscheme 3 petrol auf flieder*/
.cs3, .cs3 h1, .cs3 h2, .cs3 h3, .cs3 p, .cs3 a, .cs3.button1  {
	color: var(--petrol);
	background-color: var(--flieder);
}
.cs3 .element-bubbletext p,.cs3.button1:hover  { /*inevrtierte bubbles*/
	color: var(--flieder);
	background-color: var(--petrol);
	  transition: 0.3s;

}

/*colorscheme 4 petrol auf hellblau*/
.cs4, .cs4 h1, .cs4 h2, .cs4 h3, .cs4 p, .cs4 a, .cs4.button1{
	color: var(--petrol);
	background-color: var(--hellblau);
}
.cs4 .element-bubbletext p,.cs4.button1:hover  { /*inevrtierte bubbles*/
	color: var(--hellblau);
	background-color: var(--petrol);
	  transition: 0.3s;

}

/*colorscheme 5 petrol auf mint*/
.cs5, .cs5 h1, .cs5 h2, .cs5 h3, .cs5 p, .cs5 a, .cs5.button1 {
	color: var(--petrol);
	background-color: var(--mint);
}
.cs5 .element-bubbletext p,.cs5.button1:hover  { /*inevrtierte bubbles*/
	color: var(--mint);
	background-color: var(--petrol);
	  transition: 0.3s;
}


.minthoverline:hover{
		outline: 2px var(--mint) solid;
}
.gelbhoverline:hover{
		outline: 2px var(--gelb) solid;
}
.fliederhoverline:hover{
		outline: 2px var(--flieder) solid;
}
.hellblauhoverline:hover{
		outline: 2px var(--hellblau) solid;
}
.petrolhoverline:hover{
		outline: 2px var(--petrol) solid;
}


.footertext {
	text-align: right;
	font-size: 14px!important;
}



.imageoverline{
	height:5px;
	width:100%;
	background-image: url("/wp-content/uploads/2022/11/LY_SHE_2022_TREECOMM_22112869a.jpg");
	background-position: bottom, center;
	background-repeat: no-repeat;
  	background-size: cover;
	margin-bottom:50px;
}

.centerFlex {
	display:flex;
	align-items: center;
  	-webkit-flex-flow: row wrap;
  	justify-content: space-around;

}
@media (min-width: 990px){
	.centerFlex > div{
	width:100%;
	}
}


.bottomRightFlex{
	display:flex;
	align-items: flex-end;
}

.io1{
	background-image: url("/wp-content/uploads/2022/11/LY_SHE_2022_TREECOMM_22112869a.jpg");
	background-color: #cccccc;
}

.io2{
	background-image: url("/wp-content/uploads/2022/11/LY_SHE_2022_TREECOMM_22112869c.jpg");
}
body, p {

	font-family: AlwynNewTh, sans-serif;
	font-weight: 100;
	font-style: normal;

}

h1, h2, h3, h4, b {
	hyphens: auto;
	hyphenate-limit-chars: auto 6;
	font-family: AlwynNewTh, sans-serif;
	font-weight: 100;
}
h1 span, h2 span, h3 span, strong {
	font-family: AlwynNewMd, sans-serif;
	font-weight: 400;
}
/**/
.et_pb_text_inner li {
    font-size: 22px;
    line-height: 120%;
    padding-bottom: 10px;
    list-style-type: none;
	width:38%;
	margin-left:11%;
	float:left;
}


h1 {
	font-size:40px!important;
	line-height:110%;
}

h2 {
	font-size:30px!important;
	line-height:110%;
}
p {
	font-size:18px!important;
	line-height:120%;
}

.overline{
	font-size:20px!important;	
	margin-bottom:30px;
}

.centerPos{
	text-align: center!important;
	
}


.button1 {
	margin-top:15px;
	margin-right:10px;
	/*	*/
	background-color: #b4f6d0;
	color: #204d52;

	padding: 2px 20px 2px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	border-radius: 50px;
	border: none;
}


.button1:hover {

}

.maskBubbleCaseLeft {

 -webkit-mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_bubble_complete_left.svg);
 -webkit-mask-repeat: no-repeat;    
-webkit-mask-size: contain;
mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_bubble_complete_left.svg);
 mask-repeat: no-repeat;    
mask-size: contain;

}

.maskBubbleCaseRight {

	-webkit-mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_bubble_complete_right.svg);
	-webkit-mask-repeat: no-repeat;    
	-webkit-mask-size: contain;
	mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_bubble_complete_right.svg);
	mask-repeat: no-repeat;    
	mask-size: contain;

}


.maskBubbleCutLeft {

	-webkit-mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_cut_left.svg);
	-webkit-mask-repeat: no-repeat;    
	-webkit-mask-size: 100%;
	-webkit-mask-position: left center;
	mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_cut_left.svg);
	mask-repeat: no-repeat;    
	mask-size: 100%;
	mask-position: left center;	

}

.maskBubbleCutRight {
	-webkit-mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_cut_right.svg);
	-webkit-mask-repeat: no-repeat;    
	-webkit-mask-size: 100%;
	-webkit-mask-position: right center;
	mask-image: url(/wp-content/themes/treecomm-theme/media/treecomm_cut_right.svg);
	mask-repeat: no-repeat;    
	mask-size: 100%;
	mask-position: right center;
}

.centerText{
	top:250px;
}
button{
	cursor:pointer!important;
}
#servicesBox{
	min-width:95%;
	/*background-color:lime;*/
}

.logo_helper {
    margin-left: 40px;
    margin-top: 10px;
}

.logos-flex-container {
	list-style-type: none!important;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;

    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.logos-flex-item {
    margin-top: 10px;
    text-align: center;
}
.ref-logo {
    margin: auto;
    display: block;
    height: 70px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}


#stickyContainer {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 30vh;
    align-items: end;
    filter: drop-shadow(2px 2px 10px rgba(32, 77, 82, 0.45));
    z-index: 900000 !important;
}

.stickyBox {
    display: flex;
    align-items: center;
    width: 60px;
    height: 60px;
    background: var(--mint);
    border-radius: 30px 0 0 30px;
    transition: all ease 0.3s;
    margin-bottom: 7px;
}

@keyframes pointer {
    0% {
        pointer-events: none;
    }
    50% {
        pointer-events: none;
    }
    100% {
        pointer-events: all;
    }
}
.stickyBox > a {
    pointer-events: none;
	background: unset;
	color: var(--petrol)!important;
}
.stickyBox:hover > a {
    animation: pointer 500ms;
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

.stickyBox.sb1:hover {
    width: 230px;
}

.stickyBox.sb2:hover {
    width: 250px;
}

.stickyBox > a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: white;
    margin: 0 1px;
    font-size: 20px;
}

.stickyBox > img {
    height: 34px;
    width: 34px;
    margin: 0 13px 0 13px;
}