/*
Theme Name: Frieda Licht
Theme URI: https://them.es/starter-fse
Author: Felix
Author URI: https://wolang.org/
Description: Frieda Licht (based on them.es)
Requires at least: 5.8.3
Tested up to: 5.9
Requires PHP: 7.2
Version: 0.9.10
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: friedalicht
Tags: full-site-editing, one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'Times New Roman Regular';
    src: url('./fonts/times.woff2') format('woff2'),
         url('./fonts/times.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
	font-family: "Times New Roman", "TimesNewRoman", Times, "Times New Roman Regular", serif;
}
/*
body {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

@media screen and (min-width: 770px) {
	body {
		padding-left: 5rem;
		padding-right: 5rem;
	}
}
*/

:root {
	--rel-w-h: 1.41508673;
	--rel-h-w: 0.7066704675;
	--size-header: 0.161;
	/*--size-footer: 0.125;*/
	--size-footer: 0.05768455;
	/*--size-main: 0.693;*/
	--size-main: calc(1 - var(--size-header) - var(--size-footer));
	--padding-left: 0.1282782212;
	--padding-right: 0.1140251;
	--padding-header-left: 0.0741163056;
	--logo-width: 0.03990878;
	--logo-width-rem: 3.2rem; 
	--site-margin-lr: 1rem;
	--site-margin-tb: 0.5rem;
	--main-share-image: 0.9;
	--main-share-description: calc(1 - var(--main-share-image));
	--image-w-h-ratio: 1.5;
	scroll-behavior: smooth;
	overflow-x: hidden;
	/*--site-w-h-ratio: calc(--var(image-ratio) / var(--size-main)*/
}

@media (max-height: 560px) and (min-width: 701px) and (max-width: 1024px) and (min-aspect-ratio: 18 / 10) {
	:root {
		--size-header: 0.05;
		--size-main: 0.9;
		--size-footer: 0.05;	
	}
}

/*
:root {
	font-size: calc(0.5vw - -0.25vh - -0.34vmin);
}
@media screen and (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
	:root {
		font-size: calc(1.2vw);
	}
}
@media screen and (max-width: 769px) and (orientation: portrait) {
	:root {
		font-size: calc(0.7vw - -0.3vh - -0.5vmin);
	}	
}
@media screen and (max-width: 769px) and (orientation: landscape) {
	:root {
		font-size: calc(0.7vw - -0.3vh - -0.5vmin);
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	:root {
		font-size: calc(0.5vw - -0.25vh - -0.8vmin);
	}
}
*/

:root {
	font-size: 16px;
}

@media (max-aspect-ratio: 1 / 1) {
	:root {
		font-size: 1.7vw;
	}
}

@media (aspect-ratio: 1 / 1) {
	:root {
		font-size: 1.7vw;
	}
}

@media (min-aspect-ratio: 1 / 1) {
	:root {
		font-size: 1.7vh;
	}
}

@media (max-width: 700px) and (max-aspect-ratio: 1 / 1) {
	:root {
		font-size: 2.3vw;
	}
}

@media (max-height: 560px) and (min-width: 701px) and (max-width: 1024px) and (min-aspect-ratio: 18 / 10) {
	:root {
		font-size: 2.3vh;
	}
}


body {
	padding: 0;
	margin: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	scroll-behavior: smooth;
}

#overlay {
	position: fixed;
	left: 0;
	top: 0;	
	width: 100%;
	height: 100vh;
	background-color: rgba(255,255,255,1);
	opacity: 1;
	pointer-events: auto;
	z-index: 10000000000;
	transition: opacity 0.3s ease-in-out;
}

body:not(.pages-loading) #overlay {
	opacity: 0;
	pointer-events: none;
}

.wp-site-blocks {
	/*aspect-ratio: var(--rel-w-h);*/
	aspect-ratio: 297 / 210;
	/*max-height: 100vh;
	max-width: 90rem;
	width: auto;
	height: auto;*/
	/*overflow: hidden;*/
	display: flex;
	flex-direction: column;
	flex-wrap: no-wrap;
}

.full-main-height {
    min-height: calc(100vh * var(--size-main));
}

.wp-site-blocks > main {
		justify-content: center;
}

@media screen and (min-aspect-ratio: 297 / 210) {
	.wp-site-blocks {
		height: 100vh;
	}
	.wp-site-blocks > main {
		justify-content: flex-start;
	}
	.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	width: calc(2 * var(--wp--preset--font-size--normal));
	height: calc(2 * var(--wp--preset--font-size--normal));
	margin-left: -0.25rem;
	}
}

@media screen and (max-aspect-ratio: 297 / 210) {
	.wp-site-blocks {
		height: 100vh;
		width: 100%;	
	}
}

@media screen and (max-aspect-ratio: 297 / 210) and (min-width: 700px) {
	.wp-site-blocks > main {
		font-size: 1.414285714vw;
		justify-content: center;
	}
	.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	width: calc(2 * 1.414285714vw * 13 / 10);
	height: calc(2 * 1.414285714vw * 13 / 10);
	margin-left: -0.25rem;
	}
}

@media screen and (aspect-ratio: 297 / 210) {
	.wp-site-blocks {
		height: 100vh;
		width: 100%;
	}
}

@media screen and (max-aspect-ratio: 297 / 210) and (min-width: 700px) {
	.wp-site-blocks > main {
		font-size: 1.414285714vw;	
	}
	.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	width: calc(2 * 1.414285714vw * 13 / 10);
	height: calc(2 * 1.414285714vw * 13 / 10);
	margin-left: -0.25rem;
	}
}


.wp-site-blocks > header {
	height: calc(var(--size-header) * 100%);
	padding: 0 !important;
	/*position: sticky;*/
	top: 0;
}

.wp-site-blocks > header .friedalicht-language-menu .wp-block-navigation__container {
		flex-grow: unset !important;
}

.wp-site-blocks > header .friedalicht-header-menu {
		padding: 0 calc(100% * var(--padding-right)) 0 max(calc(var(--logo-width-rem) + var(--site-margin-lr)),calc(100% * var(--padding-left)));
}

:root .wp-site-blocks > main {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 0.2s ease-out;
}

:root .wp-site-blocks > main > .entry-content {
	flex-direction: column;
	padding: 0;
}

:root.has-modal-open .wp-site-blocks > main {
	opacity: 0;
	pointer-events: none;
}

.wp-site-blocks > header .friedalicht-header-menu .wp-block-navigation__responsive-container.has-modal-open {
		position: fixed;
		z-index: 1000;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 5rem;

}

.wp-site-blocks > footer {
	height: calc(var(--size-footer) * 100vh);
}

/*.wp-site-blocks > footer nav {
	/*justify-content: flex-end;*/
	font-size: 1rem;
}*/

.wp-site-blocks > footer nav > ul {
	flex-grow: unset !important;
}

.wp-site-blocks > main {
	height: calc((1 - var(--size-header) - var(--size-footer)) * 100%);
	padding: 0 calc(100% * var(--padding-right)) 0 calc(100% * var(--padding-left));
	margin-top: 0;
	display: flex;
	/*justify-content: center;*/
	flex-direction: column;
}

.wp-site-blocks > main > .entry-content {
	max-height: 100%;
	display: flex;
}

#arbeiten {
	padding: 0;
	max-height: 100%;
	width: 100%;
}
/*
.wp-block-site-logo.is-default-size img {
	width: calc(var(--logo-width) * 100vw);
}*/

.friedalicht-page-title a:hover {
	border-color: transparent !important;
}

.blocksatz {
	text-align: justify;
}

@media screen and (orientation: landscape) {
	body {
		/*padding: 0 calc(0.5 * 100vw)*/
		margin: 0 auto;
	}
}

footer.site-footer {
	position: fixed;
	left: 0;
	/*transform: translateX(-100%);*/
	bottom: 0;
	padding: 0 !important;
	z-index: 100;
	display: flex;
	align-items: flex-end;
}
footer.site-footer > .wp-block-group {
	padding: var(--site-margin-tb) var(--site-margin-lr);
}

footer.site-footer nav li a {
	line-height: 1;
}

header.site-header > .friedalicht-language-menu {
	margin: var(--site-margin-tb) var(--site-margin-lr) 0 0;
}

@media screen and (min-width: 770px) {
	header.site-header > .friedalicht-language-menu {
		    transform: translateX(calc(0.5 * (100vw - 100%)));
	}
}

.wp-block-site-title {
	text-transform: lowercase;
	letter-spacing: 0.04rem;
}

.no-padding,
.no-padding .wp-block-ainoblocks-hero__inner-container,
.no-padding .wp-block-ainoblocks-hero__content,
.no-padding .wp-block-ainoblocks-hero__media {
	padding: 0 !important;
}

.no-margins,
.no-margins .wp-block-ainoblocks-hero__content,
.no-margins .wp-block-ainoblocks-hero__media {
	margin: 0 !important;
}
/*
.wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__label {
    border-bottom: 1px solid !important;
}*/

a,
.wp-block-navigation-item__content:not(.active) {
	text-decoration: none;
	border-bottom: 1px transparent solid;
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-item__label,
.wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__label {
    border-bottom: none !important;
}

.wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__content {
    border-bottom: 1px solid;
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-item__content {
	line-height: 1;
}

.wp-block-navigation-item.wp-block-navigation-link:not(:first-of-type)::before {
    content: "|";
    margin-right: var(--wp--style--block-gap);
    line-height: 1;
}


a:hover,
.wp-block-navigation-item__content.active {
	/*text-decoration: underline !important;*/
	border-color: black !important;
}

.wp-block-ainoblocks-hero .wp-block-ainoblocks-hero__media img, .wp-block-ainoblocks-hero .wp-block-ainoblocks-hero__media video {
    height: auto;
}

.friedalicht-page-title {
	margin-left: calc(-1 * var(--logo-width-rem) - 1.2rem);
	z-index: 10000;
}

.friedalicht-logo {
	margin-right: 1.2rem;
	transform: translateY(2rem);
}

.friedalicht-page-title img {
	width: var(--logo-width-rem) !important;
}

.embla__viewport {
	overflow: hidden;
} 

.embla__container {
	/*display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%; */ /* Each slide covers 80% of the viewport */
  display: flex;
  max-height: 100%;
  align-content: flex-end;
  /*align-items: flex-end;*/
}

.embla__slide {
	max-width: 100%;
	/*padding: 0 2.5rem;*/
	max-height: 100%;
	/*max-height: 60vh;*/
	position: relative;
	display: flex;
  	flex: 0 0 100%;
  	margin-top: 0 !important;
  	flex-flow: column nowrap;
   justify-content: center;
}

.embla__slide figure {
	/*height: 100%;*/
	/*max-height: 100%;*/
	max-height: calc(var(--main-share-image) * 100%);
	/*max-width: 100%;*/
	display: flex;
	justify-content: center;
	flex-flow: row nowrap;
  	/*align-items: center;*/
}

.embla__slide img {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	/*height: 100% !important;
	width: 100% !important;*/
	object-fit: contain;
	/*object-position: right;*/
	object-position: center;
	/*width: auto;*/
	/*height: 100%;
	width: auto;
	height: 100%;
	width: auto;*/
}

.embla__slide p:not(:first-of-type) {
	margin: 0;
}

.embla__slide p:first-of-type {
	margin-bottom: 0;
/*    margin-top: auto;*/
}

.embla__slide.has-loaded img {
	opacity: 1;
}

.embla__slide:first-child {
	padding-left: 0;
}

.embla__slide:last-child {
	padding-right: 0;
}

/*
.embla__button {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    outline: none;
    background: transparent;
    border: none;
}*/

.wp-site-blocks > main #arbeiten-container {
	display: flex;
	flex-flow: column nowrap;
	/*justify-content: center;*/
	align-items: center;
/*	align-items: flex-end;*/
}

.wp-site-blocks > main #arbeiten-buttons {
display: flex;
justify-content: flex-end;
flex-direction: row;
overflow: visible;
width: calc(100% + 4rem);
height: 0;
margin-top: 0;
transition: transform 0.2s ease-in-out;
transform: translateY(0px);
}

.embla__button {
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    touch-action: manipulation;
/*    position: absolute;*/
    z-index: 1;
    /*top: calc(100% * (var(--size-header) + var(--size-main)) - 2rem);*/
    border: 0;
    justify-content: center;
    align-items: center;
    fill: black;
    padding: 0;
    bottom: 0;
    font-size: 1.5rem;
    line-height: 1;
}

.embla__button:disabled {
  cursor: default;
  opacity: 0.3;
}

.embla__button__svg {
  width: 100%;
  height: 100%;
}

.embla__button--prev {
  left: 27px;
}

.embla__button--next {
  right: 27px;
  margin-left: 1rem;
}
.embla__slide img {
  /*position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  transform: translate(-50%, -50%);*/
}

body > .wp-site-blocks > header,
body > .wp-site-blocks > footer,
body.lightbox-active > .wp-site-blocks > main .embla__slide p {
	
	filter: blur(0);
	transition: filter 0.3s ease-in-out;
}

body.lightbox-active > .wp-site-blocks > header,
body.lightbox-active > .wp-site-blocks > footer,
body.lightbox-active > .wp-site-blocks > main .embla__slide p {
	filter: blur(1rem);
}

.bg-frieda-rosa {
	background-color: #FFE9DCBD;
}


.wp-block-ainoblocks-hero .wp-block-ainoblocks-hero__inner-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 100%;
    align-items: center;
}

.friedalicht-datenschutz-container p {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.friedalicht-datenschutz-container h2 {
	margin-top: 1.7rem;
	margin-bottom: 1.7rem;
}

.friedalicht-datenschutz-container h3, .friedalicht-datenschutz-container h4 {
	margin-top: 1.3rem;
	margin-bottom: 1.3rem;
}

.friedalicht-ueber-cover,
.friedalicht-kontakt-cover,
.friedalicht-impressum-cover
 {
	width: 100%;
}

.friedalicht-ueber-cover p,
.friedalicht-kontakt-cover p,
.friedalicht-impressum-cover p {
	margin-top: 0;
	margin-bottom: 0;
}

.friedalicht-ueber-cover img.wp-block-cover__image-background,
.friedalicht-kontakt-cover img.wp-block-cover__image-background,
.friedalicht-impressum-cover img {
		object-fit: contain !important;	
	}

@media screen and (max-width: 700px) {
	.friedalicht-ueber-cover img.wp-block-cover__image-background,
.friedalicht-kontakt-cover img.wp-block-cover__image-background,
.friedalicht-impressum-cover img {
		width: 100%;
		height: auto;	
	}
}

.friedalicht-impressum-cover img.wp-block-cover__image-background {
	padding: 0 10vw;
}

.friedalicht-impressum-cover img {
	max-height: 100%;
}

.wp-block-social-link:hover {
	transform: none;
}


.mobile-page-header {
	width: 100%;
	display: flex;
	align-items: center;
	flex-flow: row nowrap;
	justify-content: flex-start;
}

/*.mobile-page-header:not(#page-impressum):not(#page-datenschutz) {
	margin-top: 20vh !important;
}*/
.mobile-page-header:not(#page-datenschutz) {
	margin-top: 20vh !important;
}

.mobile-page-header a:hover {
	border-color: transparent !important;
}

.mobile-page-header img {
	width: var(--logo-width-rem);
	height: auto;
}

a.mobile-page-title-link {
	padding-left: 2rem;
}

.mobile-page-title-link h2 {
	font-weight: normal;
}

#page-impressum-content,
#page-datenschutz-content {
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease-in-out;
}

.embla__slide p:first-of-type {
		margin-top: 1rem;
	}
.embla__slide figure {
		margin-bottom: 0;	
	}	

@media (max-width: 700px) {
	.friedalicht-logo {
		transform: translateY(0);	
	}
}

@media (max-width: 700px) {
	.wp-site-blocks > header .friedalicht-header-menu {
		flex-direction: column;
	}
	.friedalicht-header-nav-container {
		justify-content: flex-start !important;
		margin-top: -1.5rem !important;	
		z-index: 10000;
		align-items: stretch !important;
	}
	.friedalicht-page-title {
		align-items: center !important;
	}
	.embla__slide img {
		opacity: 1 !important;	
	}
	.embla__slide:not(:last-child) {
		padding-bottom: 15vh;	
	}
	
	.embla__container {
		flex-direction: column !important;	
	}
	.wp-site-blocks > main {
		padding: 0 var(--site-margin-lr);
	}
	#page-start-content {
		padding: 10vh 0 15vh;	
	}
	/*#page-kontakt-content {
		width: 100%;	
	}*/
	.mobile-page-container {
		width: 100%;	
	}
	.wp-site-blocks > header, .wp-site-blocks > main, .wp-site-blocks > footer {
		height: auto;	
		position: relative;
	}
	.wp-site-blocks > footer {
		display: none;
	}
	.wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__content {
		border-color: transparent !important; 	
	}
	.wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__content:hover {
		border-color: black !important; 	
	}
	.wp-block-navigation .wp-block-navigation-link.current-menu-item .wp-block-navigation-item__label {
		border-color: transparent !important;	
	}
	#arbeiten-buttons {
		display: none !important;
	}
	.full-main-height {
   	min-height: unset;
	}
	.mobile-page-container {
		margin: 0 !important;	
	}
}

@media (max-height: 560px) and (min-width: 701px) and (max-width: 1024px) and (min-aspect-ratio: 18 / 10) {
	.wp-site-blocks {
		justify-content: center;	
		/*aspect-ratio: unset;*/
	}	
	.wp-site-blocks > header.site-header {
		position: fixed;
		left: 0;	
	}	
	.wp-site-blocks > header.site-header .friedalicht-language-menu {
		width: calc(100vw - 1rem);
	}
	.friedalicht-header-menu {
		padding-left: min(calc(var(--logo-width-rem) + (3 * var(--site-margin-lr))),calc(100% * var(--padding-left))) !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		flex-flow: column wrap !important;
		align-content: flex-start !important;
		/*height: calc((1 - var(--size-header) - var(--size-footer)) * 100%);*/
		margin-top: calc((100% - ((1 - var(--size-header) - var(--size-footer)) * 100%)) / 2);
	}
	.wp-site-blocks > footer.site-footer {
		position: fixed;
		left: 0;
	}
	body {
		justify-content: flex-end;	
	}
	.wp-site-blocks > main {
		/*position: absolute;
		right: var(--logo-width-rem);	
		padding: 0;
		padding-left: 30vw;*/
	}
}

@media (min-height: 320px) and (max-height: 560px) and (min-width: 701px) and (max-width: 1024px) and (min-aspect-ratio: 23 / 10) { 
	body {
		justify-content: center;	
	}	
	.wp-site-blocks > main {
		/*width: 66vw;*/
		padding-left: 0;
		padding-right: 0;
	}
	.friedalicht-header-menu {
		/*width: 25vw;*/
	}
}