/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* Haupt-CSS-Datei (style.css) */
@import url("logo-slider.css");
@import url("ken-burns-effekt.css");
@import url("headlines.css");
@import url("buttons.css");
@import url("header-topbar.css");
@import url("footer.css");
@import url("accordion.css");
@import url("background.css");
@import url("gardient.css");
@import url("mediaqueries.css");
@import url("google-rezension.css");
@import url("schwettmann-gravityforms.css");

/* Allgemein */

.multiply img{
    mix-blend-mode: multiply !important;
}

/*********************************************************/
/***************** MARGIN BOTTOM DELETE ******************/
/*********************************************************/
.p-margin-delete p,
.p-margin-delete h1,
.p-margin-delete h2,
.p-margin-delete h3,
.p-margin-delete h4,
.p-margin-delete h5,
.p-margin-delete h6,
.padding-bottom-delete .col,
.section.padding-bottom-delete,
.icon-box.featured-box.icon-box-center.text-center .icon-box-img, .section.section-bottom-delete{
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.section.padding-bottom-delete-test,
.section.padding-bottom-delete-test .col.small-12.large-12{
	padding-bottom: 0 !important;
}

.box-bounce .box-text {
    padding: 15px 15px 0px;
}

.button, button, fieldset, input, select, textarea {
    margin-bottom: 0em;
}

.wpcf7-form div{
    padding: 0;
}

.portfolio-single-page  .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}

.box-text .button {
    margin-bottom: 0 !important;
}

.portfolio-single-page .portfolio-summary.entry-summary{
	display: none;
}


/*********************************************************/
/************************* TEXT **************************/
/*********************************************************/
.text p{
    color: var(--fs-color-base) !important;
}

.dark .text p{
    color: #fff !important;
}

.primary-color.text p{
    color: var(--fs-color-primary) !important;
}

.secondary-color.text p{
    color: var(--fs-color-secondary) !important;
}




/**********************************************/
/***************** NEWS-GRID ******************/
/**********************************************/
.news-divider .box-blog-post .is-divider{
	background: var(--fs-color-secondary) !important;
}

.box-blog-post:hover .badge.post-date .badge-inner{
	background-color: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
    color: #fff;
}



/******************************************/
/***************** Steps ******************/
/******************************************/
.step-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50%;
    width: 200%;
    height: 300px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to top, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 60px 60px;
    transform: perspective(800px) rotateX(60deg);
    transform-origin: bottom center;
    z-index: 0;
}





/******************************************/
/***************** ICON *******************/
/*****************************************
.icon-box-img svg path{
    fill: var(--fs-color-secondary) !important;
}

.icon-box.primary-color .icon-box-img svg path{
    fill: var(--fs-color-primary) !important;
}

.col-inner.dark .icon-box-img svg, 
.col-inner.dark .icon-box-img svg path, 
.icon-box.icon-white .icon-box-img svg path,
.col-inner.dark .icon-white .icon-box-img svg path{
    fill: #fff !important;
}

.icon-box-img svg,
.icon-box-img svg path,
.col-inner.dark .secondary-color .icon-box-img svg,
.col-inner.dark .secondary-color .icon-box-img svg path,
.col-inner.dark .icon-box-img svg path{
    fill: var(--fs-color-secondary) !important;
}
*/

.icon-box.icon-box-zentrieren{
	width: max-content;
}


/******************************************/
/***************** ICON *******************/
/******************************************/
.icon-box-img svg path{
    fill: var(--fs-color-secondary) !important;
}

.icon-box.primary-color .icon-box-img svg path{
    fill: var(--fs-color-primary) !important;
}

.col-inner.dark .icon-box-img svg, 
.col-inner.dark .icon-box-img svg path, 
.icon-box.icon-white .icon-box-img svg path,
.col-inner.dark .icon-white .icon-box-img svg path{
    fill: #fff !important;
}

.icon-box-img svg,
.icon-box-img svg path,
.col-inner.dark .secondary-color .icon-box-img svg,
.col-inner.dark .secondary-color .icon-box-img svg path,
.col-inner.dark .icon-box-img svg path{
    fill: var(--fs-color-secondary) !important;
}

.icon-box.icon-box-zentrieren{
    width: max-content;
}

.icon-bg-secondary-color.icon-absolute .icon-inner{
    width: 80px;
    height: 80px;
    padding: 15px;
    background: var(--fs-color-primary) !important; 
    background-color: var(--fs-color-primary) !important;
    border-radius: 50%;
    margin: 0;
}

.icon-bg-secondary-color.icon-absolute {
    float: right;
    text-align: right;
    position: relative;
    right: -45px;
    top: -10px;
}


.icon-box.featured-box.step-round .icon-box-text h5{
    font-size: 1.5em;
    background: var(--fs-color-secondary);
    color: #fff !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25em !important; 
    margin-bottom: 15px;
}