/*
Theme Name: 	Leben Neu Machen
Theme URI: 		http://mohnrot.ch
Version: 		1.0
Author: 		Mohnrot
Author URI: 	http://mohnrot.ch
*/



/*** Sensible Defaults ***/

@import "css/reset.css";
@import "css/flickity.css";
@import "js/lightbox/css/lightbox.min.css";
@import "typo.css?v1";
@import "blocks.css";
@import "css/fonts/stylesheet.css";


div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }

::-moz-selection 	{ background:#5b6670; color:#fff; }
::selection 		{ background:#5b6670; color:#fff; }

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: bold; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }

html {
	background: url(css/img/hg.jpg) no-repeat center center fixed;
	background-size: cover;
}

html, body {
	font-family: "kyrial-display-pro", Arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
	color: #645B62;
}


	@media (min-width: 800px) {
		html, body {
			font-size: 15px;
			line-height: 140%;
		}
	}

	@media (min-width: 1000px) {
		html, body {
			font-size: 16px;
			line-height: 140%;
		}
	}

.wrap {
	width: 100%;
	max-width: 1120px;
	padding: 0 1rem;
	margin: 0 auto;
}

@media (min-width: 500px) {
	.wrap {
		padding: 0 2rem;
	}
}

@media (min-width: 1200px) {
	.wrap {
		padding: 0 4rem;
		transform: translateX(-5%);
	}
}

@media (min-width: 1400px) {
	.wrap {
		padding: 0 4rem;
		transform: translateX(-7.5%);
	}
}

.flex {
	display: flex;
	flex-flow: row wrap;
}

.page-wrap {
	min-height: 100vh;
}

@media (min-width: 700px) {
	.page-wrap {
		padding-bottom: 8rem;
	}
}

header {
	height: 11rem;
	align-items: center;
}

header .logo-holder {
	width: 100%;
}

	@media (min-width: 700px) {
		header .logo-holder {
			width: 40%;
		}
	}

	header a.logo {
		width: 14rem;
		height: 4.375rem;
		display: block;
		background: url(css/img/logo.png) no-repeat center;
		background-size: contain;
		text-indent: -1000px;
		overflow: hidden;
		margin: 1rem 0rem;
	}

	body.home header a.logo {
		display: none;
	}

	@media (min-width: 700px) {
		header a.logo {
			position: absolute;
		}
	}

nav {
	font-weight: 600;
	flex: 1;
	font-size: 1.05rem;
	line-height: 100%;
	padding-top: 1rem;
}

@media (min-width: 340px) {
	nav {
		font-size: 1.15rem;
	}
}

@media (min-width: 375px) {
	nav {
		font-size: 1.25rem;
	}
}

@media (min-width: 400px) {
	nav {
		font-size: 1.33rem;
	}
}


	nav ul {
		display: flex;
		flex-flow: row wrap;
	}

	@media (min-width: 700px) {
		nav ul {
			padding-left: 2rem;
		}
	}

		nav ul li {
			padding: 0.5rem 1.5rem 0.5rem 0;
		}

		@media (min-width: 400px) {
			nav ul li {
				padding: 0.5rem 2rem 0.5rem 0;
			}
		}

		@media (min-width: 900px) {
			nav ul li {
				padding: 0.5rem 4rem 0.5rem 0;
			}
		}

		nav ul li:last-child {
			padding-right: 0;
		}

			nav ul li a {
				text-decoration: none;
			}

.image-size {
	width: 100%;
	margin-bottom: 1.5rem;
}

	@media (min-width: 700px) {
		.image-size {
			width: 40%;
		}
	}

.image-size img {
	width: 100%;
}

.image-size img {
	position: absolute;
	opacity: 0;
	left: 0;
}

	.image-size img:nth-child(1) {
		position: relative;
		opacity: 1;
		z-index: 999;
	}

	.image-size img:nth-child(2) {
		opacity: 1;
		z-index: 99;
	}

	.image-size img:nth-child(3) {
		opacity: 0;
		z-index: 9;
	}

img {
	max-width: 100%;
	height: auto;
}

.text-size {
	width: 100%;
}

	@media (min-width: 700px) {
		.text-size {
			flex: 1;
			margin-left: 2rem;
		}
	}

h1, h2 {
    margin-bottom: 0.8em;
}

p {
    margin-bottom: 1.4em;
}

.text-size ul {
	padding-left: 1rem;
	margin: 1.4em 0;
}

	.text-size p+ul {
		margin-top: -0.75em;
	}

	.text-size ul li {
		list-style-type: disc;
	}

footer {
	min-height: 6rem;
	font-size: 0.83rem;
	line-height: 120%;
	background-color: rgba(161, 77, 157, 0.4);
	color: #fff;
	bottom: 0;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;

}

@media (min-width: 700px) {
	footer {
		position: absolute;
		padding-bottom: 3rem;
	}
}

.footer-area {
	width: 100%;
}

	@media (min-width: 400px) {
		.footer-area {
			width: 50%;
		}

		.footer-area:nth-child(1) {
			width: 100%;
		}
	}


	@media (min-width: 700px) {
		.footer-area:nth-child(1) {
			width: 40%
		}
	}

	@media (min-width: 700px) {
		.footer-area:nth-child(2) {
			padding-left: 2rem;
			width: auto;
		}
	}

	@media (min-width: 700px) {
		.footer-area:nth-child(3) {
			padding-left: 4rem;
			width: auto;
		}
	}

	.footer-area:nth-child(2),
	.footer-area:nth-child(3) {
		opacity: 0.7;
	}

.imprint {
	padding: 0 1rem;
	text-align: left;
	width: 100%;
}

	@media (min-width: 500px) {
		.imprint {
			padding: 0 2rem;
		}
	}

	@media (min-width: 700px) {
		.imprint {
			position: absolute;
			bottom: 0.5rem;
			right: 1rem;
			padding: 0;
			text-align: right;
		}
	}

.main-content {
	margin-bottom: 5rem;
}

.current_page_item {
	color: rgba(106, 90, 91, 0.7);
}

.iframe-holder {
	width: 100%;
	position: relative;
}

	.iframe-holder::before {
		content: "";
		display: block;
		padding-bottom: 68%;
	}

iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.accordion {
	margin: 0 0 1em 0;
}

p+.accordion {
	margin-top: -1.4em;
}

.accordion+.accordion {
	margin-top: -1em;
}

	.accordion .accordion-title {
		color: #645B62;
		font-weight: 500;
		text-decoration: underline;
		cursor: pointer;
	}

		.accordion .accordion-title::after {
			content: "";
		}

	.accordion .accordion-content {
		display: none;
		background: rgba(99, 90, 97, 0.15);
		padding: 1em;
		margin-top: 0.6em;
	}

	.accordion .accordion-content p:empty {
		display: none;
	}

	.accordion .accordion-content p:last-child {
		margin-bottom: 0;
	}