@charset "utf-8";

/*
Author:		Rico Floß, floss@51nullacht.de
Author URI: https://www.51nullacht.de/
Project:	p-sachsen.de
Date:		2020-02
Client:		Büro Quer
*/

@media only screen and (max-width: 1600px) { /* site width */

	.list-container.startslider-list { width: 100%; }

	.main-navigation > ul > li { margin-left: 1.5rem; }

}

@media only screen and (max-width: 1199px) { /* make sense */

	.hide-desktop { display: block; }

	/* .main-navigation { margin-top: 2.75rem; } */

	.list-container.startslider-list { padding-left: 3rem; padding-right: 3rem; }
	.list-container.startslider-list .item-content::before { margin-top: 2rem; }
	.list-container.startslider-list .claim { font-size: 2.5rem; }

	.slick-arrow.slick-prev { left: -3rem !important; }
	.slick-arrow.slick-next { right: -3rem !important; }

	.cta-container a { height: 150px; width: 150px; }
	.list-container.page-list { font-size: .75rem; }

	/* .page-header .logo-container { width: 200px; margin-left: 0; } */

	/* .meta-navigation .screen-reader-text { display: none; } */

	.section-lebenswelt > div { flex: 1 1 12.5%; }


	/* navigation */
		/* toggle */
	.toggle-navigation { display: block; bottom: 100%; right: 1rem; position: absolute; z-index: +2; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
	.toggle-navigation .button { display: inline-block; }
	.toggle-navigation .button > span { font-size: 2rem; }
	.toggle-navigation .button:hover,
	.toggle-navigation .button:focus { color: currentColor !important; }
	.toggle-navigation .button.active span::before { content: "\f00d"; }

		/* main */
	.main-navigation-container nav { display: none; background-color: #3d7e20; margin-top: 1rem; width: 100%; text-align: left; /* position: fixed; z-index: +1; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; */ }
	.main-navigation ul { }
	.main-navigation > ul > li { margin-left: 0; }
	.main-navigation > ul > li > a { color: #A1E031; padding-left: 1.5rem; }
	.main-navigation > ul > li[class*="current"] > a,
	.main-navigation > ul > li > a.active,
	.main-navigation > ul > li.hover > a,
	.main-navigation > ul > li:hover > a,
	.main-navigation > ul > li > a.hover,
	.main-navigation > ul > li > a:hover { color: currentColor; }
	.main-navigation li { display: block; }
	.main-navigation a { font-size: 1.25rem; color: #fff; padding: .5rem; }
	.main-navigation > ul > li > a::before { display: none; }

	.main-navigation .children { position: relative; display: block; left: auto; min-width: auto; /* text-align: center; */ padding-top: 0; margin-bottom: 1rem; }
	.main-navigation .children li { box-shadow: none; }
	.main-navigation .children li:first-child,
	.main-navigation .children li:last-child { border-radius: 0; }
	.main-navigation .children a { font-size: 1.25rem; color: #fff; padding: .5rem .5rem .5rem 1.5rem; }
	.main-navigation .children a::before { left: .5rem; }
	.main-navigation .children li:last-child a { border-bottom: 1px solid #F3F8E9; }

	.main-navigation li.page_item_has_children:nth-child(3) { margin-right: 0; }
	.main-navigation li.page_item_has_children:nth-child(3)::after { display: none; }

		/* meta */
	.meta-navigation-container,
	.meta-navigation .screen-reader-text { display: none; }
	.meta-navigation > div { margin-left: 1rem; }
	.meta-navigation div:nth-child(1) { white-space: nowrap; }
	.meta-navigation div:nth-child(2) { display: none; }
	.meta-navigation div:nth-child(3) { max-width: 130px; }
	.meta-navigation div:nth-child(4) a { white-space: nowrap; width: 2.5rem; overflow: hidden; display: inline-block; }

	/* accessibility */
	/* .page-header .meta-accessibility li:first-child { margin-left: 0; } */


}

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

	.list-container.startslider-list .item-content::before { margin-top: 0; }

	.gallery.gallery-columns-1.gallery-size-medium { padding: 1rem 3rem 2rem 3rem; }

	.list-container.event-list .col { flex-basis: 50%; }

	.section-lebenswelt > div { flex: 1 1 25%; }

}

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

	.list-container.startslider-list .item-title { font-size: 1rem; }
	.list-container.startslider-list .claim { font-size: 1.5rem; }

	.hide-respo { display: none; }

	.section-lebenswelt > div { flex: 1 1 33.333%; }

}

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

	/* startslider */
	.list-container.startslider-list .item-content::before { margin-top: -3rem; }
	.list-container.startslider-list .image-container,
	.list-container.startslider-list .item-content { float: none; clear: both; width: 100%; }
	.list-container.startslider-list .image-container { width: 50%; margin-left: 12.25%; }

	/* gallery */
	.gallery.gallery-columns-1.gallery-size-medium { padding-bottom: 1rem; }

	/* home cta slider */
		/* yes, to bad: reset slider and cta style ... */
	.list-container.page-list { display: block; text-align: left; }
	.list-container.page-list .cta-container { margin-top: .25rem; }
	.list-container.page-list .cta-container a {
		width: 100%; height: auto; display: block; margin: 0 0 0 3.5rem; padding: 0 1rem;
		background-color: transparent; color: #000; border-radius: 0; text-align: left; font-weight: 700; text-transform: none;
	}
	.list-container.page-list .cta-container a::before { width: .5rem; height: .5rem; border: none; background-color: #3d7e20; }

	.meta-navigation { margin-top: 1rem; }

	.slick-arrow.slick-prev { left: -2.5rem !important; }
	.slick-arrow.slick-next { right: -2.5rem !important; }

	.list-container.event-list .col { flex-basis: 100%; }

	.section-lebenswelt > div { flex: 1 1 50%; }

}

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

	html, body { font-size: 16px; }

	h1, .likeh1 { margin-left: -1.5rem; }

	.list-container.event-list .item-container { width: 100%; }

	.list-container.startslider-list { padding-left: 2rem; padding-right: 2rem; }
	.list-container.startslider-list .image-container { width: 75%; }

	.slick-arrow.slick-prev { left: -2rem !important; }
	.slick-arrow.slick-next { right: -2rem !important; }

}

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


}