/*
 Theme Name:   Leichte Sprache
 Theme URI:    https://leichtesprache.at/leichtesprache/
 Description:  Twenty Twenty Two Child Theme
 Author:       Jörg Burghard
 Author URI:   https://leichtesprache.at
 Template:     twentytwentytwo
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, one column, responsive-layout, accessibility-ready
 Text Domain:  leichtesprache
*/

/* 
breakpoints max
   522px; //Burger Vertical
   849px; //Burger Horziontal
   1038px;//Navigation Vertical  
*/

strong {
	font-weight: 700;
}

/* Selection */
::selection {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--tintenblau);
}

/* Links */
a {
	text-decoration: underline;
	text-decoration-style: solid;
}
a:hover, a:focus{
	color: var(--wp--preset--color--tintenblau);
	text-decoration: underline;
	text-decoration-style: solid;
}

/* Text */
​​/* for some reason you need to define twice??? */
​​p, ul, li {}
p {
	padding-top: var(--wp--custom--spacing--fontmedium);
}
ul {
	padding-left: 16px;
}
li {
	padding-top: var(--wp--custom--spacing--fontsmall);
}

/* Headings */
h1, h2, h3, h4 {
	padding-top: var(--wp--custom--spacing--fontlarge);
}
h1 {
	padding-right: 5em;
}

.wp-block-button__link{
	font-weight: 300;
	font-size: var(--wp--preset--font-size--p-size);
	padding: 6px 24px;  
	padding-bottom: 5px;
}

.ls_last_update {
	padding-top: var(--wp--custom--spacing--fontxxlarge);
	text-align: right;
}

@media screen and (max-width: 849px) /* Burger Horziontal */ {
	h1, h2, h3, h4, p, ul, a, .wp-block-button__link, .wp-block-post-date, .ls_last_update {
		font-size: var(--wp--preset--font-size--mobile-size);
	}	
	h1, h2, h3, h4 {
		font-weight: 700;
	}	
	h1 {
		padding-right: 0;
	}
}

/* Navigation */
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover {
	color: var(--wp--preset--color--tuerkis);
}

.wp-block-navigation ul {
	margin-top: 0px;
	padding: 10px 0px;	
}

.wp-block-navigation-item__label{
	white-space: nowrap;
}

/* Hamburger */
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
	width: 66px;
	height: 66px;
}

.wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: none;
}
@media screen and (max-width: 849px) /* Burger Horziontal */ {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	color: var(--wp--preset--color--tintenblau);
}

/* X in Hamburger */
.wp-block-navigation__responsive-container-close {
    left: 0;
}

.wp-block-navigation__responsive-container-close svg {
	margin-left: -14px;
}

/* Padding to X in Burger*/
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 80px;
}

/* Current Menu Item Header Navigation*/
.current-menu-item{
	color: var(--wp--preset--color--tuerkis);
}

/* Menu Items Footer Navigation*/
.ls_footer_navigation {
	color: var(--wp--preset--color--tuerkis);
}
.ls_footer_navigation.wp-block-navigation-item a:hover,
.ls_footer_navigation.wp-block-navigation-item a:focus,
.current-menu-item.ls_footer_navigation {
	color: var(--wp--preset--color--tintenblau);
}
 
/* Burger Menu Items Navigation*/
.wp-block-navigation__responsive-container.is-menu-open .current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--tuerkis);
}
 
 
.wp-block-site-logo img{
  max-width: 100%;
  height: auto;
}

.ls_info_box{
	border-width: 4pt;
	border-style: solid;
	border-image: var(--wp--preset--gradient--horizontal-tuerkis-to-tintenblau) 1;
	padding: var(--wp--custom--spacing--fontmedium);
}

.ls_info_box > p{
	padding-top: var(--wp--custom--spacing--fontxsmall);
}

.ls_info_box > h3, .ls_info_box > h4{
	padding-top: var(--wp--custom--spacing--fontxsmall);
	padding-bottom: var(--wp--custom--spacing--fontsmall);
}

.wp-container-1 {
	max-width: calc(100% - 0px);
}

/* Seach */
.wp-block-search__inside-wrapper {
	border-width: 4pt;
    border-style: solid;
    border-image: var(--wp--preset--gradient--horizontal-tuerkis-to-tintenblau) 1;	
}

.wp-block-search__input {
	padding: 0;
	padding-left: 24px;
	border-width: 0;
    border-style: none;
	font-weight: 300;
	color: var(--wp--preset--color--tintenblau);
}

.wp-block-search__input:focus-visible, .wp-block-search__button {
	outline-style: none;
}

.wp-block-search__button {
	color: var(--wp--preset--color--tintenblau);
	background-color: var(--wp--preset--color--background);
	padding: 6px 24px;
	padding-bottom: 5px;
}

.wp-block-search__button:hover {
	cursor: pointer;
}


/* Nav-Menu */
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: block;
}
@media screen and (max-width: 849px) /* Burger Horziontal */ {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

.wp-container-core-group-is-layout-c0a88cdd {
	background-color: var(--wp--preset--color--background);
}

/* Sticky Shrinky Header */
header {
	position: sticky;
	top: -35px;
	z-index: 99;
}

.wp-container-5 {
	top: 0;
	position: sticky;
}

.ls_nav_menue{
	padding-top: 30px;
}
@media (max-width: 1038px) /* Navigation Vertical */{
	.ls_nav_menue{
		padding-top: 0px;
	}
	header {
		top: -100px;
	}
}
@media (max-width: 849px) /* Burger Horziontal */{
	.ls_nav_menue{
		padding-top: 15px;
	}
	header {
		top: -35px;
	}
}
@media (max-width: 522px) /* Burger Vertical */{
	header {
		top: -98px;
	}
}

.ls_sprachen_info_graphic{
	padding-top: var(--wp--custom--spacing--fontlarge);
	padding-bottom: var(--wp--custom--spacing--fontlarge);
}

.wp-block-image{
	padding-top: var(--wp--custom--spacing--fontlarge);
	padding-bottom: var(--wp--custom--spacing--fontlarge);
}

.wp-block-buttons>.wp-block-button{
	margin: 20px 0px;
}

.wp-block-button{
	border-width: 4pt;
	border-style: solid;
	border-image: var(--wp--preset--gradient--horizontal-tuerkis-to-tintenblau) 1;
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited{
	opacity: 1;
	color: var(--wp--preset--color--tintenblau);
	text-decoration: none;
}	

ul li::marker{
	color: var(--wp--preset--color--tuerkis);
}

ul.ls_arrow_list li::marker{
	content: '→ ';
	font-family: "Macklin Text";
	font-weight: 400;
}

.faq-accordion{
	border-top: 4pt solid;
	border-image: var(--wp--preset--gradient--horizontal-tuerkis-to-tintenblau) 1;
}

.faq-accordion-box{
	border-bottom: 4pt solid;
	border-image: var(--wp--preset--gradient--horizontal-tuerkis-to-tintenblau) 1;
}

.faq-accordion-title > h2{
	padding-top: 0px;
	width: 90%;
}

.faq-accordion-title > figure {
	padding: 0;
	margin-left: 26px;
	margin-right: 0;
	margin-bottom: 2px;
	align-self: flex-end;
}

.faq-accordion-title:not(.active) > figure > img{
   transform: scaleY(-1);
}

.faq-accordion-box .faq-accordion-title {
	padding-top: 12px;
	padding-bottom: 12px;
	cursor:pointer;
	box-sizing:border-box;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-transition:color .2s ease-out,background-color .2s ease-out;
	-moz-transition:color .2s ease-out,background-color .2s ease-out;
	transition:color .2s ease-out,background-color .2s ease-out;
}

.faq-content-container{
	padding-bottom: 32px;
}

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

@media screen and (max-width: 849px) /* Burger Horziontal */ {
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outersmall);
	padding-right: var(--wp--custom--spacing--outersmall);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outersmall)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outersmall)) !important;
	width: unset;
}
}

@media screen and (max-width: 699px) {
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outerxsmall);
	padding-right: var(--wp--custom--spacing--outerxsmall);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outerxsmall)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outerxsmall)) !important;
	width: unset;
}
}