/*!
Theme Name: Ellen Schiess
Template: kadence
Author: WeMakeWebsites / Jonas Langreuter
Author URI: https://www.wemakewebsites.de
Description: A theme for Ellen Schiess
Version: 1.0.0
Text Domain: kadence-child
*/

@font-face {
	font-family: 'EB Garamond';
	src: url('fonts/EBGaramond-Medium.eot');
	src: url('fonts/EBGaramond-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/EBGaramond-Medium.woff2') format('woff2'),
		url('fonts/EBGaramond-Medium.woff') format('woff'),
		url('fonts/EBGaramond-Medium.ttf') format('truetype'),
		url('fonts/EBGaramond-Medium.svg#EBGaramond-Medium') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nunito';
	src: url('fonts/Nunito-Light.eot');
	src: url('fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Nunito-Light.woff2') format('woff2'),
		url('fonts/Nunito-Light.woff') format('woff'),
		url('fonts/Nunito-Light.ttf') format('truetype'),
		url('fonts/Nunito-Light.svg#Nunito-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nunito';
	src: url('fonts/Nunito-Bold.eot');
	src: url('fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Nunito-Bold.woff2') format('woff2'),
		url('fonts/Nunito-Bold.woff') format('woff'),
		url('fonts/Nunito-Bold.ttf') format('truetype'),
		url('fonts/Nunito-Bold.svg#Nunito-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Nunito';
	src: url('fonts/Nunito-Italic.eot');
	src: url('fonts/Nunito-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Nunito-Italic.woff2') format('woff2'),
		url('fonts/Nunito-Italic.woff') format('woff'),
		url('fonts/Nunito-Italic.ttf') format('truetype'),
		url('fonts/Nunito-Italic.svg#Nunito-Italic') format('svg');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

:root{
	--global-row-gutter-md: 45px;
	--global-kb-gap-lg: 80px;
}

/* header */

#main-header .site-header-main-section-left,
#mobile-header .site-header-main-section-left{
	width: 360px;
	position: relative;
}

#main-header .site-branding a.brand,
#mobile-header .site-branding a.brand{
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
	width: 360px;
}

#main-header .site-branding a.brand img,
#mobile-header .site-branding a.brand img{
	width: 100%;
}

#primary-menu .current-menu-item a{
	font-weight: 700;
}

body.page-id-22 .main-navigation .primary-menu-container > ul > li#menu-item-33 > a,
body.page-id-24 .main-navigation .primary-menu-container > ul > li#menu-item-33 > a,
body.page-id-26 .main-navigation .primary-menu-container > ul > li#menu-item-33 > a{
	color: var(--global-palette10);
	font-weight: 700;
}

/* general */

#main .single-content h2.is-style-unterstrichen,
#main .single-content h3.is-style-unterstrichen,
#main .single-content h4.is-style-unterstrichen
#main .single-content h5.is-style-unterstrichen
#main .single-content h6.is-style-unterstrichen{
	border-bottom: 1px solid #b6a8ab;
}

#main .single-content .is-style-unterstrichen + p.is-style-mit-trenner{
	margin-top: -8px;
}

#main .single-content p{
	margin-bottom: 20px;
}

#main .single-content p.is-style-mit-trenner{
	padding-bottom: 6px;
	border-bottom: 1px solid #b6a8ab;
	margin-bottom: 6px;
}

#main .wp-block-image.is-style-links-abgerundet img{
	-webkit-border-radius: 0 0 0 120px;
	border-radius: 0 0 0 120px;
}

#main .wp-block-image.is-style-rechts-abgerundet img{
	-webkit-border-radius: 0 0 120px 0;
	border-radius: 0 0 120px 0;
}

#main .wp-block-image.is-style-links-klein-abgerundet img{
	-webkit-border-radius: 0 0 0 60px;
	border-radius: 0 0 0 60px;
}

#main .wp-block-image.is-style-rechts-klein-abgerundet img{
	-webkit-border-radius: 0 0 60px 0;
	border-radius: 0 0 60px 0;
}

#main .wp-block-image.alle-ecken-rund img{
	-webkit-border-radius: 32px;
	border-radius: 32px;
}

#main .single-content p.is-style-mit-trenner + .wp-block-buttons{
	margin-top:12px;
	margin-bottom: 0;
}

#main .single-content .wp-block-buttons{
	margin-bottom: 20px;
}

#main .wp-block-button__link{
	font-size: 15px;
	font-weight: 700;
}

#main .wp-block-button.is-style-links-abgerundet .wp-block-button__link{
	-webkit-border-radius: 0 0 0 18px;
	border-radius: 0 0 0 18px;
}

#main .wp-block-button.is-style-rechts-abgerundet .wp-block-button__link{
	-webkit-border-radius: 0 0 18px 0;
	border-radius: 0 0 18px 0;
}

#main .wp-block-button.is-style-zurueck .wp-block-button__link{
	-webkit-border-radius: 0 0 18px 0;
	border-radius: 0 0 18px 0;
	position: relative;
}

#main .wp-block-button.is-style-zurueck .wp-block-button__link:before{
	content: "";
	position: absolute;
	left: -24px;
	top: 0;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 24px solid var(--global-palette-btn-bg-hover);
}

#main .wp-block-pullquote{
	text-align: initial;
	padding: 0;
}

#main .wp-block-pullquote blockquote:before{
	display: none;
}

#main .wp-block-pullquote blockquote{
	padding: 0 0 30px;
}

#main .wp-block-pullquote blockquote p{
	font-size: 22px;
	line-height: 1.4;
	font-weight: 400;
	font-style: italic;
	color: var(--global-palette2);
	margin-bottom: 10px;
}

#main .wp-block-pullquote blockquote cite{
	text-transform: none;
	padding-left: 40px;
}

#main .wp-block-accordion{
	border-top: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}

#main .wp-block-accordion h3{
	margin-bottom: 0;
}

#main .wp-block-accordion .wp-block-accordion-heading__toggle-icon{
	font-size: 50px;
	font-family: 'Nunito';
	font-weight: 300;
}

#main .wp-block-accordion button:hover,
#main .wp-block-accordion button:focus{
	background-color: transparent;
	color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#main .kb-row-layout-wrap.is-style-mit-verlauf{
	background: linear-gradient( 180deg, #e2ddd8 0px, #eeebe8 150px );
}

#main h2.is-style-zitat-ueberschrift,
#main h3.is-style-zitat-ueberschrift{
	color: var(--global-palette2);
	padding-left: 55px;
	position: relative;
}

#main h3.is-style-zitat-ueberschrift{
	padding-left: 48px;
}

#main h2.is-style-zitat-ueberschrift:before,
#main h3.is-style-zitat-ueberschrift:before{
	content: '„';
	font-size: 110px;
	line-height: 0;
	position: absolute;
	top: -10px;
	left: 0;
}

#main h3.is-style-zitat-ueberschrift:before{
	font-size: 90px;
}

#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns,
#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns{
	gap: 0;
}

#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column,
#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns .wp-block-kadence-column{
	border-right: 1px solid #A6A6A6;
}

#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column:first-of-type,
#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns .wp-block-kadence-column:first-of-type{
	padding-right: 45px;
}

#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column:last-of-type,
#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns .wp-block-kadence-column:last-of-type{
	border-right: none;
	padding-left: 45px;
}
	
#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column{
	padding-left: 45px;
	padding-right: 45px;
}

#main ul.wp-block-list{
	list-style: none;
	padding: 0;
}

#main ul.wp-block-list li{
	padding-left: 20px;
	position: relative;
}

#main ul.wp-block-list li:before{
	content:'•';
	font-size: 16px;
	color: var(--global-palette10);
	position: absolute;
	top: -2px;
	left: 4px;
}

/* hero */

#main .single-content #heroabschnitt h1{
	margin-bottom: 20px;
	text-shadow: 0 0 50px #272727;
	letter-spacing: 2px;
	font-size: 54px;
}

#main .single-content #heroabschnitt p{
	line-height: 1.3;
	text-shadow: 0 0 50px #272727;
	font-size: 24px !important;
}

/* footer */

#colophon{
	margin-top: 50px;
}

#colophon .site-top-footer-inner-wrap{
	border-top: 1px solid #b6a8ab;
}

#colophon .footer-html{
	margin-top: 0;
}

#colophon .footer-widget-area a{
	color: inherit;
}

#colophon .footer-navigation .footer-menu-container > ul > li > a{
	line-height: 1;
	border-right: 1px solid var(--global-palette1);
}

#colophon .footer-navigation .footer-menu-container > ul > li:last-of-type > a{
	padding-right: 0;
	border-right: none;
}

/* media queries */

@media screen and (max-width: 1023px){

	#main .single-content #heroabschnitt h1{
		font-size: 44px;
		text-shadow: 0 0 40px #272727;
	}
	
	#main .single-content #heroabschnitt p.has-large-font-size,
	#main .single-content #heroabschnitt p.has-medium-font-size{
		font-size: 24px !important;
		text-shadow: 0 0 40px #272727;
	}

}

@media screen and (max-width: 767px){
	
	#main .single-content #heroabschnitt h1{
		letter-spacing: 0;
		font-size: 34px;
		text-shadow: 0 0 30px #272727;
	}
	
	#main .single-content #heroabschnitt p.has-large-font-size,
	#main .single-content #heroabschnitt p.has-medium-font-size{
		font-size: 16px !important;
		text-shadow: 0 0 30px #272727;
	}
	
	#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column:first-of-type,
	#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns .wp-block-kadence-column:first-of-type,
	#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column:last-of-type,
	#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns .wp-block-kadence-column:last-of-type,
	#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-3-columns .wp-block-kadence-column,
	#main .kb-row-layout-wrap.zitat-row .kt-row-column-wrap.kt-has-2-columns .wp-block-kadence-column{
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	#colophon .footer-widget-area.content-align-right .footer-navigation{
		justify-content: flex-start;
	}
	
	#colophon .footer-navigation .footer-menu-container > ul > li:first-of-type > a{
		padding-left: 0;
	}
	
	#colophon p.has-text-align-right{
		text-align: left;
	}
	
}

@media screen and (max-width: 509px){
	
	#mobile-header .site-header-main-section-left,
	#mobile-header .site-branding a.brand{
		width: 240px;
	}
		
}

@media screen and (max-width: 359px){
	
	#mobile-header .site-header-main-section-left,
	#mobile-header .site-branding a.brand{
		width: 180px;
	}
	
	#mobile-header .site-branding a.brand{
		top: 30px;
	}
		
}