/*
Theme Name: INCREON GmbH
Description: INCREON GmbH
Author: INCREON GmbH
Author URI: https://increon.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* base essential elements ------------------------------------------ */


::-moz-selection {
  background-color: #900;
  color: #fff;
}

::-moz-selection {
  background-color: #900;
  color: #fff;
}

::selection {
  background-color: #900;
  color: #fff;
}

::-moz-selection {
  background-color: #900;
  color: #fff;
}

:root {
	--colorone:#b70d18;  /*red*/
	--colortwo:#3e5c6d;  /*darkblue*/
	--colorthree:#93b1c2; /*blue*/
	--colorfour:#e9eff3;  /*lightblue*/
	--colorfive:#bed0da;  /*midblue1*/
	--colorsix:#5c060c; /*darkred*/
	--colorseven:#2c475b; /*darkerblue*/
	--coloreight:#1f2e36; /*textcolor*/

	--defaultspace:30px;
	--standardspace:30px;
	--doublespace:50px;
	--halfspace:20px;
}

body {
  font-size: 16px !important;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 2560px;

 }

 
 #wrapper .fusion-logo img {
	 width: 150px;
 }
 
.post-content p,
p {
	margin-bottom: var(--halfspace);
}

#wrapper .fusion-layout-column {
	margin-bottom: 0px;
}

#wrapper #main .fullwidth-box.smallertext .fusion-row {
	    max-width: 55em;
    margin-left: auto;
    margin-right: auto;
}


.fusion-text ul,
.content-container ul {
	list-style: none;
	padding-inline-start: 25px;
	margin-block-start: 0em;
}

.fusion-text li,
.content-container li{
	margin-bottom: 0.4em;
}


.fusion-text ul li::before,
.content-container ul li::before {
	content: "\25AA";
	color: var(--colorone); /* Change the color */
	display: inline-block;
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.fusion-text a::after {
	content: "\203A";
	color: var(--colorone); /* Change the color */
	display: inline-block;
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: 0.5em; /* Also needed for space (tweak if needed) */
	
}



/* header ------------------------------------------ */

#wrapper .fusion-page-title-bar,
#kks-header {
	height: 280px;
	background-position: center bottom;
}


body.page-child #wrapper .fusion-page-title-bar,
#kks-header-small {
	height: 200px;
	background-position: center bottom;
}

body.home #wrapper .fusion-page-title-bar {
		height: 0px;
}

body.home #kks-header-small,
body.home #kks-header, 
body.home #kks-header-small .fusion-row::after, 
body.home #kks-header .fusion-row::after {
	display: none;
}


#kks-header-small .fusion-row::after,
#kks-header .fusion-row::after {
	background: -webkit-linear-gradient(top, rgba(147,177,194,1) 50%,rgba(147,177,194,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(top, rgba(147,177,194,1) 50%, rgba(147,177,194,0) 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, rgba(147,177,194,1) 50%,rgba(147,177,194,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	height: 120px;
	content: "";
	position: absolute;
    top: -2px;
	
}

/* related content ------------------------------------------ */

#wrapper .kks-related-container {
	margin-top: var(--standardspace);
}


#wrapper .kks-related-container>.fusion-builder-row.fusion-row,
#wrapper .kks-related-container,
#wrapper .kks-related-box {
	background-color: var(--colorfour);
    padding: var(--defaultspace) !important;
}


#wrapper .kks-related-container a.kks-related-link,
#wrapper .kks-related-box a.kks-related-link {
	background-color: rgba(255,255,255,0);
	padding: 7px 0px;
	width:100%;
	margin-bottom: 10px;
	text-align: left;
}


#wrapper .kks-related-container a.kks-related-link i, 
#wrapper .kks-related-box a.kks-related-link i {
	color: var(--colorone);
}


#wrapper a.kks-related-link span {
		color: var(--coloreight);
		font-size: 1em;
}


#wrapper .kks-related-container a.kks-related-link:hover span,
#wrapper .kks-related-container a.kks-related-link:hover i
#wrapper .kks-related-box a.kks-related-link:hover span,
#wrapper .kks-related-box a.kks-related-link:hover i {
	background-color: rgba(255,255,255,0);
	color: var(--colorone);
}


/* focus box ------------------------------------------ */

.kks-focus {
	margin-top: var(--standardspace) !important;
	margin-bottom: var(--standardspace) !important;
	background: var(--colorfour);
}

.kks-related {
	background: #FFF;
	margin-bottom: var(--standardspace) !important;
}

.kks-focus .fusion-imageframe,
.kks-related .fusion-imageframe {
	width: 100%;
}

.kks-focus .fusion-imageframe img,
.kks-related .fusion-imageframe img {
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	max-width: 960px;
    margin-left: auto;
    margin-right: auto;
	height: 160px;
}


.kks-focus h3,
.kks-related h3 {
	margin-top: 0 !important;
	margin-bottom: 0.2em;
}



/* fullwidth container ------------------------------------------ */


.kks-fullwidth-container {
	padding: 0!important;
	margin-top: var(--standardspace) !important;
	margin-bottom: var(--standardspace) !important;
} 

.kks-fullwidth-container .kks-fullwidth .fusion-builder-row { 
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    }
	

.kks-fullwidth-container .kks-fullwidth .fusion-builder-row .box {
	    order: 1;
}

.kks-fullwidth-container .kks-fullwidth .fusion-builder-row .order2 {
	    order: 2;
}


.kks-fullwidth-container .kks-fullwidth .fusion-imageframe {
	margin-bottom: 0;
}

.kks-fullwidth-container .kks-fullwidth .fusion-imageframe img {
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	max-width: 960px;
    margin-left: auto;
    margin-right: auto;
	height: min-content;
}
	
/* area and box ------------------------------------------ */

#wrapper .area {
	padding: var(--standardspace)  var(--defaultspace);
	margin-top: var(--doublespace);
	margin-bottom: var(--standardspace);	
}

#wrapper .box .fusion-column-wrapper {
	padding: var(--halfspace) var(--standardspace) !important;

}



/* footer ------------------------------------------ */

#kks-footer {
	padding: var(--standardspace)  var(--defaultspace);
	margin-top: var(--standardspace);
	margin-bottom: 0;	
}



/* buttons ------------------------------------------ */

#wrapper .fusion-button {
	font-size: 1em;
}

#wrapper .fusion-button.button-small {
	font-size: 0.8em;
}

.fusion-button-wrapper {
	margin-bottom: var(--halfspace);
}


#wrapper .area  .button-box .fusion-column-wrapper,
#kks-footer .button-box .fusion-column-wrapper{
	 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    }
	

#wrapper .area .button-box .fusion-column-wrapper .fusion-button-wrapper,
#kks-footer  .button-box .fusion-column-wrapper .fusion-button-wrapper {
    flex: 0 1 45%;
    align-self: auto;
	text-align: center;
	padding: 0 20px;
}


.button.colorthree {
	background-color: var(--colortwo);
	border: 0px solid #FFF;
	color: #FFF;
}

.button.colorthree:hover  {
	background-color: var(--colorseven);
}

.button.colorone  {
	background-color: var(--colorone);
	border: 0px solid #FFF;
	color: #FFF;
}

.button.colorone:hover  {
	background-color: var(--colorsix);
}



/* images ------------------------------------------ */


.fusion-imageframe {
	margin-bottom: 1.2em;
}

.fusion-imageframe.image-align-left {
    max-width: 100%;
    margin: 0 0 1.2em 0;
}

.fusion-imageframe.image-align-right {
   max-width: 100%;
    margin: 0 0 1.2em 0;
}


/* menu/nav ------------------------------------------ */


#wrapper .fusion-main-menu ul.fusion-middle-logo-ul li.kks-menu,
#wrapper .fusion-main-menu ul.fusion-middle-logo-ul li.fusion-main-menu-search {
width: 11%}


#wrapper .fusion-main-menu>ul>li.current-menu-ancestor>a,
#wrapper .fusion-main-menu>ul>li.current-menu-item>a,
#wrapper .fusion-main-menu>ul>li.current-page-item>a  {
	background-color: rgba(255,255,255,0);
}

#wrapper .fusion-main-menu>ul>li.current-menu-ancestor>a:hover,
#wrapper .fusion-main-menu>ul>li.current-menu-item>a:hover,
#wrapper .fusion-main-menu>ul>li.current-page-item>a:hover {
	background-color: rgba(255,255,255,1);
}

#wrapper .fusion-megamenu-holder {
	min-width: 500px;
	width: auto !important;
}

#wrapper .fusion-megamenu-submenu {
	min-width:250px;
}

.fusion-megamenu-title {
	height: 1px;
}

.fusion-megamenu-bullet {
	display: none;
}

#wrapper .fusion-main-menu ul.sub-menu li a:hover {
	color: var(--colorone);
}


#kks-submenu nav ul li a {
	color: var(--colorthree);
    padding-left: 6px;
    padding-right: 6px;
}

#kks-submenu nav ul li {
	margin-right: 25px;
}

#kks-submenu nav ul li:last-child {
	margin-right: 0px;
}


#kks-submenu nav ul li a:hover,
#kks-submenu nav ul li.current-menu-item a {
	color: var(--colorone) !important;
		border-bottom: 3px solid var(--colorone)
}


#kks-submenu nav ul li a:hover span,
#kks-submenu nav ul li.current-menu-item a span {
	border-bottom: 3px solid var(--colorone);
}





/* background colors ------------------------------------------ */

.darkback.colorone {
	background-color: var(--colorone) !important;
}

.darkback.colortwo {
	background-color: var(--colortwo) !important;
}

.darkback.colorthree {
	background-color: var(--colorthree) !important;
}

.lightback.colorthree {
	background-color: var(--colorthree) !important;
}

.lightback.colorfour {
	background-color: var(--colorfour) !important;
}

.lightback.colorfive {
	background-color: var(--colorfive) !important;
}

.darkback.colorseven {
	background-color: var(--colorseven) !important;
}

.whiteback {
	background-color: #FFF !important;
}


/* text colors ------------------------------------------ */

.darkback,
.darkback h2,
.darkback h3,
.darkback h4,
.darkback p,
.darkback a,
.darkback a:hover,
.darkback .fusion-text ul li::before{
	color: #FFF !important;
}

.lightback,
.lightback h2,
.lightback h3,
.lightback h4,
.lightback p,
.lightback a,
.lightback a:hover,
.lightback .fusion-text ul li::before{
	color: var(--coloreight) !important;
}

.text.colorone,
.text.colorone h2,
.text.colorone h3 {
	color: var(--colorone) !important;
}

.text.colortwo,
.text.colortwo h2,
.text.colortwo h3  {
	color: var(--colortwo) !important;
}

.text.colorthree,
.text.colorthree h2,
.text.colorthree h3  {
	color: var(--colorthree) !important;
}




/* helpers START */

.fullwidth {
  width: 100%;
}

.fullheight {
  height: 100%;
}

.halfwidth {
  width: 50%;
}

.hide {
  display: none !important;
}

.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-top h1,
.no-margin-top h2,
.no-margin-top h3,
.no-margin-top h4 {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.standard-margin-top {
	margin-top: var(--standardspace) !important;
}

.standard-margin-bottom {
	margin-bottom: var(--standardspace) !important;
}

.standard-margin-left {
	margin-left: var(--standardspace) !important;
}

.standard-margin-right {
	margin-right: var(--standardspace) !important;
}

.double-margin-top {
	margin-top: var(--doublespace) !important;
}

.double-margin-bottom {
	margin-bottom: var(--doublespace) !important;
}

.half-margin-top {
	margin-top: var(--halfspace) !important;
}

.half-margin-bottom {
	margin-bottom: var(--halfspace) !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}


.standard-padding-top {
  padding-top: var(--standardspace) !important;
}

.standard-padding-bottom {
  padding-bottom: var(--standardspace) !important;
}

.double-padding-top {
  padding-top: var(--doublespace) !important;
}

.double-padding-bottom {
  padding-bottom: var(--doublespace) !important;
}

.no-hyphenate {
  word-wrap: normal;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}
/* helpers END */



	
/* footer: privacy notice START */
.fusion-privacy-bar {
  line-height: 1.2;
}

.fusion-privacy-bar .fusion-privacy-bar-main {
  -ms-flex-direction: column;
      -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.fusion-privacy-bar a.fusion-button,
.fusion-privacy-bar .fusion-privacy-bar-main .fusion-privacy-bar-acceptance {
	margin: 8px;
  padding: 17px 26px;
  font-size: 12px;
  line-height: 14px;
}

.fusion-privacy-bar a:not(.fusion-button) {
  display: inline-block;
  height: 48px;
  margin: 1em;
  line-height: 48px;
}

.increon-privacy-bar-link {
  margin-right: 15px;
  margin-left: 15px;
}

.fusion-privacy-bar-learn-more {
  float: right;
}

.fusion-privacy-bar .fusion-privacy-bar-full .fusion-privacy-choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          -webkit-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
          justify-content: space-around;
  -ms-flex-line-pack: stretch;
      -webkit-align-content: stretch;
          align-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          -webkit-align-items: flex-start;
          align-items: flex-start;
}

.fusion-privacy-bar-full .fusion-columns .fusion-column:last-child {
  margin: 0;
}

.fusion-privacy-bar .fusion-privacy-bar-full {
  font-size: 12px!important;
  line-height: 1.1;
}
/* footer: privacy notice END */




/* media queries START */
/*-------------------------------------------------------------------------------------------*/

/* landscape sized ca. 640px */
@media only screen and (min-width: 40em) {
	

	
#kks-header-small .fusion-row::after,
#kks-header .fusion-row::after {
	background: -webkit-linear-gradient(top, rgba(147,177,194,1) 50%,rgba(147,177,194,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(top, rgba(147,177,194,1) 50%, rgba(147,177,194,0) 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, rgba(147,177,194,1) 50%,rgba(147,177,194,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	height: 150px;
	content: "";
	position: absolute;
    top: -2px;
	
}

.fusion-imageframe.image-align-left {
    max-width: 50%;
    float: left;
    margin: 0 1.4em .7em 0;
}

	
.fusion-imageframe.image-align-right {
    max-width: 50%;
	float: right;
	margin: 0 0 .7em 1.4em ;
}
	


	

  /* footer: privacy notice START */
	.fusion-privacy-bar a.fusion-button {
		margin: 2em 0 1em 0;
	}
  /* footer: privacy notice END */

}

/*-------------------------------------------------------------------------------------------*/

/* mid size browser windows ca. 960px */
@media only screen and (min-width: 60em) {




#wrapper .fusion-page-title-bar,
#kks-header {
	height: 450px;
	background-position: center bottom;
}

body.page-child #wrapper .fusion-page-title-bar,
#kks-header-small {
	height: 370px;
	background-position: center bottom;
}
 


.kks-fullwidth-container .kks-fullwidth .fusion-builder-row .box,
.kks-fullwidth-container .kks-fullwidth .fusion-builder-row .order2 {
	    order: 0;
}


#wrapper .area .button-box .fusion-column-wrapper .fusion-button-wrapper,
#kks-footer  .button-box .fusion-column-wrapper .fusion-button-wrapper {
    flex: 0 1 30%;
}


.kks-focus .fusion-imageframe img {
	height: auto;
}

.kks-focus.morecolumns .fusion-imageframe img {
	height: 200px;
}

.kks-related {
	margin-bottom: 0 !important;
}






  /* footer: privacy notice START */
  #wrapper ~ .fusion-privacy-bar {
    padding-bottom: 2em;
  }

  .fusion-privacy-bar .fusion-privacy-bar-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
  }

	.fusion-privacy-bar a.fusion-button,
	.fusion-privacy-bar .fusion-privacy-bar-main .fusion-privacy-bar-acceptance {
		margin: 0 0 0 30px;
		padding: 8px 20px;
	}

  .fusion-privacy-bar a:not(.fusion-button) {
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
		line-height: 1.2;
  }

  .fusion-privacy-bar .fusion-privacy-bar-full .fusion-privacy-choices {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
  }
  /* footer: privacy notice END */

}


/*-------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {





	
body.fusion-body .fusion-secondary-header .fusion-alignright>* {
    float: right !important;
}






}


/*-------------------------------------------------------------------------------------------*/

/* big size browser windows ca. 1280px */
@media only screen and (min-width: 80em) {

:root {

	--standardspace:2.5em;
	--doublespace:5em;
	--halfspace:1.25em;
}

#wrapper .fusion-main-menu ul.fusion-middle-logo-ul li.fusion-middle-logo-menu-logo.fusion-logo {
	width: 12%;
	padding: 0 20px;
}



  /* footer: privacy notice START */
  body .fusion-privacy-bar .fusion-privacy-bar-main,
  .fusion-privacy-bar .fusion-privacy-bar-full {
    max-width: 1280px;
  }
  /* footer: privacy notice END */

}

/*-------------------------------------------------------------------------------------------*/

/* super wide size browser windows ca. 1600px */
@media only screen and (min-width: 100em) {



}

/*-------------------------------------------------------------------------------------------*/

/* super wide size browser windows ca. 1920px */
@media only screen and (min-width: 120em) {

 

}

/*-------------------------------------------------------------------------------------------*/
/* media queries END */