/*
Theme Name: Page Builder Framework Child
Theme URI: https://wp-pagebuilderframework.com
Template: page-builder-framework
Author: David Vongries
Author URI: https://mapsteps.com
Description: Page Builder Framework is a super fast, lightweight (less than 50kb on the frontend) and highly customizible WordPress theme made to work with all page builders such as Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, Thrive Architect, Brizy and more. It can be daunting to look for the perfect theme to pair with the page builder you love. Page Builder Framework is the only theme that has been specifically created for Page Builders. It has been written from ground up with SEO in mind, is 100% Gutenberg compatible and follows the latest web standards (HTML5 and schema.org markup). With its minimalistic approach and lots of customization options in the WordPress customizer, it enables you to build almost any type of website such as a Blog, Portfolio website, Agency website or WooCommerce storefront. Agency owners and Developers love Page Builder Framework for its flexibility and extendability when it comes to building outstanding client websites. If you’re not a coder, don’t worry! With endless options in the WordPress customizer it’s the perfect fit for users at any skill level. Are you using a Page Builder and still looking for the perfect theme? Look no further.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-colors,custom-menu,featured-images,full-width-template,custom-logo,custom-background,threaded-comments,translation-ready,blog,news,e-commerce,theme-options,block-styles,wide-blocks
Version: 2.5.12.1610113252
Updated: 2021-01-08 14:40:52

*/

/** FKFL - Seite 'Kostenlos' - Popup - Newsletter Signup - Checkbox mit mehr Abstand zum Textfeld und Textfarbe lesbarer machen **/
form#newslettersignup > input#z5W3x1yNsb {
	margin-top: 20px;
	margin-right: 10px;
}
form#newslettersignup > label {
	font-size: 15px;
	font-weight: 600;
	color: #111;
}

/** FKFL - 4Leads-Formular transparent **/
div.fl-form.loaded > iframe {
	background-color:transparent!important;
}

/* Neues Blog Design*/

li.pp-breadcrumbs-item.pp-breadcrumbs-item-current.pp-breadcrumbs-item-9116 {
    text-align: center;
}

.intro-text {
    font-size: clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 0.625)), 24px);
    font-family: 'Catamaran';
	line-height: 1.5;
}

.h2-new h2 {
    font-weight: 500!important;
    font-size: clamp(28px, calc(1.75rem + ((1vw - 4.2px) * 2.7586)), 44px);
    font-family: 'Catamaran'!important;
}

.h3-new h3 {
    font-weight: 500!important;
    font-size: clamp(24px, calc(1.5rem + ((1vw - 4.2px) * 1.5517)), 33px);
    font-family: 'Catamaran'!important;
}

.h4-new h4 {
    font-weight: 500!important;
    font-size: clamp(20px, calc(1.25rem + ((1vw - 4.2px) * 1.0345)), 26px);

    font-family: 'Catamaran'!important;
}

.ul-blue-style ul {
  list-style: none;
}

.ul-blue-style ul li::before {
  content: "\2022";
  color: #2699FB;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* @media (min-width: 1025px) {
	.negativ-margin { margin-top: -120px!important; margin-bottom:20px!important; }
} */

.blogpost-wrapper {
    border-top-left-radius: 20px;
    overflow: hidden;
    border-top-right-radius: 20px;
}

/* .blogpost-wrapper > div {
    padding: clamp(30px, calc(1.875rem + ((1vw - 4.2px) * 6.8966)), 70px)  clamp(15px, calc(0.9375rem + ((1vw - 4.2px) * 12.931)), 90px)!important;
} */

/* Newsletter neues Design */

a.nl-link {
    color: #fff;
    text-decoration: underline;
}

form.nl-form {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

input.nl-email {
    max-width: 250px;
    margin-right: 25px;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Catamaran';
    font-weight: 700;
    padding: 12px 24px;

}

button.nl-btn {
    background-color: #FC6E4F;
    padding: 10px 24px;
    color: #fff;
	font-size: 14px;
    font-family: 'Catamaran';
    font-weight: 700;
    border-radius: 5px;
    border: 2px solid #fff;
	cursor: pointer;
	transition: 0.3s;
}

button.nl-btn:hover {
    background-color: #F34C28;
  }

@media only screen and (max-width: 640px) {
	input.nl-email {
		margin-bottom: 12px;
}
}

/** Start Envato Elements CSS: Blocks (143-3-7969bb877702491bc5ca272e536ada9d) **/

.envato-block__preview{overflow: visible;}
/* Material Button Click Effect */
.envato-kit-140-material-hit .menu-item a,
.envato-kit-140-material-button .elementor-button{
  background-position: center;
  transition: background 0.8s;
}
.envato-kit-140-material-hit .menu-item a:hover,
.envato-kit-140-material-button .elementor-button:hover{
  background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
}
.envato-kit-140-material-hit .menu-item a:active,
.envato-kit-140-material-button .elementor-button:active{
  background-color: #FFF;
  background-size: 100%;
  transition: background 0s;
}

/* Field Shadow */
.envato-kit-140-big-shadow-form .elementor-field-textual{
	box-shadow: 0 20px 30px rgba(0,0,0, .05);
}

/* FAQ */
.envato-kit-140-faq .elementor-accordion .elementor-accordion-item{
	border-width: 0 0 1px !important;
}

/* Scrollable Columns */
.envato-kit-140-scrollable{
	 height: 100%;
   overflow: auto;
   overflow-x: hidden;
}

/* ImageBox: No Space */
.envato-kit-140-imagebox-nospace:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}
.envato-kit-140-imagebox-nospace figure{
	line-height: 0;
}

.envato-kit-140-slide .elementor-slide-content{
	background: #FFF;
	margin-left: -60px;
	padding: 1em;
}
.envato-kit-140-carousel .slick-active:not(.slick-current)  img{
	padding: 20px !important;
	transition: all .9s;
}

/** End Envato Elements CSS: Blocks (143-3-7969bb877702491bc5ca272e536ada9d) **/

/* Tooltip */

a.wpg-linkify.wpg-tooltip.tooltipstered {
    position: relative;
    padding-right: 18px;
}

a.wpg-linkify.wpg-tooltip.tooltipstered::after {
    content: '?';
    position: absolute;
    display: flex;
    right: -2px;
    top: -4px;
    font-size: 10px;
    background-color: rgb(91 174 218);
    border-radius: 50%;
    color: #fff;
    height: 17px;
    width: 17px;
    justify-content: center;
    align-items: center;
}
*[data-toggle=true] p.toggle {
	cursor: pointer;
	color: #0081c6;
}
*[data-toggle=true]:not(.show-all) .elementor-text-editor > *:nth-child(n+2):not(.toggle) {
	display: none;
}

/* Footer */

.no-p-margin p {
    margin: 0;
}

.footer-menu li::after {
    content: "|";
    position: absolute;
    right: -15px;
    top: 0;
    color: #fff;
}

.footer-menu li:last-child::after {
    display: none;
}
