/* POB 29.10.2025 - 09:36 */
:root {
	--sw-color-black: #000;
	--sw-color-white: #FDFDF8;
	--sw-color-white-transparent: rgba(253, 253, 248, 0.7);
	--sw-color-gray-dark: #222423;
	--sw-color-gray: #373939;
	--sw-color-gray-bright: #a1a1a1;
	--sw-color-gray-brighter: #e5e5e5;
	--sw-color-gray-brown: #887F6C;
	--sw-color-gold: #B09E59;
	--sw-color-gold-transparent: rgba(176, 158, 89, 0.75);
	--sw-color-gold-bright: #D9C476;
	--sw-color-gold-bright-transparent: rgba(217, 196, 118, 0.9);
	--sw-color-brown: #a45137;
	--sw-color-brown-dark: #943f25;
	--sw-color-blue: #4D5FAE;
	--sw-color-yellow: #FDF8CB;
	--sw-color-yellow-bright: #FEFCED;
	
	--sw-table-row-margin: 15px;
	--sw-table-details-margin: 20px;
}

::selection {
	/* background: #ffdd6a; */
}

body {
	background-color: var(--sw-color-black);
}

body .ff-boxed-wrapper {
	opacity: 1;
    background-image: url(https://fokus-empathie.com/wp-content/uploads/hintergrund-website-1920px-3.jpg);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: top center;
    background-size: cover;
}

a {
	/* avoid "all" or "visibility" due to flickering when using JS effects */
	transition: color 0.2s, background-color 0.2s, border-color 0.2s,  opacity 0.2s;
}
a:focus, a:hover {
	text-decoration: none;
}
.post-content .fg-paragraph a {
	border-bottom: 1px solid var(--sw-color-yellow-bright);
}
.post-content .fg-paragraph a:hover {
	border-color: var(--sw-color-yellow);
}

img:not(.woocommerce-product-gallery img) {
	pointer-events: none; /* Hides visual search icon in Edge */
}

.fg-paragraph p, .fg-paragraph ul, .fg-paragraph ol, .accordion-v1 .panel-body p, .accordion-v1 .panel-body ul, .accordion-v1 .panel-body ol {
	margin-bottom: 35px;
}
.accordion-v1 .panel-body div:last-of-type + p {
	margin-top: 15px;
}
label {
	font-weight: 400;
	margin-bottom: 3px;
	letter-spacing: 0.03em;
}
/*
.fg-paragraph p, .fg-paragraph li, .fg-heading, .fg-heading p, .fg-text-dark.fg-heading, .fg-text-dark.fg-heading p, h1>a, h2>a, h3>a, .panel-body, .panel-body p, .panel-body li {
	color: var(--sw-color-black);
}
.fg-paragraph a, .fg-paragraph p a {
	color: var(--sw-color-brown);
}
.fg-paragraph a:hover, .fg-paragraph p a:hover {
	color: var(--sw-color-blue);
}
*/
h1 > p, h2 > p, h3 > p, h4 > p {
	margin: 0;
}
.fg-paragraph strong, .fg-paragraph strong:hover, .accordion-v1 .panel .panel-body p strong, .accordion-v1 .panel .panel-body p strong:hover, .woocommerce strong {
	font-family: 'custom-font-family-5', Helvetica, Arial, sans-serif;
}
.fg-paragraph em, .fg-paragraph em:hover, .accordion-v1 .panel .panel-body p em, .accordion-v1 .panel .panel-body p em:hover {
	font-family: 'custom-font-family-2', Helvetica, Arial, sans-serif;
}
.fg-paragraph em strong, .fg-paragraph em strong:hover, .accordion-v1 .panel .panel-body p em strong, .accordion-v1 .panel .panel-body p em strong:hover {
	font-family: 'custom-font-family-4', Helvetica, Arial, sans-serif;
}

/* bootstrap > v.3 standard class for hiding */
.d-none {
	display: none !important;
}

.page-wrapper {
	padding-top: 190px;
}
/* 
	Fixed patterns/images in the background
	- To flexibly position the content elements at the right layer, use the following globale Styles, both with position relative and z-index !important:
		- Element in front of Dots (z-index: 1)
		- Element behind Dots (z-index: -1)
	- The left and right indented content elements need some special handling (see Ecofin case for more details):
		Content/Column itself needs z-index auto, set by a css class to override the style attribute set during run time
		
.page-wrapper:before, .page-wrapper:after {
	width: 100vw;
	position: fixed;
	opacity: 0.25;
}
.page-wrapper:before {
	content: url(/wp-content/uploads/pattern_bottom_left.svg);
    top: 53vh;
}
.page-wrapper:after {
	content: url(/wp-content/uploads/pattern_top_right.svg);
    top: 0;
	z-index: -1;
}
.fg-section, .fg-row {
	z-index: auto !important;
}
.z-index-auto {
	z-index: auto !important;
	position: relative;
}
*/

/*
	lightbox
	- For Fullscreen Design set mfp-content zu full size and use the ark standard Sections and Rows to control the width of the content
	- To open the Lightbox also by Clicking on Post Title and Image the corresponsing lightbox css class must be set in custom.js
	- don't use width: 100vw; in .mfp-content, positions the lightbox to the end of the page
	.mfp-iframe-holder  .mfp-content {
		max-width: none;
		height: 100vh;
		width: 100%;
	}
*/

.mfp-bg {
	background: var(--sw-color-gray-dark);
	opacity: 0.84;
}
.mfp-iframe-holder .mfp-content {
	max-width: 1135px;
	min-height: 773px;
}
.mfp-iframe-holder {
	padding: 30px;
}
.mfp-iframe-scaler iframe {
	background-color: transparent;
	box-shadow: none;
}
.mfp-iframe-scaler iframe {
	background-color: transparent;
}
.mfp-iframe-holder .mfp-close {
	top: 11px;
	right: 30px;
	border-radius: 0;
	opacity: 1;
	background: none;	
	width: 32px;
	height: 32px;
	font-size: 40px;
	line-height: 0.85;
	color: var(--sw-color-black);
}

/*
Decoration / No Decoration in Lightbox iFrame - the css classes must be set in custom.js
body.no-decoration {
	background-color: var(--sw-color-white);
}
*/
body.no-decoration .ark-header, body.no-decoration .footer-container, body.no-decoration #footer, body.no-decoration.page .page-wrapper .fg-container-no-padding, body.no-decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.no-decoration .menu-top-menu-container, body.no-decoration .titlebar, body.no-decoration .contact-sidenav {
	display: none;
}
.ark-header, .footer-container, #footer, .page .page-wrapper .fg-container-no-padding, .single-portfolio .page-wrapper .fg-container-no-padding, .menu-top-menu-container, .titlebar, .contact-sidenav {
	visibility: hidden;
}
body.decoration .ark-header, body.decoration .footer-container, body.decoration #footer, body.decoration.page .page-wrapper .fg-container-no-padding, body.decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.decoration .menu-top-menu-container, body.decoration .titlebar, body.decoration .contact-sidenav {
	visibility: visible;
}
body.no-decoration .page-wrapper {
	padding-top: 0;
	border-top: 61px solid #D9C476;
}
body.no-decoration .post-content > .fg-section >.fg-container {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
body.no-decoration {
	background-color: transparent;
}
body.no-decoration .ff-boxed-wrapper {
	background-image: none;
}
body.no-decoration .cky-btn-revisit-wrapper, body.no-decoration .js-back-to-top {
	display: none;
}


/* Header Image and Text */
.header-large {
	height: 41vw;
	max-height: 760px;
	
	/* Header Text Positioning */
	display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 80px;
}
.header-medium {
    height: 36vw;
	max-height: 665px;
}
/* .header-small { */
    /* height: 35vw; */
/* } */

/*
	Header Text: Type Writing

.header-text {
	display: inline-block;
	float: left;
	clear: both;
}
.header-text div {
	width: 0;
	background-color: var(--sw-color-yellow);
	animation: typing 1s steps(30, end) forwards;
}
.header-text:last-child div {
	animation-delay: 1s;
}
.header-text p {
	margin-left: calc(15px + 4.5vw);
	margin-right: 20px;
	margin-bottom: 9px;
	overflow: hidden;
	white-space: nowrap;
}

@keyframes typing {
	0% { width: 0; }
	100% { width: 100%; }
}
*/

/*
	Header Text: Poligon.
	The Poligon ist different for left and right aligned Text. The Case below is for right alinged Text.
	For left aligned Text, use the following polygons:
	clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);

.header-text p {
	font-weight: 600;
	margin: 0;
	line-height: 1.8;

	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);

	transform: translateY(-50px);
	opacity: 0;
	animation-name: titleAnimation;
	animation-timing-function:ease;
	animation-duration: 3.5s;
	-webkit-animation-fill-mode: forwards;
}
.header-text p:nth-child(1){
  animation-delay: 1.7s;
}
.header-text p:nth-child(2){
  animation-delay: 1.6s;
}
.header-text p:nth-child(3){
  animation-delay: 1.5s;
}
.header-text p:nth-child(4){
  animation-delay: 1.4s;
}

@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  20% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  100% {
       transform: translateY(0);
       opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
}
*/

.display-flex-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.display-flex-row-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.display-flex-row-center-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.display-flex-column {
	display: flex;
	flex-direction: column;
}
.display-flex-column-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.image-full-width {
	/* height: 24vw; */
	/* max-height: 560px; */
}

/* Portfolio flex - adapt margins if a custom horizontal margin is set in ark portfolio element */
.ff-portfolio-grid {
	height: auto !important;
}
.ff-portfolio-grid .cbp-wrapper-outer .cbp-wrapper {
	position: static;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	width: auto;
}
.ff-portfolio-grid .cbp-item {
	position: static;
	margin: 15px;
}
.cbp-item-off {
    display: none;
}
.portfolio-classic-1 {
	margin: 0;
}
.portfolio-classic-1 .ff-portfolio-grid-wrapper {
	padding-bottom: 0;
}

.ffb-btn, .ffb-btn .btn-text {
	transition: color 0.25s, background-color 0.25s, border 0.25s;
}
.ffb-btn:hover .btn-text {
	color: var(--sw-color-white) !important;
}
.page-wrapper .ffb-btn:hover {
	border-color: var(--sw-color-yellow) !important;
}
/* .buttons-el-wrapper .ffb-btn:not(:first-child) { */
	/* margin-left: 66px; */
/* } */
.fg-col > .buttons-el-wrapper {
	padding-top: 53px;
}
.radio input[type=radio], .checkbox input[type=checkbox] {
	margin-top: 3px;
}
form label.error {
	color: var(--sw-color-brown);
	margin-top: -5px !important;
	font-size: 14px !important;
}
form input[type=text]::placeholder, form textarea::placeholder {
	color: color: var(--sw-color-black) !important;
}
.ff-form-input {
	background-color: var(--sw-color-white-transparent);
}

.back-link p {
	margin: 0;
}
/*.back-link a:hover, .back-link a:hover span {
	color: #89acc8 !important;
} */	
.back-link a span, .back-link a span:hover {
	font-size: 115% !important;
	transition: all 0.25s;
}

/* 100% = browser width without scrollbars */
.column-left-indented-to-content {
	padding-right: 0;
}
.column-left-indented-to-content.col-lg-4 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(390px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-6 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(585px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-8 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(780px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-12 {
	padding-left: 0;
	width: 100%;
}
.column-right-indented-to-content {
	padding-left: 0;
}
.column-right-indented-to-content.col-lg-4 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(390px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-6 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(585px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-8 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(780px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-12 {
	padding-right: 0;
	width: 100%;
}

.two-columns-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 23px;
}
.two-columns-list p {
	margin-bottom: 5px;
}
.two-columns-list p:nth-child(odd) {
	width: 60px;
}
.two-columns-list p:nth-child(even) {
	width: calc(100% - 60px);
}

img + .accordion-v1 {
	margin-top: 25px;
}
.accordion-v1 {
    margin-bottom: 0;
	padding-bottom: 80px;
}
.accordion-v1 .panel-group .panel + .panel {
    margin-top: 0;
	padding-top: 0;
}
.accordion-v1 .panel-title > a {
	padding: 24px 70px 18px 0;
	background-color: transparent !important;
	border-top: 1px solid var(--sw-color-yellow-bright);
}
.accordion-v1 .panel-group .panel:last-child {
	border-bottom: 1px solid var(--sw-color-yellow-bright);
}
.accordion-v1 .panel-default > .panel-heading {
	background-color: transparent !important;
}
.accordion-v1 .panel-title > a.ffb-title:after {
    line-height: 27px !important;
	margin-top: -13px;
	padding: 0 2px;
	width: 27px;
	height: 27px;
	content: url(/wp-content/uploads/icon-Akkordeon_Pfeil_unten.svg);
	transition: 0.25s transform;
}
.accordion-v1 .panel-title > a.ffb-title[aria-expanded="false"]:after {
	transform: rotate(-90deg);
}
.accordion-v1 .panel-body {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: transparent !important;
	padding: 0 130px 32px 0;
}
.accordion-v1 .panel-body p:last-child, .accordion-v1 .panel-body ul:last-child, .accordion-v1 .panel-body ol:last-child {
	margin-bottom: 0;
}
.accordion-v1 .panel-body p {
	width: 100%;
}
.accordion-v1 .panel-body div {
	width: 50%;
}
/*.accordion-v1 .panel-body div:nth-of-type(odd) {
	width: 30%;
}
.accordion-v1 .panel-body div:nth-of-type(even) {
	width: 70%;
}*/
.accordion-v1 .panel-body div {
	padding: 10px 20px;
}
.accordion-v1 .panel-body div:nth-of-type(1), .accordion-v1 .panel-body div:nth-of-type(2) {
	background-color: var(--sw-color-blue);
	font-weight: 500 !important;
	color: var(--sw-color-white) !important;
}
.accordion-v1 .panel-body div:nth-of-type(2n+1) {
	border-right: 1px solid var(--sw-color-black);
}
.accordion-v1 .panel-body div:nth-of-type(4n+3), .accordion-v1 .panel-body div:nth-of-type(4n+4) {
	background-color: var(--sw-color-yellow);
}
.accordion-v1 .panel-body div:nth-of-type(4n+5), .accordion-v1 .panel-body div:nth-of-type(4n+6) {
	background-color: var(--sw-color-brown);
}

#footer > .fg-container:first-child {
	background-color: var(--sw-color-gray);
}
#footer a:hover {
	text-decoration: none;
}
#footer .fg-paragraph p {
	margin-bottom: 0;
}
#footer .theme-icons-wrap .theme-icons {
	margin-right: 20px;
	margin-bottom: 0;
	font-size: 43px;
	min-width: auto;
	min-height: auto;
	line-height: 1;
	padding: 0;
	transition: color 0.25s;
}

.webagency li {
	margin: 0;	
}

ul.footer-navigation {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
.footer-navigation li {
	margin-left: 0;
	margin-right: 28px;
	list-style: none;
	float: left;
}

/* fixes lightbox more than 100% width */
.cbp-popup-wrap {
	width: 100vw;
}

/* Ark Map Element
.ff-map > div {
	pointer-events: all !important;
}
*/

.grecaptcha-badge {
	scale: 0.9;	
	z-index: 20;
	box-shadow: none !important;
}

#intro h1:last-of-type {
	margin-bottom: 60px;
}

.testimonial-slider .owl-stage {
	display: flex;
}
.testimonial-slider .owl-item {
	padding: 30px 30px 30px 70px;
	background-color: var(--sw-color-gray-dark);
}
.testimonial-slider .owl-item::before {
	content: "„";
	font-family: 'Playfair Display', Arial, sans-serif !important;
	font-size: 70px;
	font-weight: 700;
	color: var(--sw-color-gold-bright);
	position: absolute;
    top: -33px;
    left: 15px;
}
.testimonial-slider .owl-item .item .fg-paragraph:last-child p:last-child {
	margin-bottom: 0;	
}
.testimonial-slider .owl-item .item .fg-video {
	margin-bottom: 25px;
}
.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow {
	left: -35px;
}
.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow {
	right: -35px;
}
.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow, .testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow {
	color: var(--sw-color-gold);
	font-size: 35px;
	line-height: 1.4;
	background-color: transparent;
}
.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow:hover, .testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow:hover {
	color: var(--sw-color-gold-bright);
	background-color: transparent;
}
.box-text-image > .fg-paragraph, .box-text-image > .fg-row > .fg-col > .fg-paragraph, .box-text-image > .fg-row > .fg-col > .fg-row > .fg-col > .fg-paragraph {
	max-width: 750px;
    margin: 0 auto;
}
.box-text-image > .fg-paragraph, .box-text-image > .fg-heading, .box-text-image > .fg-row > .fg-col > .fg-paragraph, .box-text-image > .fg-row > .fg-col > .fg-row > .fg-col > .fg-paragraph, .box-text-image > .fg-row > .fg-col > .fg-heading, .box-text-image > .fg-row > .fg-col > .fg-row > .fg-col > .fg-heading, .woocommerce .post-wrapper .box-text-image > .post-content, .woocommerce .post-wrapper .box-text-image > .ark-woocommerce-single-product-excerpt, .woocommerce .post-wrapper .box-text-image > .ark-woocommerce-single-product-price, .woocommerce .post-wrapper .box-text-image > .ark-woocommerce-single-product-add-to-cart, .woocommerce .post-wrapper .box-text-image > .ark-woocommerce-single-product-title, .box-text-image > .fg-row > .fg-col > .woocommerce {
	padding-left: 31px;
	padding-right: 31px;
}
.box-text-image > .fg-paragraph p + p:has(a), .box-text-image > .fg-row > .fg-col > .fg-paragraph p +  p:has(a), .box-text-image > .fg-row > .fg-col > .fg-row > .fg-col > .fg-paragraph p +  p:has(a) {
	margin-top: -15px;
}
.box-text-image.width-100 .fg-paragraph, .box-text-image.width-100 .fg-paragraph p {
	width: 100%;
}
.fg-container-medium > .fg-row > .fg-col > .fg-paragraph {
	max-width: 750px;
	margin: 0 auto;
}
.news-v2 {
	padding: 30px 38px;
}
.news-v2 .news-v2-link {
	margin-top: 28px;
}
.blog-simple-3-featured-image, .blog-simple-3 .ff-block--blog-featured-area, .blog-simple-3 .ff-post-featured-image {
	margin-bottom: 22px;
}
.blog-simple-3 {
	display: flex;
	flex-wrap: wrap;
}
.blog-simple-3 > .fg-col {
	display: flex;
}
.blog-single .fg-paragraph h1, .blog-single .fg-paragraph h2, .blog-single .fg-paragraph h3 {
	margin-bottom: 0;
	font-style: italic;
}
#home-random-wrapper .fg-wrapper { 
	display: none; 
}
#home-random-wrapper .fg-wrapper.is-active { 
	display: block; 
}

/* .box-text-image > .buttons-el-wrapper:last-child { */
	/* margin-top: 75px; */
/* } */
/* Tablet (SM) */
@media screen and (min-width: 768px) {
	.webagency {
		float: right;
	}

	.custom-map #combinedMap {
		/* min-height: 300px; */
	}
	.grecaptcha-badge {
		bottom: 56px !important;
		opacity: 0.7;
	}
}

/* Laptop (MD) */
@media screen and (min-width: 992px) {
	.custom-map #combinedMap {
		/* min-height: 325px; */
	}
	.text-left-right-image-wrapper > .fg-col:first-of-type, .text-left-right-image-wrapper > .fg-col:last-of-type {
		margin-top: 50px;
	}
	.box-text-image .col-md-5 + .col-md-7  > .fg-paragraph, .box-text-image .col-md-5 + .col-md-7  > .fg-heading {
		padding-left: 0;
	}
	.ffb-btn {
		min-width: 369px;
	}
}

/* Desktop (LG) */
@media screen and (min-width: 1200px) {
	.fg-container-medium {
		width: 970px;
	}
}

@media screen and (min-width: 1300px) {	
	.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow {
		left: -6vw;
	}
	.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow {
		right: -6vw;
	}
}

/* Extra Large Additional Media Query  */
@media screen and (min-width: 1650px) {	
    .container {
		width: 1370px !important;
	}
	.fg-container-medium {
		width: 970px !important;
	}
	.fg-container-small {
		width: 750px !important;
	}
	
	.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow {
		left: -5vw;
	}
	.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow {
		right: -5vw;
	}

	.column-left-indented-to-content.col-lg-4 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(456.66px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-left-indented-to-content.col-lg-6 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(685px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-left-indented-to-content.col-lg-8 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(913.33px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-right-indented-to-content.col-lg-4 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(456.66px + (100% - 1370px) / 2);
	}
	.column-right-indented-to-content.col-lg-6 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(685px + (100% - 1370px) / 2);
	}
	.column-right-indented-to-content.col-lg-8 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(913.33px + (100% - 1370px) / 2);
	}

	.image-float-left {
		width: 28% !important;
	}
	.image-float-right {
		width: 28% !important;
	}
}

/* Extra Large Additional Media Query  */
@media screen and (min-width: 2000px) {	

}

/* Laptop (MD)  */
@media screen and (max-width: 1199px) {
	.testimonial-slider .owl-item {
		padding-left: 50px;
	}
	.testimonial-slider .owl-item::before {
		font-size: 60px;
		top: -22px;
		left: 11px;
	}

	.column-left-indented-to-content.col-md-4 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(323.33px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-6 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(485px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-8 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(646.66px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-12 {
		padding-left: 0;
		width: 100%;
	}
	.column-right-indented-to-content.col-md-4 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(323.33px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-6 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(485px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-8 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(646.66px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-12 {
		padding-right: 0;
		width: 100%;
	}
}

/* Portfolio Medium  */
@media screen and (max-width: 1099px) {

}

/* Tablet (SM) */
@media screen and (max-width: 991px) {
	body .ff-boxed-wrapper {
		background-image: url(https://fokus-empathie.com/wp-content/uploads/hintergrund-website-991px-3.jpg);
	}
	/*
	.mfp-iframe-holder .mfp-content {
		max-width: none;
		min-height: 100vh;
	}
	*/
	.column-left-indented-to-content.col-sm-4 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(250px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-6 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(375px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-8 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(500px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-12 {
		padding-left: 0;
		width: 100%;
	}
	.column-right-indented-to-content.col-sm-4 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(250px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-6 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(375px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-8 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(500px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-12 {
		padding-right: 0;
		width: 100%;
	}
	
	#intro h1:last-of-type {
		margin-bottom: 40px;
	}
	.text-left-right-image-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.text-left-right-image-wrapper > .fg-col:first-of-type {
		order: +1;
	}
	.text-left-right-image-wrapper > .fg-col:last-of-type {
		order: +1;
	}
	.text-left-right-image-wrapper > .fg-col:first-of-type * {
		text-align: left !important;
	}
	.text-left-right-image-wrapper > .fg-col:last-of-type * {
		text-align: right !important;
	}
	.box-text-image.no-top-bottom-padding > .fg-row > .col-md-7 {
		order: 2;
	}
	.box-text-image.no-top-bottom-padding > .fg-row > .col-md-7 + .col-md-5 {
		order: 1;
	}
	.accordion-v1 .panel-body {
		padding-right: 42px;
	}
}

/* Portfolio Small  */
@media screen and (max-width: 799px) {

}

/* Phone (XS) */
@media screen and (max-width: 767px) {
	.image-fullwidth {
		/* min-height: 70vw; */
	}

	.column-left-indented-to-content.col-xs-4 {
		width: 33.33%;
	}
	.column-left-indented-to-content.col-xs-6 {
		width: 50%;
	}
	.column-left-indented-to-content.col-xs-8 {
		width: 66.66%;
	}
	.column-right-indented-to-content.col-xs-4 {
		width: 33.33%;
	}
	.column-right-indented-to-content.col-xs-6 {
		width: 50%;
	}
	.column-right-indented-to-content.col-xs-8 {
		width: 66.6%;
	}
	.column-left-indented-to-content.col-xs-12, .column-right-indented-to-content.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.webagency {
		float: left;
	}	

	.custom-map #combinedMap {
		/* min-height: 54vw; */
	}
	
	.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow {
		left: -30px;
	}
	.testimonial-slider .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow {
		right: -30px;
	}
	.accordion-v1 .panel-body {
		padding-right: 0;
	}
	.grecaptcha-badge {
		bottom: 6px !important;
	}
}

/* Portfolio Extra Small  */
@media screen and (max-width: 579px) {
	.ff-portfolio-grid .cbp-item {
		margin-right: 0;
	}
	.text-left-right-image-wrapper > .fg-col:first-of-type, .text-left-right-image-wrapper > .fg-col:last-of-type {
		width: 100%;
	}
	.text-left-right-image-wrapper > .fg-col:last-of-type * {
		text-align: left !important;
	}
}

/* Extra Small 1 Additional Media Query  */
@media screen and (max-width: 480px) {
	body .ff-boxed-wrapper {
		background-image: url(https://fokus-empathie.com/wp-content/uploads/hintergrund-website-480px-3.jpg);
	}
	.image-float-left, .image-float-right {
		width: 100% !important;
		margin: 0 0 20px !important;
	}
}

/* Extra Small 2 Additional Media Query  */
@media screen and (max-width: 400px) {

}

/* Extra Small 3 Additional Media Query  */
@media screen and (min-width: 580px) and (max-width: 991px) {

}

/* Extra Small 4 Additional Media Query  */
@media screen and (min-width: 550px) and (max-width: 767px) {
	.flex-basis-50 {
		flex-basis: 50%;
	}
}

/* effects */
@-webkit-keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUpSPWE;
  animation-name: fadeInUpSPWE;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}