/* Google Fonts Embed
________________________________________*/

/* pt-sans-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: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-sans-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: 'PT Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-sans-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: 'PT Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dosis-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: 'Dosis';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/dosis-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Common
________________________________________*/
html, body {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

body * {
	hyphens: none !important;
	webkit-hyphens: none !important;
}


/* Header
________________________________________*/
.logo a, .mainmenu ul li a {
	font-size: 17px;
	font-weight: 400 !important;
}

.logo a {
	background-image:  none;
	color: #fff;
}

.smartmenu .smartmenu-trigger .line, .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after {
	background: #fff;
}

.ce_revolutionslider_text {
	letter-spacing: 0.05rem !important;
}


/* Content
________________________________________*/
h1, h2, h3, div.h2, .dosis {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: 300 !important;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}

.content_page h1 {
	margin-bottom: 50px;
}

h2, div.h2 {
	padding: 26px 0 62px;
}

h2::before, div.h2::before {
	width: 1px;
	height: 25px;
	background: #c9d301;
	display: block;
	position: relative;
	top: -10px;
	left: 50%;
	content: '';
}

h2::after, div.h2::after {
	width: 1px;
	height: 25px;
	background: #c9d301;
	display: block;
	position: relative;
	top: 7px;
	left: 50%;
	content: '';
}

.home h1 {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 6rem;
}

.impressum h2 {
	padding: 0;
}

.datenschutzerklaerung-website h2 {
	padding: 40px 0 0;
}

:root {
	--h3-fontSize: 1.5rem;
}

.impressum h2+h3, .datenschutzerklaerung-website h2 + h3 {
	padding-top: 0;
}

.impressum  h2::before, .datenschutzerklaerung-website h2::before, .impressum h2::after, .datenschutzerklaerung-website h2::after, .ce_text_imagebox h2::before, .ce_text_imagebox h2::after {
	display: none;
}

.ce_text_imagebox h2 {
	padding-bottom: 0;
	text-shadow: 0px 0px 15px rgba(0,0,0,0.8);
}

.impressum h3, .datenschutzerklaerung-website h3 {
	padding: 15px 0 0;
}

h3.handorgel__header button {
	text-align: center;
}

.zitat {
	padding-top: 20px;
	padding-bottom: 0;
}

.zitat p {
	margin-bottom: 1px;
}

.zitat p + p {
	font-size: 0.8rem;
	letter-spacing: 0.02rem;
}

.zitat em {
	font-size: 1.33rem;
	letter-spacing: 0.02rem;
}

.ce_gallery .content {
	background: rgba(201,211,1,0.66);
}

.swiper-pagination, span.size, #cboxCurrent {
	display: none !important;
}

#main .container {
	padding-bottom: 0 !important;
}

#main .overlay {
	background:transparent;
	position:relative;
	width: 100%;
	height: 650px;
	top: 650px;
	margin-top: -650px;
	z-index: 999;
}

#main object {
	width: 100%;
	height: 650px;
	margin-bottom: -10px;
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%); 
}

.mh-600 {
	min-height: 600px;
}

.nobtn a {
	padding: 0;
	color: #000;
	font-weight: normal;
	background: transparent;
	border: 0;
}

.color-white .nobtn a {
	color: #fff;
}

.content_page #header {
	display: none;
}

.content_page.bp-top-center .mod_pageimage .inside  {
	background-position: top center;
}

.content_page.bp-bottom-center .mod_pageimage .inside  {
	background-position: bottom center;
}

.ce_bgimage .ce_divider_extended.version3 {
	background: #fff;
}

.ce_bgimage .ce_accordion .toggler {
	color: rgba(255,255,255,1);
	transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}

.ce_bgimage .ce_accordion .toggler:hover {
	color: rgba(255,255,255,0.7);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.color-white a:not(.link-white):not(.ce_hyperlink a), #main .ce_text a:not(.link-white):not(.ce_hyperlink a){
	text-decoration: none;
	color: var(--accentColor) !important;
	transition: All 0.3s ease;
	opacity: 1;
	-webkit-transition: All 0.3s ease;
}

.color-white a:not(.link-white):not(.ce_hyperlink a):hover, #main .ce_text a:not(.link-white):not(.ce_hyperlink a):hover {
	opacity: 0.8;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

#bottom .inside a {
	color: #fff !important;
}

#bottom .inside a:hover {
	border: none;
}


/* Media Queries
________________________________________*/
@media screen and (max-width: 1050px) {
	
	.ce_text_imagebox h2 {
		font-size: 1.5rem;
	}
	
}

@media screen and (max-width: 767px) {
	
	#mmenu {
		top: 0 !important;
		height: 100%;
	}
	
	#mmenu_middle {
		padding-top: 70px !important;
	}
	
	.header .logo {
		width: 330px;
		padding-top: 25px;
	}
	
	.header .logo a {
		line-height: 1.33rem;
		font-size: 14px;
	}
	
	.ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside {
		padding: 20px;
	}
	
	.ce_revolutionslider_image, .ce_revolutionslider_image svg {
		width: 80vw !important;
		height: auto !important;
	}
	
	.ce_text_extented {
		max-width: none !important;
	}
	
	.align-right, .align-right * {
		text-align: left !important;
	}
	
	.font-size-xxxs, .font-size-xxxs p, .font-size-0, .font-size-0 p {
		font-size: 1rem;
	}
	
	.zitat {
		padding-top: 15px;
	}
	
	.pt-xxl {
		padding-top: 0 !important;
	}
	
	.pb-xxl {
		padding-bottom: 60px !important;
	}
	
	.mobile-center {
		text-align: center !important;
	}

}