/*!
Theme Name:    FK Web Theme
Author:        FK Web Consulting
Author URI:    https://www.fkwebconsulting.com/
Description:   FK Web Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

@font-face {
	font-family: 'GT-Walsheim';
	src: url('fonts/GT-Walsheim-Medium.woff2') format('woff2'),
		url('fonts/GT-Walsheim-Medium.woff') format('woff'),
		url('fonts/GT-Walsheim-Medium.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GT-Walsheim';
	src: url('fonts/GT-Walsheim-Light.woff2') format('woff2'),
		url('fonts/GT-Walsheim-Light.woff') format('woff'),
		url('fonts/GT-Walsheim-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'GT-Walsheim';
	src: url('fonts/GT-Walsheim-Bold.woff2') format('woff2'),
		url('fonts/GT-Walsheim-Bold.woff') format('woff'),
		url('fonts/GT-Walsheim-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gilda-Display';
	src: url('fonts/GildaDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
body, h1, h2, h3, h4, h5, h6, p, ul, li {font-family: 'GT-Walsheim';}
.gilda .elementor-slide-heading {font-family: 'Gilda-Display;'}

body {padding-right: 37px !important;}
body:before {content: "";height: 100%;width: 100%;background: rgb(255 255 255 / 80%);position: fixed;top: 0;left: 0;right: 0;display: block;z-index: -999;opacity: 0; transition: all 0.2s linear;} 
body.menu-open:before {z-index: 999;opacity: 1;}


.hero-scroll a {position: relative;} 
.hero-scroll a:before {content: "";height: 30px;display: inline-block;background: #9C9FA4;width: 2px;position: absolute;top: -5px;margin-left: -20px;}
.hero-scroll a:after {content: "";height: 8px;display: inline-block;background: #202035;left: 0;width: 6px;position: absolute; margin-left: -22px; animation: UpDown 1.5s linear infinite; -webkit-animation: UpDown 1.5s linear infinite; -moz-animation: UpDown 1.5s linear infinite;}
@keyframes UpDown {0% {bottom: -5px;}50% {bottom: 20px;}100% {bottom: -5px;}} 

.swiper-pagination {left: 50%!important;transform: translate(-50%, 0%);width: 60px !important;text-align: left;color: #54575B;margin: 0 auto;}
.swiper-pagination-bullet:before, .swiper-pagination-bullet:after {content: "0"counter(list-number);  }
.swiper-pagination-bullet {counter-increment: list-number;background: transparent;opacity: 1;width: 25px;line-height: 20px;position: absolute;bottom: 10px;margin: 0 !important;}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {font-size: 0; }   
.swiper-pagination-bullet:after{opacity:0; font-size: 15px;} 
.swiper-pagination-bullet:last-child:after {opacity: 1;position: absolute;left:42px;} 
.swiper-pagination:before {content: "";height: 15px; width: 1px;background: #54575B;display: block;position: absolute;left: 30px;top: -13px;transform: rotate(15deg);} 
.elementor-swiper-button i:before {content: "";background: url(images/arrow.svg) no-repeat center center;background-size: 47px;width: 50px;height: 32px;display: block;}  
.elementor-swiper-button {position: absolute;bottom: -20px !important;top: auto !important;right: 50% !important;left: 50% !important;} 
.elementor-swiper-button.elementor-swiper-button-next {margin-left: 60px !important; }
.elementor-swiper-button.elementor-swiper-button-prev { margin-left: -120px !important;} 
.elementor-swiper-button.elementor-swiper-button-prev i:before {transform: rotate(180deg) !important;}
.elementor-swiper-button.swiper-button-disabled {opacity: 0 !important;}  
.slider-right-nav .swiper-pagination {transform: none;left: auto !important;right: 80px !important;}
.slider-right-nav .elementor-swiper-button {right: 10px !important;left: auto !important;}
.slider-right-nav .elementor-swiper-button.elementor-swiper-button-prev {right: 165px !important;}
.elementor-accordion-item {border-bottom: 1px solid #fff !important;}
.elementor-accordion-icon i:before {content: "";width: 35px;height: 22px;background: url(images/arrow-down.svg) no-repeat center bottom;display: block;}
[aria-expanded="true"] .elementor-accordion-icon i:before {transform: rotate(180deg);}
.elementor-accordion .elementor-accordion-item:first-child {border-top: 1px solid #fff !important;}

/* div#map {height: 480px;} */
.gallery-row .swiper-pagination:before{display:none;}
.swiper-pagination.swiper-pagination-progressbar {width: 100% !important;bottom: 0 !important;top: auto;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #f28b00;}
.swiper-pagination.swiper-pagination-progressbar {background: #fce7ca;height: 3px;border-radius: 100px;}
.services-lists h2:after {content: "";height: 16px;width: 16px;background: #f28b00;display: block;border-radius: 100px;position: absolute;top: 20px;left: 30%;} 
.services-lists:not(.last):before { content: "";height: 100%;width: 2px;background: #f28b00;display: block; position: absolute;}
.services-lists.second h2:after, .services-lists.fourth h2:after {left: 70%;}
.services-lists.third h2:after{ left: 45%;}
.services-lists.first:before {left: 29.50%;transform: rotate(-36deg);top: 31px;}
.services-lists.second:before {left: 33.5%;transform: rotate(23deg);top: 48px;height: calc(100% - 40px);}
.services-lists.third:before {left: 33.5%;transform: rotate(-24deg);top: 48px;height: calc(100% - 40px);}

header .elementor-menu-toggle i:before {opacity:0;}
header .elementor-menu-toggle {background: url(images/toggle-icon2.svg) no-repeat center left -10%;background-size: 67px; z-index: 999;} 
header .elementor-menu-toggle.elementor-active {background-position: center right 12px;background-size: 50px;margin-right: -5px;} 
header nav.elementor-nav-menu--dropdown {transition: all 0.4s linear !important; transform: translateX(100%) !important;position: fixed !important;width: 50% !important; right: 0 !important;top: 0 !important;margin: 0 0 0 auto !important; left: auto; overflow: hidden !important;min-height: 100vh;z-index: 111 !important;}  
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {transform: translateX(0%) !important;}
header nav.elementor-nav-menu--dropdown ul {padding: 75px 100px;} 
header nav a {line-height: 1.1 !important; }
.footer-scroll-top{animation: UpDownarrow 1.2s linear infinite; -webkit-animation: UpDownarrow 1.2s linear infinite; -moz-animation: UpDownarrow 1.2s linear infinite;} 
@keyframes UpDownarrow {0% {bottom: 0px;}50% {bottom: 10px;}100% {bottom: 0px;}}
.header {width: 40px !important;height: 100%;right: 0;margin-left: 0;position: fixed;z-index: 999;background: #fff;border-left: 1px solid #c1c1c1;} 
.dr-name p {writing-mode: vertical-rl;position: fixed;top: calc(50% - 75px); right: 9px;z-index:111;}  
.header-address i { width: 30px;height: 30px;display: block; cursor: pointer;}
.header-address {position: fixed;bottom: 0;right: 4px; z-index: 111;}
.address-col { margin: 15px 0; } 
.header-address .call i {background: url(images/tel-icon.svg) no-repeat center center;background-size: 16px;}  
.header-address .calender i { background: url(images/calendar-icon.svg) no-repeat center center;background-size: 22px; } 
.header-address span.caption { display: none; background: #f28b00;color: #fff;position: absolute;right: 0;white-space: nowrap;padding: 5px 12px 4px 12px;margin: -30px 50px 0 0;letter-spacing: 1.7px;}
.header-address i:hover + span.caption {display: block;}  
.tel-mail * {color: #fff !important;} 
.tel-mail {  background: #f28b00;color: #fff;padding: 25px 25px 15px;position: absolute;bottom: 12px;right: 50px;letter-spacing: 1.3px;     z-index: 2;}  
.tel-mail:not(.active) {display: none;}  
nav ul li.small-nav a {font-size: 14px !important;letter-spacing: 1.5px;color: #000 !important;padding: 0 !important;}
nav ul li.small-nav {display: inline-block;position: fixed;bottom: 40px;}
.small-nav.datenschutz {margin-left: 110px;} 
header ul a.elementor-item.elementor-item-anchor.active {color: #202035 !important;} 


.stories-slider .swiper-slide-contents {padding-left: 60%;}
.stories-slider .swiper-slide-bg {width: 550px !important;height: 350px !important;min-width: 550px !important; min-height: 350px !important;position: absolute;bottom: 60px;}
.stories-slider .elementor-slide-description h3 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 1;
    margin: 0;
    position: absolute;
    bottom: 25px;
    left: 300px;
    width: 250px;
    text-align: right;
}


ul.own_list {margin-top:-16px;margin-left:-20px;list-style-type: none;}
.own_list li:before { content: '-'; margin-left: -16px; margin-right: 10px; } 

ol {list-style: none;margin-left: 0;}
li {counter-increment: custom;}
ol li:before {content: counter(custom) " ";margin-left: -18px;padding-right: 7px;}
ol li:first-child {counter-reset: custom;}

/* Testimonials */
.elementor-49 .elementor-element.elementor-element-9363e8c .elementor-repeater-item-71f3ae2 .swiper-slide-bg {background-position: center top;}
.elementor-49 .elementor-element.elementor-element-9363e8c .elementor-repeater-item-d2a6ad0 .swiper-slide-bg {background-position: center 6%;}
.elementor-49 .elementor-element.elementor-element-9363e8c .elementor-repeater-item-f4b8e90 .swiper-slide-bg {background-position: center top;}
.elementor-49 .elementor-element.elementor-element-9363e8c .elementor-repeater-item-8a6e438 .swiper-slide-bg {background-position: center 26%;}
.elementor-49 .elementor-element.elementor-element-9363e8c .elementor-repeater-item-62ff2ea .swiper-slide-bg {background-position: center 20%;}

/* Cookie Banner */

.cn-button.wp-default {
	color: #484846;
	background: #fff;
}

.active-menu * {
    color: #202035 !important;
}

 
 
/* MEDIA CSS */ 
 
@media (max-width: 1550px) and (min-width: 768px) {   

	header nav.elementor-nav-menu--dropdown ul {padding: 45px 70px;}
	header nav.elementor-nav-menu--dropdown ul li a {padding-top: 12px !important;padding-bottom: 12px !important;     margin-bottom: 2vh;}
	nav ul li.small-nav {bottom: 0px;}  
	nav ul li.small-nav a {margin-bottom: 0 !important;}
} 
 
@media(min-width:767px){
	
	.gallery-row h2 {transform: rotate(-90deg); white-space: nowrap;margin-top: 155px;margin-left: 0;}
	
}

@media(min-width:1025px){

	.benefits-bg img {height: 650px !important;}
	.elementor-accordion-item .row {display: flex;gap: 30px;padding-right: 60px;}
	.elementor-accordion-item .row .helf-col {flex: 1;} 
	.gallery-row .elementor-main-swiper .swiper-slide:first-child {width: 320px !important;}
	.gallery-row .elementor-main-swiper {margin-right: -100%;}

}

@media(max-width:1400px){ 

	header nav.elementor-nav-menu--dropdown ul {padding: 50px 50px;}
	header nav.elementor-nav-menu--dropdown {width: 60% !important;}

}

@media(max-width:1024px){ 

	.slider-right-nav .elementor-slide-heading { margin-bottom: 25px !important;} 
	.gallery-row h2 {margin-top: 120px;}
	.services-lists h2:after {display:none;} 
	.services-lists:not(.last):before {transform: none;left: 34px;height: 120px;bottom: 10px;top: auto;}
	.services-lists > .elementor-container {background: #fff;z-index: 2;padding-bottom: 25px;}
	.dr-info .swiper-slide-contents {text-align: left;}
	.dr-info .elementor-slide-heading {margin-bottom: 20px !important;}
	header nav.elementor-nav-menu--dropdown {width: 75% !important;}
	.tel-mail {font-size: 13px;line-height: 1.4;padding: 20px 15px 10px;}
	.swiper-pagination.swiper-pagination-progressbar {width: calc(100% - 20px)!important;margin-left: -10px;}
	
	.stories-slider .swiper-slide-contents { padding-left: 0; }	
	.stories-slider .swiper-slide-bg {	position: static !important; width: 500px !important; height: 300px !important;	min-width: 500px !important;	min-height: 300px !important;	    margin-top: 30px;}
	.stories-slider .swiper-slide-inner { padding-top: 350px !important; }
	.stories-slider .elementor-slide-description h3 { top: 0;	right: 0 !important; left: 0px;	    text-align: left;}
	
	 


} 
 
@media(max-width:767px){ 

	.gallery-row h2 {margin-top: 0px;} 
	header nav.elementor-nav-menu--dropdown {width: 85% !important;} 
	header nav.elementor-nav-menu--dropdown ul {padding: 80px 35px 0 5px;}
	nav ul li.small-nav a {font-size: 13px !important;} 
	nav ul li.small-nav { bottom: 50px;} 
	nav ul li.small-nav.impressum {margin-left: 15px;}   
	.swiper-pagination.swiper-pagination-progressbar {width: 100% !important;margin-left: 0;}	
	.stories-slider .swiper-slide-bg {	width: 320px !important; height: 300px !important;	min-width: 320px !important; min-height: 300px !important; }

}