/*********************
 * Responsive styles *
 *********************/

/*
 * 
 *  
 */
 
button#hamburger-icon { display:none; }


nav#mobile-menu {
    font-family: newsgoth_btbold;
	background-color: #ddece8;
}
#mobile-menu .mobile-adresse,
#mobile-menu .newsletter-link,
#mobile-menu .mobile-links {
	font-family:newsgoth_btroman;
    margin-left: 20px;
    margin-top: 20px;
}
#mobile-menu .mobile-adresse a,
#mobile-menu .newsletter-link a,
#mobile-menu .mobile-links a { color:rgb(171, 56, 33); }
#mobile-menu li.active a {
    color: rgb(171, 56, 33);
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgb(171, 56, 33);
}

#mm-blocker { z-index:2000; }

/*
 * Content Container
 *  
 */
.content .two-third { float:left; width: 66.666%; padding-right:8px; }
.content .one-third { float:left; width: 33.333%; }
.content .one-third .box {		/* neue grüne Box */
	background-color: #ddece8;
    padding: 8px;
	border-radius:10px;
	margin-bottom:10px;
}
/*
 * Content Elemente
 *  
 */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-bottom:10px; }

.multicolumnContainer {
/*	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
*/}
.multicolumnContainer .column {
/*	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
*/	width:32%;
	padding-right:2% !important;
}

/*
 Auskommentiert um 9.10.17 Darstellungsfehler 
.multicolumnContainer .column.columnLast { padding-right:0 !important; }  
*/

div.csc-mailform ol li { height:auto !important; }
textarea { font-size:16px; }

.rubrikseite-buttons li.column {min-height: 280px;}
.rubrikseite-buttons li { padding:0 !important; }

.ce-uploads-element-pdf img {
    max-width: 150px !important;
}

@media only screen and (max-width: 1444px) {
	.two-third .multicolumnContainer li {
		width:49% !important;
	}
	
	

}

/* Grüne Spalte rechts wird zwischen 1016 und 1199 untereinander dargestellt
   Laptop mit weniger als 1200px Auflösung */

@media (min-width: 1016px) and (max-width: 1199px) {	
	.content .two-third { float:none; width: 100%; padding-right:8px; }
	.content .one-third { float:none; width: 100%; }
}



@media only screen and (max-width: 1016px) {
	button#hamburger-icon { display: inline-block;	}
	#logoNav { left: 100px; top:-35px; height:55px; }
	#topNavigation .top .middle .left { left: 180px; top:33px;}
	#topNavigation .top .middle .rokpaLettering img {height: 30px; }
	
	#topNavigation .bottom nav#mainNavigation { visibility:hidden; }		/* Hauptnavigation */
	#topNavigation .top .middle .right { display:none; }					/* Servicenavigation */
	footer { display:none; }											/* Footer Adresse, Links und Socials */
	/*.middle { width:100%; min-width:100%; }*/
	div.main.subpage nav.subMenu { display:none; }							/* Unternavigation */
	
	.middle { width:90%;}
	header.main {  height: 320px; }
	div.main.subpage .content { padding-left:10px; }
	
	.rubrikseite-buttons li.column {width:48%;/* min-height:auto; */}
	
	.header-wrapper { margin-top: 90px; }
}

@media only screen and (max-width: 768px) {
	button#hamburger-icon { margin-top:5px; }
	#logoNav { left: 60px; top:-15px; height:45px; }
	#topNavigation .top { height:20px; }
	#topNavigation .top .middle .left { left: 120px; top:16px; }
	#topNavigation .bottom a.donate {/* left:60%; */font-size:14px;top:30px;}
	footer { display:none; }

	.header-wrapper { margin-top: 60px; }
	header.main {  height: 200px; }
	
	.content .two-third { float:none; width:auto; padding-right:0; }
	.content .one-third { float:none; width:auto; }
	
	div.countryContent section .imageOrVideo,
	div.countryContent section .countryText { display:block; padding:0; height:auto; width:100%; max-width:330px; }
	
	
	.tx-jh-simple-youtube .video-wrapper { width:100% !important; }
	
	.cr_page { width: 100% !important; }
	div.csc-mailform li label { width: 100%; }
	div.csc-mailform ol li.csc-form-element-textarea textarea { width:90%; }
	
	div.tx-t3s-content .tabs ul.nav li { display:block; }
	
	iframe { width:100% !important; }
	
	.tx-ttnews-browsebox p, .tx-ttnews-browsebox table td { display:block; }

	div.main.subpage .content { padding-left:0; }

	.rubrikseite-buttons li.column { width:100%; padding-right:0 !important; min-height:auto; }
	
	.multicolumnLayout1 li,
	.multicolumnLayout2 li,
	.multicolumnLayout3 li {
		width:100% !important;
	}
	.two-third .multicolumnContainer.rubrikseite-buttons li {
		width:100% !important;
	}
	
	.content img { width:100%; height:auto; }


	.news-startseite-detail-container .news-list-item img {
	  width:100%; 
	  height:auto;
	  max-width:492px;
	  max-height:302px;
	}


	.news-latest-container .news-latest-item img, .news-list-container .news-list-item img {
	  float:none;
	  width:100%; 
	  height:auto;
	  max-width:400px;
	  padding-top:10px;
	}
	.news-single-item .news-single-img {
	  float: none;
	  margin: 10px 0 0 0;
	  padding: 0;
	   max-width:480px;
	
	}
	.news-single-item .news-single-img img {
	  height:auto;
	  max-width:450px;
	  width:100%;
	}
	
	#ajaxContent .news-list-item img {
		float: none;
	}
	
	.csc-uploads img {
		width:18px;
		height:initial;
	}

}


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

	#topNavigation .bottom a.donate {
		left:70%;
		font-size:12px;
		top:32px;
		}

#topNavigation .bottom a.donate p {
 
    padding: 8px 6px;
    font-size: 12px;
}		

}



.galerie-container {
	display:flex;
flex-wrap: wrap;
	justify-content:space-between;
}

.galerie-container > div {
	margin-bottom:40px;
	width:32%;
}

@media only screen and (max-width: 576px) {
.galerie-container > div {
	width:48%;
		margin-bottom:20px;

}
}

.galerie-container h2 {
margin-bottom:12px;
}

.frame-layout-1 .ce-image .ce-gallery {
    display: flex;
    flex-wrap: wrap;
}

.frame-layout-1 .ce-row {
    margin-bottom: 20px;
}

.frame-layout-1 .ce-column {
    margin-right: 20px; 
}

.frame-layout-1 figcaption {
	padding-top:5px;
}



.innerTab header {
	display: none;
}

.clearfix {
  overflow: auto;
}


.container-2col {
	display:flex;
	justify-content: space-between
}

.container-col {
	width: 48%;
}


.ce-uploads img {
    float: none;
    padding-right: 0;
    vertical-align: top;
}


@media only screen and (max-width: 576px) {
.workshop #topNavigation .top .middle .rokpaLettering img {
    height: 20px;
}