/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('/wp-content/themes/hello-theme-child/fonts/roboto-v49-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





/* Add your custom styles here */
body {
	font-family: 'Roboto';
}

#wpadminbar ~ header {
	margin-top: 32px !important;
}

header.site-header {
	position: fixed;
	top: 0px;
	z-index: 999;
	margin: 0 auto;
	width: 100%;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.site-title h1 {
	margin: 0;
}

h2 {
	font-size: 1.8rem;
	margin-top: 24px;
	margin-bottom: 8px;
	font-weight: 600;
}

h3 {
	margin-top: 24px;
	margin-bottom: 8px;
	font-size: 1.6rem;
	font-weight: 500;
}

.box-team h3 {
	margin-top: 4px;
	font-weight: 500 !important;
	font-size: 1.4rem;
}

.box-team .elementor-image-box-img {
	margin-bottom: 0 !important;
}

#team,
#leistungen,
#endoskopie,
#ordinationszeiten,
#kontakt {
	scroll-margin-top: 80px;
	padding-top: 30px;
	padding-bottom: 80px;
}

footer.site-footer {
	padding-block-start: 3rem;
	padding-block-end: 3rem;
	padding-left: 20px;
	padding-right: 20px;
}


/* sliders */


#home .swiper-pagination {
	bottom: 30px !important;
}

#leistungen .swiper-pagination {
	bottom: 50px !important;
}

#leistungen .swiper-slide-image {
	object-fit: cover;
	width: 100% !important;
	height: 700px !important;
}

#leistungen .swiper-slide-inner {
	height: 100%;
}

@media all and (min-width: 992px) {
	.page-header .entry-title, 
	.site-footer .footer-inner, 
	.site-footer:not(.dynamic-footer), 
	.site-header .header-inner, 
	.site-header:not(.dynamic-header), 
	body:not([class*="elementor-page-"]) .site-main {
		max-width: 1140px;
	}
}

@media all and (min-width: 769px) {
	#home .swiper-slide-image {
		height: calc(100vh - 112px);
		width: 100%;
		object-fit: cover;
		object-position: top;
	}

	#home {
		padding-top: 112px;
	}

	.il-iconbox {
		max-width: 33% !important;
	}
}

@media all and (max-width: 768px) {
	h1 {
		font-size: 1.8rem;
	}

	.il-iconbox {
		margin-bottom: 30px !important;
	}

	#leistungen .swiper-slide-image {
		height: 400px !important;
	}

	.site-header .site-title {
		font-size: 1.5rem;
	}

	.site-description.show, footer .site-navigation ul.menu a, footer p {
		font-size: 14px;
	}

	#menu-footer {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#home {
		padding-top: 90px;
	}

	.site-footer .footer-inner {
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
}

@media all and (max-width: 575px) {
	.site-header .header-inner {
		padding-inline-start: 0;
		padding-inline-end: 0;
	}
}

@media all and (max-width: 380px) {
	#home {
		padding-top: 140px;
	}
}