@media (max-width: 1130px) {

	.speech {
		right: 20px;
		left: auto;
		margin-left: 0px;
	}

}

@media (max-width: 1100px) {

	.content-wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}	

	.header .title ul.burger {
		left: 20px;
	}

	.header .title .socials {
		right: 20px;
	}

	.header .title .lines {
		width: calc(100% - 40px);
		left: 20px;
	}

}

@media (max-width: 1000px) {

	.grid.c33o33o33,
	.grid.c25o25o25o25 {
	    grid-template-columns: 1fr 1fr;
	}

	body.ueberuns #geschichte .pictures .article.c33o33o33 {
	    grid-template-columns: 1fr 1fr 1fr;
	}

	.happiness ul li:nth-child(2) .separator {
		display: none;
	}

	.footer {
		margin-top: 0px;
		padding-top: 50px;
	}

	.footer .grid.c33o33o33 {
		display: none;
	}

	.contactline .grid.c33o33o33 {
	    grid-template-columns: 1fr;
	}

	.contactline ul li {
		text-align: center !important;
	}

	body.home .seasons .content-wrapper {
		padding: 0px;
	}

	body.home .seasons .grid {
		grid-template-columns: 1fr;
		row-gap: 0px;
	}

	body.home .seasons .background-left,
	body.home .seasons .background-right {
		display: none;
	}	

	body.home .seasons .article .part:first-child {
		background-image: url("/assets/gfx/wood-dark-2.jpg");
	}

	body.home .seasons .article .part:last-child {
		background-image: url("/assets/gfx/wood-dark-1.jpg");
	}

}

@media (max-width: 900px) {

	.reduced {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.header.full-height .header-content .header-content-wrapper h1 {
		font-size: 130px;
	}

	.article .article-links {
	    grid-template-columns: 1fr;
	}

	.section-header h1 {
		font-size: 70px;
	}

	.hide-on-mobile {
		display: none;
	}

	body.aktiv #winter .filler,
	body.aktiv #sommer .filler {
		display: none;
	}

	.interestings h2 {
		font-size: 40px;
	}

}

@media (max-width: 800px) {

	.article p {
		hyphens: auto;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 4;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 4;
	}

}

@media (max-width: 600px) {

	.grid.c50o50,
	.grid.c33o33o33,
	.grid.c25o25o25o25 {
	    grid-template-columns: 1fr;
	}

	.mobile-first {
		order: 1 !important;
	}

	body.home .part {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.part.mobile-first {
		padding-bottom: 0px;
	}

	.links ul li {
		text-align: center;
	}

	.happiness ul li .separator {
		display: none;
	}

	.menu-content-container .grid.c33o33o33 {
		row-gap: 0px;
	}

	.menu-content-container ul {
		margin-bottom: 0px;
		text-align: center;
	}

	.menu-content-container ul li.category a {
		font-size: 30px;
	}

	.menu-content-container ul li:not(.category) {
		display: none;
	}

	.menu-content-container ul.hightlight,
	.menu-content-container a.wood {
		display: none;
	}

	.menu-content-container {
		height: calc(100% - 245px - 180px);
	}

	body.small .menu-content-container {
		height: calc(100% - 120px - 180px);
	}

	.menu-container .mobile-bottom {
		display: inherit;
	}

	.article .part:first-child h2 {
		text-align: left;
	}

	.header.full-height .header-content .header-content-wrapper h1 {
		font-size: 100px;
	}

	.section-header {
		padding-top: 50px;
		padding-bottom: 0px;
	}

	.section-header img {
		width: 120px;
	}

	.flappy-opener {
		font-size: 24px;
		line-height: 50px;
	}

	h2 {
		font-size: 30px;
	}

	#anreisedetails .light-background {
		display: none;
	}

	#anreisedetails .article .part:last-child {
		background-repeat: repeat;
		background-position: center top;
		background-size: 800px auto;
		background-image: url("/assets/gfx/wood-light.jpg");
	}

	#anreisedetails .article .part:last-child {
		padding-top: 0px;
	}

	#anreisedetails .article .part:last-child h2,
	#anreisedetails .article .part:last-child h3,
	#anreisedetails .article .part:last-child p {
		color: rgb(255,255,255);
	}

}

@media (max-width: 500px) {

	.header .title ul.burger li:last-child {
		display: none !important;
	}

	.header .title:not(.small) div.logo {
		height: 122px;
		top: 26px;
	}

	body.home:not(.small) .menu-content-container {
		top: 180px;
		height: calc(100% - 245px - 120px);
	}

	.header.full-height .header-content .header-content-wrapper h1 {
		font-size: 80px;
	}

	.section-header h1 {
		font-size: 50px;
	}

}

@media (max-width: 450px) {

	.speech {
		display: none;
	}

	.cb div,
	.cb p {
		display: inherit;
		padding: 0px;
	}

	.cb div {
		padding-top: 20px;
	}


}

@media (max-width: 400px) {

	.header .title .socials li {
		padding-right: 10px;
	}

}