/*!
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 America';
    src: url('fonts/GT-America-Extended-Light.woff2') format('woff2'),
        url('fonts/GT-America-Extended-Light.woff') format('woff'),
        url('fonts/GT-America-Extended-Light.ttf') format('truetype'),
        url('fonts/GT-America-Extended-Light.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
} 
@font-face {
    font-family: 'Meno';
    src: url('fonts/Meno-Banner-Semi-Bold.otf') format("opentype"); 
    font-weight: normal;
    font-style: normal; 
    font-display: swap; 
} 

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

/* Cookie Banner */
#cookie-notice {
	margin-bottom: 66px;
}
.cn-button.wp-default {
    color: #484846;
    background: #fff;
} 
 
/* Table */
table, .wpbf-table {
  border: 0;
}
table th, table td, .wpbf-table th, .wpbf-table td {
  border: 0;
  vertical-align: top; 
}
table td:first-child {width: 10vw; } 

body { border: 8px solid #E1D7BD; border-width: 0 8px 0 8px; font-family: 'GT America' !important; font-weight: normal !important;}   
body:before, body:after { content: "";height: 7px;background: #E1D7BD;position: fixed;top: 0;width: 100%; z-index: 999; right: 0;left: 0;}
body:after{	top:auto; bottom:0;}
h1, h2, h3, h4, h5, h6, .elementor-button-text, .font2, .font2 *:not(i) { font-family: 'Meno' !important; font-weight: normal !important;}   
body.wpbf-praxisklinik header, body.home header {background: #fff !important;}  
.elementor-widget-image a {display: block;position: relative;}  
.border-title .elementor-heading-title{border: 1px solid #E1D7BD;display: inline-block;padding: 1.4vw 2.2vw;}  
.header-bttn ul { margin: 0;padding: 0;list-style: none;display: flex;align-items: center;justify-content: flex-end;}
.header-bttn ul li { line-height: 1.15;} 
.header-bttn ul li:nth-child(even) {margin: 0 1.5vw;padding: 0 1.5vw; border-left: 1px solid #E1D7BD; border-right: 1px solid #E1D7BD;}
.header-bttn ul li a {cursor: pointer;font-size: 0.86vw;}
.header-bttn .content {background: #E1D7BD;padding: 1.5vw;position: absolute;z-index: 111;top: 3vw;line-height: 1.5;font-size: 0.89vw !important;} 
.header-bttn ul li a.bttn.active {text-decoration: underline;text-decoration-color: #E1D7BD;text-underline-offset: 8px;}
.map-img * {height: 100% !important;object-fit: cover;object-position: right bottom;} 
.white-border .elementor-heading-title {border-color: #fff;}

.padding1 .elementor-heading-title { padding: 2vw;} 
span.elementor-button-text {font-size: 1.65vw !important;line-height: 1 !important;padding-left: 3.3vw;background: url(images/arrow_01.svg) no-repeat left 0 center / 2.1vw; overflow: hidden;
transition: all 0.3s ease-in-out;}  
span.elementor-button-text:hover, .hover span.elementor-button-text {background-position: left 0.6vw center;} 
.list-bttn .elementor-icon-list-text a {color: inherit;font-size: 0.9vw; white-space: pre;} 
.list-bttn .elementor-icon-list-text a:before {content: "";height: 1px;width: 14px;background: #424242;display: inline-block;vertical-align: middle;margin: 0 13px 0 0;}
.list-bttn .elementor-icon-list-text {line-height: 1.2;}
.list-bttn .elementor-icon-list-item {align-items: flex-start !important;} 
.list-bttn span.elementor-icon-list-icon {margin-top: 0.7vw;}
.hover-section .elementor-widget-image a:before {content: "";height: 100%;width: 100%;display: block;position: absolute;border: 0 solid #E1D7BD;transition: all 0.2s ease-in-out;} 
.hover .elementor-widget-image a:before {border-width: 18px;} 
.home-gallery img.swiper-slide-image {height: 34vw;width: 100%;object-fit: cover;}   
.home-gallery .elementor-swiper-button {margin: 0 -13%;}  
.swiper-pagination-bullet:before {  content: counter(counter);font-size: 2.1vw;display: block;line-height: 1; } 
.swiper-pagination-bullets {color: inherit; bottom: 0 !important;line-height: 1;}
.elementor-pagination-position-outside .swiper-container { padding-bottom: 4vw;} 
.swiper-pagination-bullet { counter-increment: counter;opacity: 1;  width: 4vw !important;height: 100% !important; background: transparent !important;border-radius: 0 !important;} 
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {opacity: 0.6;} 
span.swiper-pagination-bullet:not(:first-child) {border-left: 1px solid #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;} 
.list-bttn .elementor-icon-list-text a:hover { text-shadow: 0 0 0.50px #424242, 0 0 0.50px #424242;} 
.hero-slider img.swiper-slide-image { height: 79vh; width: 100%; object-fit: cover; object-position: right center; }  
.hero-slider .elementor-swiper-button{ position: absolute;  left: -70px; bottom: -5px; top: auto;transform: none;}
.hero-slider .elementor-swiper-button.elementor-swiper-button-prev{ left: -125px;}
.title-padding1 .elementor-heading-title {padding: 2vw 2.5vw;}

.oralchirurgie_img img {height: 40vw;object-fit: cover;object-position: center top;}

.gallery img:hover {
  opacity: 1;
}

.small_font {font-size: 0.8vw;}


/* MEDIA CSS */ 

@media(min-height:1100px){  

	.hero-slider img.swiper-slide-image{height: calc(65vw/1.5) !important; } 

}

@media(min-width:1181px){ 
	
	body, .elementor-button-text {font-size: 1.01vw !important;line-height: 1.50 !important;} 
	footer {font-size: 0.95vw !important;}
	.header-bttn ul {font-size: 1vw !important;} 
	h1, .h1 .elementor-heading-title {font-size: 3.2vw !important; line-height: 1.2 !important;} 
	.h1-small .elementor-heading-title {font-size: 2.9vw !important; line-height: 1.1 !important;}  
	h2 {font-size: 2.2vw !important; line-height: 1.2 !important;} 
	header nav > ul > li {margin-left:1.8vw !important;}
	
	body.home:not(.show-logo) .logo-col img {  opacity: 0;}
	.logo-col img {transition: all 0.10s ease-in-out;}


} 

@media(min-width:1181px) and (max-width:1300px) { 
	
	body {font-size: 13px !important;}
	span.elementor-button-text{ font-size: 1.8vw !important;}

}

@media(max-width:1180px){ 
 
	.border-title .elementor-heading-title {padding: 12px 14px;}	 
	footer {font-size: 13.7px !important;}
	.header-bttn ul li a {font-size: 12px; letter-spacing: 0.18px;}
	.header-bttn ul li:nth-child(even) {margin: 0 9px;padding: 0 8px;} 
	.header-bttn .content {font-size: 13px !important;padding: 15px;top: 35px;} 
	.h1 .elementor-heading-title { font-size: 30px;line-height: 40px;}
	.h1-small .elementor-heading-title { font-size: 28px;line-height: 34px;} 
	.map-img img {height: 50vw !important;object-position: 50% 100%;margin-bottom: -10px;} 

	.padding1 .elementor-heading-title {padding: 10px;}
	span.elementor-button-text {font-size: 17px !important;padding-left: 35px;background-size: 23px;} 
	span.elementor-button-text:hover, .hover span.elementor-button-text {background-position: left 8px center;} 
	.list-bttn .elementor-icon-list-text a {font-size: 12px;}
	.list-bttn .elementor-icon-list-text a:before {width: 10px;margin: 0 7px 0 0;} 
	.list-bttn span.elementor-icon-list-icon {margin-top: 5px;}
	.hover .elementor-widget-image a:before {border-width: 15px;} 
	
	.home-gallery img.swiper-slide-image {height: 400px;} 
	.home-gallery .elementor-swiper-button {margin: 0 -60px;}
	.swiper-pagination-bullet::before { font-size: 18px;}  
	.swiper-pagination-bullet {width: 30px !important;} 
	.elementor-pagination-position-outside .swiper-container {padding-bottom: 35px;}
	.hero-slider img.swiper-slide-image {height: 365px;}
	
	.title-padding1 .elementor-heading-title {padding: 15px;}
	.small_font {font-size: 13px;}

}

@media(max-width:767px){  

	body {border-width: 0 5px 0 5px; padding-bottom: 30px;} 
	body:before, body:after {height: 5px;}
	.header-bttn ul {position: fixed;left: 0;right: 0;bottom: 0;width: 100%;align-items: center;background: #e1d7bd;z-index: 99999999;padding: 12px;justify-content: space-around;}     
	.header-bttn ul li:nth-child(even) {margin: 0;padding: 0;border: 0;}
	.header-bttn ul li a {display: block; text-align: center; white-space: nowrap;font-size: 11px;font-weight: 600;letter-spacing: -0.5px; } 
	.header-bttn .content {top: -185px;width: 100%;left: 0;text-align: center;} 
	.h1 .elementor-heading-title { font-size: 28px;line-height: 36px;}
	.h1-small .elementor-heading-title { font-size: 26px;line-height: 30px;} 
	.swiper-pagination-bullet {width: 26px !important;} 
	.home-gallery img.swiper-slide-image {height: 240px;}
	.home-gallery .elementor-swiper-button {margin: 0 -30px;}  
	.hero-slider img.swiper-slide-image {height: 270px;} 
	.hero-slider .elementor-swiper-button {left: auto !important;right: 10px;bottom: -40px;} 
	.hero-slider .elementor-swiper-button.elementor-swiper-button-prev {right: 55px;}
	.swiper-pagination-bullets {bottom: -10px !important;}
	.map-img img {height: 300px !important;}

}