/* Fonts

/* istok-web-regular - latin */
@font-face {
	font-family: 'Istok Web';
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url('/fonts/istok-web-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('/fonts/istok-web-v20-latin-regular.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('/fonts/istok-web-v20-latin-regular.woff2')
			format('woff2'),
		/* Super Modern Browsers */ url('/fonts/istok-web-v20-latin-regular.woff')
			format('woff'),
		/* Modern Browsers */ url('/fonts/istok-web-v20-latin-regular.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('/fonts/istok-web-v20-latin-regular.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-italic - latin */
@font-face {
	font-family: 'Istok Web';
	font-style: italic;
	font-display: swap;
	font-weight: 400;
	src: url('/fonts/istok-web-v20-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('/fonts/istok-web-v20-latin-italic.eot?#iefix')
			format('embedded-opentype'),
		/* IE6-IE8 */ url('/fonts/istok-web-v20-latin-italic.woff2') format('woff2'),
		/* Super Modern Browsers */ url('/fonts/istok-web-v20-latin-italic.woff')
			format('woff'),
		/* Modern Browsers */ url('/fonts/istok-web-v20-latin-italic.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('/fonts/istok-web-v20-latin-italic.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-700 - latin */
@font-face {
	font-family: 'Istok Web';
	font-style: normal;
	font-display: swap;
	font-weight: 700;
	src: url('/fonts/istok-web-v20-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('/fonts/istok-web-v20-latin-700.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */ url('/fonts/istok-web-v20-latin-700.woff2') format('woff2'),
		/* Super Modern Browsers */ url('/fonts/istok-web-v20-latin-700.woff')
			format('woff'),
		/* Modern Browsers */ url('/fonts/istok-web-v20-latin-700.ttf')
			format('truetype'),
		/* Safari, Android, iOS */
			url('/fonts/istok-web-v20-latin-700.svg#IstokWeb') format('svg'); /* Legacy iOS */
}

/* @group helpers/opinions											    */

html,
button,
input,
select,
textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
	transition: all ease-out;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #e0e0e0;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.flex {
	display: flex;
}
.grid {
	display: grid;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}

ul.semantic {
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
ul.semantic li {
	margin: 0;
	padding: 0;
}

a:focus {
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	margin-top: 0;
}

.mt-20 {
	margin-top: 20px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-0 {
	margin-bottom: 0;
}
.w-157 {
	width: 157px;
}
.w-1 {
	width: 100%;
}
.max-w-100 {
	max-width: 100%;
}

/* @end */
/* @group site-specific											        */

body {
	font-family: 'Istok Web', sans-serif;
	line-height: 1.3333;
	background-color: #d2e5e8;
	color: #666666;
	font-size: 14px;
}

h2 {
	text-indent: -9999px;
	margin-left: -30px;
	background-repeat: no-repeat;
}
h3 {
	font-size: 18px;
	color: #663300;
	font-weight: 700;
	margin-bottom: 0.75em;
}
h4,
h5 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 20px;
}
h4 {
	color: #ff9900;
	margin-bottom: 0;
	margin-top: 1em;
}
h5 {
	margin-bottom: 0;
}
h6 {
	font-size: 14px;
	margin-bottom: 0;
}
p {
	line-height: 20px;
}
blockquote {
	font-size: 18px;
	margin: 0 0 1em;
	font-style: italic;
}
address {
	font-style: normal;
}
strong {
	font-weight: 700;
}

h2#hl-unser-engagement {
	background-image: url('../img/hl_unser_engagement.png');
	height: 75px;
}
h2#hl-drei-grosse {
	background-image: url('../img/hl_drei_grosse.png');
	height: 42px;
}
h2#hl-stellen-sie-sich-vor {
	background-image: url('../img/hl_stellen_sie_sich_vor.png');
	height: 72px;
}
h2#hl-was-wir-bereits {
	background-image: url('../img/hl_was_wir_bereits.png');
	height: 78px;
}
h2#hl-unser-tagebuch {
	background-image: url('../img/hl_unser_tagebuch.png');
	height: 37px;
}
h2#hl-archiv {
	background-image: url('../img/hl_archiv.png');
	height: 37px;
}
h2#hl-gemeinsam-fuer-die {
	background-image: url('../img/hl_gemeinsam_fuer_die.png');
	height: 46px;
}
h2#hl-jeder-beitrag {
	background-image: url('../img/hl_jeder_beitrag.png');
	height: 37px;
}
h2#hl-foerdermitglied-werden {
	background-image: url('../img/hl_foedermitglied_werden.png');
	height: 44px;
}
h2#hl-mit-ihrer-hilfe {
	background-image: url('../img/hl_mit_ihrer_hilfe.png');
	height: 72px;
}
h2#hl-kontakt {
	background-image: url('../img/hl_kontakt.png');
	height: 37px;
}
h2#hl-impressum {
	background-image: url('../img/hl_impressum.png');
	height: 37px;
}
h2#hl-spenden-vor-ort {
	background-image: url('../img/hl_spenden_direkt_vor_ort.png');
	height: 37px;
}

/* @group header, footer, general                                       */

ul#navigation li {
	float: left;
	margin-right: 5px;
	font-size: 15px;
	display: block;
}
ul#navigation a:link,
ul#navigation a:active,
ul#navigation a:hover,
ul#navigation a:visited {
	color: #333333;
	color: rgba(51, 51, 51, 0.65);
	text-decoration: none;
	padding: 0 9px 2px;
	text-transform: uppercase;
}
ul#navigation a:hover,
ul#navigation a.active {
	color: #672f19;
	color: rgba(103, 47, 25, 0.65);
	text-decoration: none;
	border-bottom: 2px solid #f2c056;
}

#footer {
	margin-top: 35px;
}
#footer p {
	margin-bottom: 0;
	color: #ffffff;
	font-size: 13px;
}
#footer .left {
	float: left;
	margin-left: 124px;
}
#footer .left span {
	padding-right: 15px;
}
#footer .right {
	float: right;
	margin-right: 120px;
}
#footer .right a:link {
	padding-left: 25px;
}
#footer a:link,
#footer a:active,
#footer a:hover,
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

p.img-desc {
	font-size: 18px;
	margin: 1em 0 3em;
}
a.to-top-spacer {
	display: block;
	text-indent: -9999px;
	height: 48px;
	background: url('../img/bg_to_top.png') 905px 5px no-repeat;
}
.main-col-left a.to-top-spacer {
	background-position: 665px 5px;
}

#content-wrapper {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}
/* #nav-wrapper                            { height: 183px; background-color: #ffffff; position: relative; box-shadow: 4px 4px 5px rgba(1, 1, 1, 0.20); margin-bottom: 24px; } */
/* #nav-home                               { position: absolute; display: block; width: 148px; height: 150px; text-indent: -9999px; background: transparent url('../img/icon_home.jpg') 0 0 no-repeat; top: 13px; left: 50px; } */
/* #nav-wrapper #navigation                { position: absolute; top: 144px; left: 238px; } */

#footer-wrapper-outer {
	width: 100%;
	background: url('../img/bg_footer_outer.png') 0 100% repeat-x;
}
#footer-wrapper {
	max-width: 1280px;
	width: 100%;
	padding-top: 215px;
	background: #96bd0f url('../img/bg_footer.png') top right no-repeat;
	margin: 0 auto;
	padding-bottom: 20px;
}

.archive-mobile {
	display: none;
}

/* tablet and larger */
@media (max-width: 1024px) {
	#footer-wrapper {
		max-width: 1024px;
		width: 100%;
	}
	#footer .left {
		margin-left: 50px;
	}
	#footer .left span {
		padding-right: 15px;
	}
	#footer .right {
		margin-right: 50px;
	}
}

/* @end */
/* @group cols and modules                                              */

.module a:link,
.main-col-left a:link {
	color: #9dcc0a;
	font-weight: normal;
	text-decoration: none;
}
.module a:visited,
.main-col-left a:visited {
	color: #9dcc0a;
}
.module a:hover,
.main-col-left a:hover {
	text-decoration: underline;
}

.module {
	padding: 40px 58px 45px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.5);
	position: relative;
}
.module-white {
	background-color: #ffffff;
}
.module-orange {
	background-color: #f5a300;
	color: #ffffff;
}
.module > *:last-child,
.module > *:last-child > *:last-child,
.module > *:last-child > *:last-child > *:last-child {
	margin-bottom: 0;
}

.fb-share-button-wrapper {
	position: absolute;
	right: 58px;
	bottom: 45px;
}

.col {
	width: 47.5%;
}
.col-left {
	float: left;
	margin-right: 5%;
}
.col-right {
	float: right;
}
.cols {
	justify-content: space-between;
}
.col-2 {
	gap: 20px;
}
.col-3 {
	gap: 60px;
}
/* .grid-cols-3                            { grid-template-columns: repeat(3, 280px [col-start]) }  */

.col-25 {
	margin-right: 5%;
	width: 25%;
}
.col-75 {
	width: 70%;
}

.center {
	justify-content: center;
}

.main-col-left {
	float: left;
	width: 710px;
}
.main-col-right {
	float: right;
	width: 185px;
}

/* @end */
/* @group home                                                          */

body.body_home {
	background-color: #a7c613;
	color: #ffffff;
}
body.body_home #footer .left {
	margin-left: 0;
}
body.body_home #footer .right {
	margin-right: 20px;
}

#home-bg-center {
	background: transparent url('../img/bg_home_center_2018.jpg') top center
		no-repeat;
	min-height: 580px;
	max-width: 1340px;
	margin: 0 auto;
}
#home-bg-horizon {
	background: transparent url('../img/bg_home_horizon.png') 0 0 repeat-x;
}
#home-content-wrapper {
	width: 960px;
	background: transparent url('../img/bg_home_center_2018.jpg') -190px 0 no-repeat;
	margin: 0 auto;
	position: relative;
}

/* #home-content-wrapper ul#navigation     { margin-left: 214px; padding-top: 45px; } */

#home-text {
	margin: 504px 0 0 112px;
	background: transparent url('../img/bg_home_text_boxes.png') 28px 0 repeat-y;
}
#home-text-grass {
	background: transparent url('../img/bg_home_grass.png') 0 100% no-repeat;
}
#home-text .left,
#home-text .right {
	float: left;
	padding: 15px 10px 15px 35px;
}
#home-text .left {
	max-width: 395px;
	margin-right: 12px;
	margin-left: 28px;
}
#home-text .right {
	max-width: 195px;
}
#home-text h2 {
	height: 37px;
	margin-bottom: 12px;
}
#home-text .left h2 {
	width: 224px;
	background-image: url('../img/hl_willkommen.png');
}
#home-text .right h2 {
	width: 118px;
	background-image: url('../img/hl_news.png');
}

.home-news-teaser {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	margin: 0 10px 10px -20px;
	padding: 0 0 10px 10px;
	color: #ffffff;
}
.home-news-teaser > *:last-child {
	margin-bottom: 0;
}
.home-news-teaser:last-child {
	border-bottom: 0;
}

#home-stoerer-unterstuetzen {
	display: block;
	height: 168px;
	width: 168px;
	text-indent: -9999px;
	background: transparent url('../img/stoerer_unterstuetzen.png') 0 0 no-repeat;
	position: absolute;
	top: 466px;
	left: 740px;
}
#home-stoerer-taten {
	display: block;
	height: 160px;
	width: 160px;
	text-indent: -9999px;
	position: absolute;
	top: 70px;
	left: 730px;
}
#home-stoerer-10-jahre {
	display: block;
	height: 410px;
	width: 190px;
	text-indent: -9999px;
	position: absolute;
	top: 130px;
	left: 170px;
}
.home-mobile-header {
	display: none;
	visibility: hidden;
}

.box {
	display: none;
}
/* @end */
/* @group ueber-uns                                                     */

.mugshot {
	float: left;
	width: 157px;
	padding-right: 60px;
	margin-bottom: 20px;
}
.mugshot img {
	margin-bottom: 5px;
}

#module-ansporn p {
	width: 80%;
}

#module-was-wir-bereits {
	position: relative;
}
#link-zu-unseren-taten {
	display: block;
	text-align: center;
	padding-top: 80px;
	background: url('../img/bg_zu_unseren_taten.png') top center no-repeat;
	text-decoration: none;
	color: #ffffff;
}
#stoerer-zu-unseren-taten {
	display: block;
	text-indent: -9999px;
	width: 309px;
	height: 307px;
	background: url('../img/stoerer_grosse_taten.png') no-repeat;
	position: absolute;
	top: -18px;
	right: -71px;
}

body.body_ueber_uns #content-wrapper {
	position: relative;
}
.balloon {
	position: absolute;
}
#balloon-a {
	width: 62px;
	height: 132px;
	background: url('../img/balloon_01.png') no-repeat;
	right: -170px;
}
#balloon-b {
	width: 80px;
	height: 181px;
	background: url('../img/balloon_02.png') no-repeat;
	right: -50px;
}
#balloon-c {
	width: 60px;
	height: 135px;
	background: url('../img/balloon_03.png') no-repeat;
	left: -50px;
}
#balloon-d {
	width: 92px;
	height: 205px;
	background: url('../img/balloon_04.png') no-repeat;
	left: -50px;
}
#balloon-e {
	width: 169px;
	height: 374px;
	background: url('../img/balloon_05.png') no-repeat;
	right: -50px;
}
#balloon-f {
	width: 62px;
	height: 132px;
	background: url('../img/balloon_01.png') no-repeat;
	left: -80px;
}
#balloon-g {
	width: 41px;
	height: 91px;
	background: url('../img/balloon_06.png') no-repeat;
	right: 10px;
}

/* @end */
/* @group entries                                                       */

.module-entry h2 {
	font-size: 25px;
	text-indent: 0;
	margin-left: 0;
	color: #ff9900;
}

.gallery {
	margin: 35px 0 25px;
}
/* .gallery-detail-wrapper                 { max-width: 551px; width: 100%; height: 342px; background: #ffffff url('../img/loading.gif') center center no-repeat; } */
.gallery-previews {
	margin-top: 55px;
}
.gallery-previews a {
	margin: 0 34px 34px 0;
	float: left;
}
.gallery-previews a.first {
	clear: left;
}
.gallery-previews a.last {
	margin-right: 0;
}
a.file-link:link {
	color: #666666;
	padding: 13px 0 0 65px;
	width: 230px;
	font-size: 13px;
	background: url('../img/icon_pdf.png') no-repeat;
	text-decoration: none;
	display: block;
	min-height: 36px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 25px;
}
a.file-link:visited {
	color: #666666;
}

.pagination {
	position: relative;
	left: -50%;
	float: right;
}
.pagination ul {
	position: relative;
	left: 50%;
}
.pagination li {
	float: left;
	border-right: 2px solid #757b7c;
}
.pagination li a:link {
	text-decoration: none;
	color: #666666;
	display: block;
	font-size: 18px;
	padding: 0px 8px;
	font-weight: 700;
	line-height: 20px;
}
.pagination li a:visited {
	color: #666666;
}
.pagination li.last,
.pagination li.previous,
.pagination li.next {
	border-right: 0;
}
.pagination li.current a {
	color: #888888;
}

.archive {
	width: 1200px;
}
.archive-taten {
	width: 195px;
}
ul.entry-archive li {
	margin-bottom: 5px;
}
.entry-archive a {
	text-decoration: none;
	color: #666666;
	font-size: 13px;
}
.entry-archive li.current {
	font-weight: 700;
}

/* @end */
/* @group spenden-sie                                                   */

a#download-application {
	display: block;
	text-indent: -9999px;
	height: 110px;
	background: url('../img/bg_mitgliedsantrag.png') 50% 100% no-repeat;
	margin-top: 2em;
}
/* #spendentafel                           { background: url('../img/bg_spendentafel.png') no-repeat; margin-bottom: 1em; } */
/* #spendentafel a, #spendentafel span     { display: block; text-indent: -9999px; width: 278px; height: 176px; float: left; } */
#spendentafel a:hover {
	background-position: 0 -176px;
}
#spendentafel a,
#spendentafel span {
	display: block;
}

/* @end */
/* @group kontakt / impressum                                           */

label {
	font-style: italic;
	display: block;
}
label em {
	display: none;
}
input,
textarea {
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #666666;
}
input[type='text'],
input[type='submit'] {
	width: 286px;
	height: 48px;
	background: #ffffff url('../img/bg_input_submit.png') no-repeat;
}
textarea {
	/* width: 834px;
	height: 283px; */
	width: 100%;
	height: 400px;
	background: #ffffff url('../img/bg_textarea.png') no-repeat;
	background-size: cover;
	resize: none;
}
input[type='text'],
textarea {
	padding: 5px;
}
input[type='submit'] {
	float: right;
	font-size: 18px;
	font-style: italic;
	text-transform: uppercase;
	padding-top: 5px;
}
label.error {
	margin-top: 2px;
	color: #db0939;
}

#message {
	margin-bottom: 1em;
}
#message.error {
	color: #db0939;
}
#message.notice {
	color: #9dcc0a;
}

.fieldWrapper {
	margin-bottom: 1em;
}
#wrapper_name,
#wrapper-email {
	float: left;
	width: 286px;
	margin-right: 12px;
}
#wrapper_nachricht {
	clear: left;
}

/* #impressum p                            { width: 686px; } */

/* @end */
/* @group 10 Jahre                                           */

.img-10-years + .img-10-years {
	margin-top: 2em;
}

/* @end */
/* @group Helper classes                                                */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}
.ir:before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: ' (' attr(href) ')';
	}
	abbr[title]:after {
		content: ' (' attr(title) ')';
	}
	.ir a:after,
	a[href^='javascript:']:after,
	a[href^='#']:after {
		content: '';
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* @end */

/* Media Screens */
@media screen and (min-width: 961px) {
	#home-content-wrapper h1 {
		position: absolute;
		text-indent: -9999px;
	}
	#home-content-wrapper #footer-wrapper {
		background-image: none;
		padding-top: 0px;
	}
	#home-content-wrapper #footer-wrapper-outer {
		height: auto;
		background-image: none;
	}
	#home-content-wrapper #footer-wrapper {
		background-color: transparent;
	}
}

@media screen and (max-width: 960px) {
	.home-mobile-header {
		display: block;
		visibility: visible;
	}
	#home-bg-center {
		background: none;
	}
	#home-bg-horizon {
		background: none;
	}
	#home-content-wrapper {
		background: none;
		width: 100%;
	}
	#home-text {
		margin: 0;
		background: none;
		background-color: #f9b200;
	}
	#home-text-grass {
		background: none;
	}
	#home-text .right {
		margin-right: 12px;
		margin-left: 28px;
		background: none;
	}
	#home-text .left,
	#home-text .right {
		float: none;
	}

	#home-stoerer-unterstuetzen {
		background: transparent url(../img/stoerer_unterstuetzen.png) 28px 0
			no-repeat;
		position: static;
		background-color: #f9b200;
		width: 100%;
		padding-bottom: 40px;
	}
	#home-stoerer-taten {
		display: none;
	}
	#home-stoerer-10-jahre {
		display: none;
	}

	/* #footer-wrapper-outer                   { height: 350px; } */

	#footer-wrapper {
		padding-top: 260px;
	}
	#footer-wrapper-outer {
		background: none;
	}

	.box {
		display: block;
		background-color: #f9b200;
		padding: 40px;
	}
	.box a {
		color: white;
	}
	.box h3 {
		color: white;
	}

	.archive-mobile {
		display: block !important;
		padding: 40px 58px 45px;
		max-width: 150px;
	}
	.archive {
		display: none;
	}
	.archive-taten {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	p {
		width: 100%;
	}

	#balloon-a {
		display: none;
	}
	#balloon-b {
		display: none;
	}
	#balloon-c {
		display: none;
	}
	#balloon-d {
		display: none;
	}
	#balloon-e {
		display: none;
	}
	#balloon-f {
		display: none;
	}
	#balloon-g {
		display: none;
	}

	h2#hl-unser-engagement {
		background-image: url('../img/hl_unser_engagement_tablet.png');
		height: 107px;
	}
	h2#hl-stellen-sie-sich-vor {
		background-image: url('../img/hl_stellen_sie_sich_vor_tablet.png');
		height: 106px;
	}
	h2#hl-was-wir-bereits {
		background-image: url('../img/hl_was_wir_bereits.png');
		height: 78px;
	}
	h2#hl-unser-tagebuch {
		background-image: url('../img/hl_unser_tagebuch.png');
		height: 37px;
	}
	h2#hl-archiv {
		background-image: url('../img/hl_archiv.png');
		height: 37px;
	}
	h2#hl-gemeinsam-fuer-die {
		background-image: url('../img/hl_gemeinsam_fuer_die.png');
		height: 46px;
	}
	h2#hl-jeder-beitrag {
		background-image: url('../img/hl_jeder_beitrag.png');
		height: 37px;
	}
	h2#hl-foerdermitglied-werden {
		background-image: url('../img/hl_foedermitglied_werden.png');
		height: 44px;
	}
	h2#hl-mit-ihrer-hilfe {
		background-image: url('../img/hl_mit_ihrer_hilfe.png');
		height: 72px;
	}
	h2#hl-kontakt {
		background-image: url('../img/hl_kontakt.png');
		height: 37px;
	}
	h2#hl-impressum {
		background-image: url('../img/hl_impressum.png');
		height: 37px;
	}
	h2#hl-spenden-vor-ort {
		background-image: url('../img/hl_spenden_direkt_vor_ort.png');
		height: 37px;
	}

	.module {
		padding: 40px 30px 40px 30px;
	}
	/* .grid-cols-3                            { grid-template-columns: repeat(2, 280px [col-start]) }                           */

	#stoerer-zu-unseren-taten {
		display: none;
		visibility: hidden;
	}

	#wrapper_name,
	#wrapper-email {
		float: none;
	}
	input[type='submit'] {
		float: none;
	}

	#footer {
		margin-bottom: 0;
		margin-top: 0;
		padding: 20px;
	}
	#footer p {
		margin-bottom: 10px;
	}

	/* #nav-wrapper                            { height: 183px; background-color: #ffffff; position: relative; box-shadow: 4px 4px 5px rgba(1, 1, 1, 0.20); margin-bottom: 24px; } */
	/* #nav-home                               { position: absolute; display: block; width: 148px; height: 150px; text-indent: -9999px; background: transparent url('../img/icon_home.jpg') 0 0 no-repeat; top: 13px; left: 50px; } */
	/* #nav-wrapper #navigation                { position: absolute; top: 20px; left: 75%; } */
	ul#navigation li {
		float: none;
		margin-bottom: 10px;
	}

	#home-text .left {
		margin-left: 0;
	}
	#home-text .right {
		max-width: none;
		margin-left: 0;
	}

	.home-news-teaser {
		margin-left: 0;
	}

	/* .flex                                   { flex-direction: column; } */
}

@media screen and (max-width: 580px) {
	h2#hl-unser-engagement {
		background-image: url('../img/hl_unser_engagement_small.png') !important;
		height: 82px;
		margin-left: -25px;
	}
	h2#hl-drei-grosse {
		background-image: url('../img/hl_drei_grosse_small.png');
		height: 42px;
		margin-left: -25px;
	}
	h2#hl-stellen-sie-sich-vor {
		background-image: url('../img/hl_stellen_sie_sich_vor_small.png');
		height: 81px;
		margin-left: -25px;
	}
	h2#hl-was-wir-bereits {
		background-image: url('../img/hl_was_wir_bereits_small.png');
		height: 58px;
		margin-left: -25px;
	}
	h2#hl-unser-tagebuch {
		background-image: url('../img/hl_unser_tagebuch_small.png');
		height: 30px;
		margin-left: -25px;
	}
	h2#hl-archiv {
		background-image: url('../img/hl_archiv_small.png');
		height: 30px;
		margin-left: -25px;
	}
	h2#hl-gemeinsam-fuer-die {
		background-image: url('../img/hl_gemeinsam_fuer_die_small.png');
		height: 46px;
		margin-left: -25px;
	}
	h2#hl-jeder-beitrag {
		background-image: url('../img/hl_jeder_beitrag_small.png');
		height: 48px;
		margin-left: -25px;
	}
	h2#hl-foerdermitglied-werden {
		background-image: url('../img/hl_foedermitglied_werden_small.png');
		height: 48px;
		margin-left: -25px;
	}
	h2#hl-mit-ihrer-hilfe {
		background-image: url('../img/hl_mit_ihrer_hilfe_small.png');
		height: 59px;
		margin-left: -25px;
	}
	h2#hl-kontakt {
		background-image: url('../img/hl_kontakt_small.png');
		height: 28px;
		margin-left: -25px;
	}
	h2#hl-impressum {
		background-image: url('../img/hl_impressum_small.png');
		height: 37px;
		margin-left: -25px;
	}
	h2#hl-spenden-vor-ort {
		background-image: url('../img/hl_spenden_direkt_vor_ort_small.png');
		height: 48px;
		margin-left: -25px;
	}

	.archive-mobile {
		padding: 40px 58px 45px 30px;
	}

	#footer-wrapper {
		background-position: 70% top;
	}

	.mugshot {
		margin-right: 0;
	}

	menu,
	ol,
	ul {
		padding: 0 0 0 15px;
	}

	/* .grid-cols-3                            { grid-template-columns: repeat(1, 280px [col-start]) }   */

	/* #nav-wrapper #navigation                { left: 57% } */
	ul#navigation li {
		font-size: 14px;
	}

	/* #nav-home                               { left: 20px; } */

	textarea {
		width: 100%;
	}

	#footer {
		padding: 10px 20px;
	}
	.module {
		padding: 40px 10px 40px 10px;
	}
}

@media screen and (max-width: 300px) {
	input[type='text'],
	input[type='submit'] {
		width: 100%;
	}
	#wrapper_name,
	#wrapper-email {
		width: 100%;
	}
	input[type='submit'] {
		width: 100%;
	}

	#home-text .left h2 {
		background-image: url('../img/hl_willkommen_small.jpg');
		height: 20px;
	}
	#home-text .right h2 {
		background-image: url('../img/hl_news_small.jpg');
		height: 22px;
	}
}