/* ========= NAVIGATION ========= */
/* ======================================================= */
@import 'nav_bar_main.css';
@import 'nav_bar_top.css';
@import 'nav_bar_country.css';
@import 'nav_tree_sub.css';
@import 'nav_tree_sitemap.css';


/* ========= LAYOUT ========= */
/* ======================================================= */
.container {
	width: 940px;
	margin: 0px auto;
}
#containerBox {
	background-color: #ffffff;
	background-image: url(../../images/site/bkg_pages.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#toplinksBox {
	position: absolute;
	width: 940px;
	z-index: 1;
}
#topnavBox {
	float: right;
	margin: 0px 20px 0px 0px;
}
#countryToggler {
	background-color: #C8D200;
	padding: 8px 27px 10px 12px;
	text-transform: uppercase;
	font-weight: 700;
	background-image: url(../../images/site/icon_countrytoggler.png);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	overflow: hidden;
	height: 15px;
	float: right;
}
#countryToggler:hover {
	opacity: 0.5;
}
#topcountrynavBox {
	position: absolute;
	right: 0px;
	top: 33px;
}
#topcountrynavBox .countryContent {
	width: 250px;
	background-color: #C8D200;
	padding: 25px 25px 0px 25px;
}
#topcountrynavBox .countryContent .header {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0px 0px 10px 0px;
}
#topcountrynavBox .countryContent .advice {
	margin: 20px -25px 0px -25px;
	background-color: #2B3638;
}
#topcountrynavBox .countryContent .advice a {
	padding: 5px 10px 5px 25px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	display: block;
	background-image: url(../../images/site/icon_arrow_white_small_right.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#topcountrynavBox .countryContent .advice a:hover {
	opacity: 0.5;
}

#topBox {
	height: 215px;
	position: relative;
}
#homelinkBox {
	position: absolute;
	top: 80px;
}
#homelinkBox a {
	display: block;
	width: 312px;
	height: 109px;
	background-image: url(../../images/site/logo_top.png);
	background-repeat: no-repeat;
}
#fontsizeBox {
	position: absolute;
	top: 135px;
	right: 0px;
}
/* ===--- fontsize: start ---===  */
#fontsizeBox li {
	float: left;
}
#fontsizeBox a {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url(../../images/site/btn_fontsize_icons.png);
	background-position: 0px 0px;
}
#fontsizeBox a:hover {
	opacity: 0.5;
}
#fontsizeBox .fontSize1 a {
	background-position: 0px 0px;
}
#fontsizeBox .fontSize2 a {
	background-position: -22px 0px;
}
#fontsizeBox .fontSize3 a {
	background-position: -44px 0px;
}
/* ===--- fontsize: end ---===  */
#socialnavBox {
	position: absolute;
	top: 165px;
	right: 165px;
}
#socialnavBox li {
	float: left;
}
#socialnavBox a  {
	display: block;
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../../images/site/btn_social.png);
}
#socialnavBox .facebook a  {
	background-position: 0px 0px;
}
	#socialnavBox .facebook a:hover  {
		background-position: 0px -32px;
	}
#socialnavBox .twitter a  {
	background-position: -32px 0px;
}
	#socialnavBox .twitter a:hover  {
		background-position: -32px -32px;
	}
#socialnavBox .rss a  {
	background-position: -64px 0px;
}
	#socialnavBox .rss a:hover  {
		background-position: -64px -32px;
	}
#socialnavBox .mail a  {
	background-position: -96px 0px;
}
	#socialnavBox .mail a:hover  {
		background-position: -96px -32px;
	}
#searchBox {
	position: absolute;
	top: 170px;
	right: 0px;
	width: 145px;
	background-color: #E9EBEB;
}
#searchBox input {
	width: 114px;
	float: left;
	border: 1px solid #E9EBEB;
	background-color: #E9EBEB;
}
#searchBox .button {
	float: left;
	display: inline-block;
	width: 23px;
	height: 23px;
	border: none;
	background: transparent url(../../images/site/btn_search.png) no-repeat center;
	text-indent: -9999px;
	font-size: 0px;
}
#mainBox {
	padding: 0px 0px 20px 0px;
}
#mainnavBox {
	height: 89px;
	border-bottom: 1px solid #B4B8B8;
	margin: 0px 0px 17px 0px;
}
#leftBox {
	width: 210px ;
	float: left;
}
#subnavBox {}
#subnavBox .treeSub {
	padding: 0px 0px 50px 0px;
}
#infoleftBox {
	padding: 0px 0px 30px 0px;
}
#maincontentBox {
	width: 730px;
	float: left;
}
#sectionImageBox {
	overflow: hidden;
	margin: 0px 0px 25px 32px;
}
#contentBox {
	width: 456px;
	float: left;
	margin: 0px 0px 0px 32px;
	padding: 0px 0px 30px 0px;
}
#sectionTitleBox {
	font-weight: 700;
	border-bottom: 1px solid #CACDCD;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
#rightBox {
	width: 210px ;
	float: right;
}
#inforight1Box {
	padding: 0px 0px 30px 0px;
}
#infoBox {
	padding: 0px 0px 30px 0px;
}
#inforight2Box {
	padding: 0px 0px 30px 0px;
}
#bottomBox {
	padding: 65px 0px 60px 0px;
}
#footerBox {
	padding: 0px 0px 15px 70px;
	margin: 0px 0px 15px 0px;
	position: relative;
	border-bottom: 1px solid #B4B8B8;
}
#footerBox .footerWrapper {
	display: flex;
}
#footerBox .footerWrapper .item {
	flex: 1;
}
#footerBox .footerWrapper .item:nth-child(1) {
	padding-right: 20px;
}
#footerBox .footerWrapper .item:nth-child(2) {
	padding-left: 20px;
}
#footerBox a {
	color: #2a3637;
	text-decoration: none;
}
#footerBox a:hover {
	color: #2a3637;
	text-decoration: underline;
}
#footerBox .imprint {
    text-align: right;
    padding-top: 7px;
}
#footerBox .imprint .print a {
	display: inline-block;
	width: 21px;
	height: 20px;
	background-image: url(../../images/site/icon_print.png);
	background-repeat: no-repeat;
	background-position: center;
    vertical-align: middle;
    margin-left: 15px;
}
#footerBox .imprint li {
	text-align: right;
}
#footerBox .address {
    position: relative;
}
#footerBox .address::before {
    content: '';
    display: block;
    width: 42px;
    height: 57px;
    background-image: url(../../images/site/logo_footer.png);
	background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -70px;
}

#footerBox .donate {
	background-color: #c8d200;
	padding: 7px 7px 7px 7px;
	margin: 33px 0px 0px 0px;
}
#newsletterBox {}
#newsletterBox .header {
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    color: #2a3637;
}
#newsletterBox input {
    width: 100%;
    margin-bottom: 6px;
}
#newsletterBox input[type='text'] {
    width: calc(50% - 3px);
}
#newsletterBox input:nth-of-type(2) {
    float: right;
}
#newsletterBox .newsletterSubscribeEmbed form .button {
    margin-top: 0px;
    background-color: #ab0132;
}
#bottomSocialBox {
    margin-top: 30px;
}
#bottomSocialBox li {
	float: left;
}
#bottomSocialBox a  {
	display: block;
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../../images/site/btn_social_bottom.png);
}
#bottomSocialBox .facebook a  {
	background-position: 0px 0px;
}
	#bottomSocialBox .facebook a:hover  {
		background-position: 0px -32px;
	}
#bottomSocialBox .twitter a  {
	background-position: -32px 0px;
}
	#bottomSocialBox .twitter a:hover  {
		background-position: -32px -32px;
	}
#bottomSocialBox .rss a  {
	background-position: -64px 0px;
}
	#bottomSocialBox .rss a:hover  {
		background-position: -64px -32px;
	}
#bottomSocialBox .mail a  {
	background-position: -96px 0px;
}
	#bottomSocialBox .mail a:hover  {
		background-position: -96px -32px;
	}
#bottomnavBox {}
#bottomcountrynavBox {
	width: 185px;
	float: left;
}
#bottomcountrynavBox .header {
	font-weight: 700;
	text-transform: uppercase;
	padding: 0px 0px 20px 0px;
}
#bottomtopnavBox {}
#sitemapnavBox {}

#tplswitchBox {
	text-align: center;
	padding: 30px 0px 30px 0px;
	color: #000000;
}
#tplswitchBox .header, #tplswitchBox ul, #tplswitchBox li{
	display: inline;
}
#tplswitchBox li {
	padding: 0px 0px 0px 10px;
	font-weight: 700;
}
#tplswitchBox a {
	color: #000000;
	font-weight: 400;
}

/* ========= layout: fullwidth ========= */
/* ======================================================= */
.fullwidth {}
.fullwidth #contentBox {
	width: auto;
}


/* ========= layout: index ========= */
/* ======================================================= */
.index #eyecatcherBox {
	height: 405px;
	border-bottom: 1px solid #CACDCD;
	margin: 0px 0px 25px 0px;
}
.index #sliderBox {
	/* width: 620px;
	float: left; */
}
.index #topinfoBox {
	width: 300px;
	float: right;
}
.index #topinfoBox img {
	padding: 0px 0px 0px 0px !important;
}
.index #appealBox {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 50px 0px;
    background-color: #ab0132;
    color: #ffffff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.index #appealBox .line1,
.index #appealBox .line2,
.index #appealBox .line3 {
    display: block;
    flex-basis: calc(50% - 30px);
}
.index #appealBox .line1 {
    font-size: 23px;
    line-height: 27px;
    flex-basis: 100%;
    padding-bottom: 20px;
    padding-right: 15px;
}
.index #appealBox .line1 .logo {
    font-size: 28px;
    line-height: 32px;
    /* display: block; */
}
.index #appealBox .line2 {
    text-align: left;
    padding-left: 15px;
}
.index #appealBox .line3 {
    text-align: right;
    padding-right: 15px;
}
.index #appealBox .line3 img {
    width: auto;
    height: 60px;
    margin: 0px 10px 0px 10px;
}
.index #appealBox a {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    background-color: #C8D200;
    font-weight: 700;
    color: #2A3637;
    text-decoration: none;
}
.index #appealBox a:hover {
    opacity: 0.5;
}
.index #mainlinksBox {

}
.index #mainlinksBox .contentSection {
	width: 300px;
	margin: 0px 20px 0px 0px;
	float: left;
	cursor: pointer;
}
.index #mainlinksBox .contentSection:hover {
	opacity: 0.5;
}
.index #mainlinksBox .contentSection.lastSection {
	margin: 0px 0px 0px 0px;
	float: right;
}
/*
.index #mainlinksBox .contentSection.lastSection a,
.index #mainlinksBox .contentSection.lastSection .modSubTitle {
	color: #ab0132;
}
.index #mainlinksBox .contentSection.lastSection .modTeaser {
    background-color: #ab0132;
    color: #ffffff;
    background-image: url(../../images/site/index_mainlinks_arrow_right_white.png);
}
.index #mainlinksBox .contentSection.lastSection .teaserBottom {
    background-image: url(../../images/site/index_bkg_bottom_maininfo_red.png);
}
*/
.index #mainlinksBox .modTitle a {
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
}
.index #mainlinksBox .modTitle a:hover {
	text-decoration: none;
	color: #2a3637;
}
.index #mainlinksBox .modTitle a:hover .modSubTitle {
	color: #c8d200;
}
.index #mainlinksBox .modSubTitle {
	font-weight: 700;
	color: #c8d200;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 2px 0px 0px 0px;
}
.index #mainlinksBox .image {
	margin: 25px 0px 0px 0px;
}
.index #mainlinksBox .modTeaser {
	background-color: #c8d200;
	background-image: url(../../images/site/index_mainlinks_arrow_right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 10px 30px 20px 10px;
}
.index #mainlinksBox .teaserBottom {
	background-image: url(../../images/site/index_bkg_bottom_maininfo.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 17px;
	overflow: hidden;
}
.index #newsheaderBox {
	text-transform: uppercase;
	color: #c8d200;
	font-weight: 700;
	padding: 25px 0px 20px 0px;
}
.index #maincontentBox {
	width: 940px;
	float: none;
}
.index #contentBox {
	background-image: url(../../images/site/index_bkg_news.png);
	background-repeat: repeat-x;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 620px;
}
.index #contentBox .date {
	color: #c8d200;
	padding: 0px 0px 3px 0px;
}
.index #bottominfoBox {
	width: 300px;
	float: right;
}
.index #bottominfoBox img {
	padding: 0px 0px 0px 0px !important;
}
.index #archivlinkBox {
	width: 620px;
	float: left;
}
.index #toplinkBox {
	width: 300px;
	float: right;
}
.index #archivlinkBox, .index #toplinkBox {
	text-align: right;
	border-top: 1px solid #CACDCD;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
.index #archivlinkBox a, .index #toplinkBox a {
	font-weight: 700;
	text-transform: uppercase;
	padding: 0px 0px 0px 15px;
	background-image: url(../../images/site/icon_arrow_grey_small_right.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #2a3637;
	text-decoration: none;
}
.index #archivlinkBox a:hover, .index #toplinkBox a:hover {
	opacity: 0.5;
}


/* ========= LAYOUT: inline popup ========= */
/* ======================================================= */
body.inlinePopup {
	padding: 20px;
	background-color: #ffffff;
	background-image: none;
	/*background-image: url(../../images/site/bkg_popup.gif);*/
	background-repeat: repeat-x;
}


/* ========= LAYOUT: print ========= */
/* ======================================================= */
#printFooterBox {
	display: none;
}
#printHeaderBox {
	display: none;
}
@media print {
	body {
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		background-image: none;
	}
	.noprint {
		display: none !important; /* Alle nicht-druckbaren Elemente ausblenden */
	}
	.print {
		width: auto !important;
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		background: transparent !important;
		left: 0 !important;
	}

	/* ---- LAYOUT ----  */
	/* ---------------------------------------------------------  */
	#contentBox {
		width: auto !important;
		padding: 0px !important;
		margin: 0px auto !important;
		margin-bottom: 20px;
		color: #000000;
	}
	#printHeaderBox { /* ---- KOPFZEILE ----  */
		clear: both;
		display: block !important;
		width: auto;
		padding: 5px 10px 5px 10px;
		/* border-top: 1px solid #000000; */
		/* border-bottom: 1px solid #000000; */
		margin-bottom: 15px;
		text-align: center;
	}
	#printFooterBox { /* ---- FUSSZEILE ----  */
		clear: both;
		display: block !important;
		width: auto;
		padding-top: 10px;
		/* border-top: 1px solid #000000; */
		text-align: center;
		margin-top: 20px;
		font-size: 9px;
	}
}