/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/**************************Fonts*************************/

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('https://katrinstrangia-atkl.de/fonts/montserrat-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-serif-display-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: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('https://katrinstrangia-atkl.de/fonts/dm-serif-display-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Sisterhood */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sisterhood';
  font-style: normal;
  font-weight: 400;
  src: url('https://katrinstrangia-atkl.de/fonts/sisterhood.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/**************************Header**************************/

.header {
    position: fixed !important;
    width: 100% !important;
	padding-top: 30px;
}

a.hfe-menu-item{
	font-family: 'Montserrat'!important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 25px !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {
    display: none !important;
}

li#menu-item-188, li#menu-item-187, li#menu-item-189  {
    border-right: 1px solid #fff !important;
}

a.hfe-sub-menu-item{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 19px !important;
	line-height: 45px !important;
	color: #ffffff !important;
	letter-spacing: 2px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 15px !important;
}

ul.sub-menu {
	width: 370px !important;
	padding-top: 43px !important;
    background: none !important;
    box-shadow: none !important;
}

.sub-menu li.menu-item:not(:last-child){
	border: none !important;
}

.hfe-nav-menu li::marker{
	content: none !important;
}

.elementor-29 .elementor-element.elementor-element-0226540 nav.hfe-dropdown .menu-item a.hfe-menu-item{
	background-color: #AB9C96D4 !important;
	height: 40px; !important;
}

ul.sub-menu.sub-menu-open{
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.elementor-29 .elementor-element.elementor-element-0226540 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
		background-color: #AB9C96D4 !important;
	}

nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
    margin-top: 23px;
}

.icontafel {
    width: 70px !important;
    position: fixed;
    right: 0px;
    top: 20%;
	box-shadow: 0 0 6px -1px #0000008a !important;
}

.icontafelmobile {
    height: 50px !important;
    position: fixed !important;
    padding: 0px !important;
}

.tafelicon {
    transform: translateY(-15px);
}

/***************Logo Scale on Scroll********************/

.logo{
	transition: all 0.5s ease !important;
}

.header{
	transition: all 0.5s ease !important;
}

.active {
	transition: all 0.5 ease !important;
    width: 150px !important;
    margin-top: -20px !important;
}

.shadow{
	background-color: #ab9c96d4 !important;
}

/**************************Body**************************/

html, body{
	overflow-x: hidden !important;
}

h1, h2{
	font-family: 'Sisterhood' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 72px !important;
	line-height: 109px !important;
	color: #ffffff !important;
}

.grau h2, .grau p{
	color: #ab9c96 !important;
}

.einstieg h2{
	font-family: 'DM Serif Display' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 34px !important;
	line-height: 55px !important;
	letter-spacing: 0.5px !important;
	color: #ab9c96 !important;
}

h3{
	font-family: 'DM Serif Display' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 47px !important;
	line-height: 55px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	color: #ab9c96 !important;
}

.weiss h3{
	color: #fff !important;
	letter-spacing: 6px !important;
}

body, p{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 22.5px !important;
    line-height: 35px !important;
	color: #ffffff !important;
}

.schwarz p {
	color: #000 !important;
}

.author p{
	font-size: 20px !important;
	line-height: 45px !important;
	letter-spacing: 2px !important;
}

.authorzwei p{
	font-size: 20px !important;
	line-height: 45px !important;
	letter-spacing: 2px !important;
	color: #ab9c96 !important;
}

#cmplz-document{
	max-width: 100% !important;
}

.intro p{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 34px !important;
	line-height: 55px !important;
	color: #ab9c96 !important;
}

a{
	text-decoration: none !important;
	color: inherit !important;
}

a:hover{
	text-decoration: underline !important;
}

.montkursiv p{
	font-family: 'Montserrat' !important;
	font-style: italic !important;
	font-weight: 600 !important;
	font-size: 26px !important;
	line-height: 42px !important;
	color: #ab9c96 !important;
}

.detail p{
	font-size: 22px !important;
	line-height: 38px !important;
	color: #ab9c96 !important;
	margin-top: -20px !important;
	padding-bottom: 15px !important;
	border-bottom: 1px solid #d1c9ca !important;
}

.detailohne p{
	font-size: 22px !important;
	line-height: 38px !important;
	color: #ab9c96 !important;
	margin-top: -20px !important;
	padding-bottom: 15px !important;
}

li::marker {
    content: '- ' !important;
    font-size: 1.2em !important;
}

/*******Button*******/

a.elementor-button.elementor-button-link.elementor-size-sm{
	font-family: 'DM Serif Display' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 26px !important;
	line-height: 25px !important;
	text-transform: uppercase !important;
	color: #fff!important;
	background-color: #d1c9ca !important;
    text-decoration: none !important;
    padding: 20px 35px 20px 35px !important;
	letter-spacing: 2px !important;
	box-shadow: 0 0 5px -2px #00000052 !important;
}

.weiss a.elementor-button.elementor-button-link.elementor-size-sm{
	background-color: #fff !important;
	color: #ab9c96 !important;
}

a.elementor-button.elementor-button-link.elementor-size-sm:hover{
	transform: scale(1.05) !important;
}

.pltitel h3{
	font-family: 'DM Serif Display' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 47px !important;
	line-height: 55px !important;
	letter-spacing: 1px !important;
	color: #ab9c96 !important;
}

.preis p{
	font-family: 'DM Serif Display' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 47px !important;
	line-height: 55px !important;
	letter-spacing: 1px !important;
	color: #ab9c96 !important;
}

h4{
	font-family: 'DM Serif Display' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 34px !important;
	line-height: 55px !important;
	letter-spacing: 0.2px !important;
	color: #ab9c96 !important;
}

.plinhalt li {
	font-family: 'Montserrat' !important;
	font-style: italic !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 42px !important;
	color: #ab9c96 !important;
}

li {
	font-family: 'Montserrat' !important;
	font-style: italic !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 42px !important;
	color: #ab9c96 !important;
}

.pltext p{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 35px !important;
	color: #ab9c96 !important;
	letter-spacing: 1px !important;
}

.pltext p strong{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 35px !important;
	color: #ab9c96 !important;
	letter-spacing: 1px !important;
}

a.cmplz-link.cmplz-manage-third-parties.cookie-statement, a.cmplz-link.cookie-statement, a.cmplz-link.privacy-statement, a.cmplz-link.impressum {
    color: #ab9c96 !important;
}

.paypal p{
	color: #000 !important;
	font-size: 16px !important;
	line-height: 22px !important;
}


/**************************Footer**************************/

.footer p, .footer a{
	color: #ab9c96 !important;
	font-size: 18px !important;
	line-height: 28px !important;
	letter-spacing: 1px !important;
}

/**************************Media Queries**************************/

@media only screen and max-width:(1025px){
	ul.sub-menu.sub-menu-open{
		padding-top: 0px !important;
	}
	
	.elementor-29 .elementor-element.elementor-element-0226540 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
		background-color: #AB9C96D4 !important;
	}
	.active {
		transition: all 0.5 ease !important;
		width: 100% !important;
		margin-top: 0px !important;
	}
	.shadow{
		background-color: #AB9C96D4 !important;
	}
	.header {
		padding-top: 50px !important;
	}
}

@media only screen and (max-width: 767px){
	.header{
		background-color: #AB9C96D4 !important;
	}
	h1, h2{
		font-size: 34px !important;
		line-height: 48px !important;
	}
	.author p {
		font-size: 16px !important;
		line-height: 36px !important;
	}	
	.intro p {
		font-size: 24px !important;
		line-height: 32px !important;
	}
	h3 {
		font-size: 28px !important;
		line-height: 30px !important;
	}
	.montkursiv p {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.einstieg h2 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.plinhalt li {
		font-size: 20px !important;
		line-height: 30px !important;
	}
	.active {
		transition: all 0.5 ease !important;
		width: 100% !important;
		margin-top: 0px !important;
	}
	.shadow{
		background-color: #AB9C96D4 !important;
	}
	h4 {
		font-size: 22px !important;
		line-height: 28px !important;
	}
	p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	li {
		font-size: 18px !important;
		line-height: 28px !important;
	}
}