@charset "utf-8";
/* CSS Document */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
	text-align: left;
}

.container {
	background-color: #990;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
} 

.container-grau{
	background-color: #CCC;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
} 

.container-rot {
	background-color: #F00;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
} 

.container-weiss {
	background-color: #FFF;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
} 

#logo {
	float: left;
	margin-right: 25px;
}
.align-center {
	margin-right: auto;
	margin-left: auto;
}

.rand {
	padding-right: 25%;
	padding-left: 25%;
}

/*#fb {
	background-image: url(bilder/IMG_20141128_120554-23.jpg);
	background-size: contain;
	
}*/
.haupt p, .haupt ul li {
	line-height: 1.7em;
}

.haupt ul  {margin-left: 25px; }
.langerText { 	/*-webkit-column-count: 2; /* Chrome, Safari, Opera */
   /* -moz-column-count: 2; /* Firefox */
  /*  column-count: 2; 
	-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
 /*  -moz-column-gap:50px; /* Firefox  */
  /*  column-gap: 50px;*/
}
/*.langerText p::first-letter { font-size:36px; }*/
#blog, #ein-hektar-termine, .weiss, #grossberlin {
	background-color: #FFF;
}
.schwarz {
	background-color: #000F00;
	color: #FFF;
}

.schwarz a, .schwarz a:link {
	color: #FFF;
	text-decoration: underline;
}

.schwarz a:hover, #linktree a:hover {
	color: #990;
	
}


#blog h2, #termine h2, #horn h2, #ein-hektar-termine h2, #grossberlin h2, #langerTag h2, #breigarten2 h2, #retten h2 {
	font-size: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
}
	
	#blog li p a, #termine li p a, #horn li p a, #ein-hektar-termine li p a, #spaziergaenge-grossberlin li p a, #langerTag  li p a,  #breigarten2 li p a,  #gleisdreieck-retten li p a  {
	font-family: 'Roboto Condensed', sans-serif;
	color: #0B6E4B;
	display: inline-block;
	padding-left: 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-right: 10px;
	text-decoration: none;
	
}

.figure {
	height: auto;
	width: 100%;
}

#blog li p a:hover, #termine li p a:hover, #horn li p a:hover, #ein-hektar-termine li p a, #langerTag li p a:hover , #breigarten2 li p a:hover,  #gleisdreieck-retten li p a:hover {

	background-color: #0B6E4B;
	color:white;
	border: 1px solid #CCC;
	text-decoration: none;
}
	
	#termine h2, #horn h2 {color:#FFF}
	
	#termine ul li p, #blog ul li p, #horn ul li p, #ein-hektar-termine ul li p, #langerTag ul li p, #breigarten2 li p {margin-top:-15px;}
	
	#termine .datum, #horn .datum  {color: #0B6E4B;}
	
	#blog ul, #termine ul, #horn ul, #ein-hektar-termine ul, #langerTag ul, #breigarten2 ul  {
	list-style-type: none;
}

#blog li h3 a, #ein-hektar-termine li h3 a, #grossberlin li h3 a, #breigarten2 li h3 a, #gleisdreieck-retten li h3 a {color: #0B6E4B;
	font-size: 1.5em;}
	
	#termine li h3 a, #horn li h3 a, #langerTag li h3 a {color: white;
	font-size: 1.5em;}
	
	h2#ds  {
	color: white;
	font-size: 1.5em;
	line-height: 60px;	
}
	
	#blog li h3 a:hover, #ein-hektar-termine li h3 a:hover, #gleisdreieck-retten li h3 a:hover {color: #990;
	}
	
	#termine li h3 a:hover, #horn li h3 a:hover, #langerTag li h3a:hover {color:  #0B6E4B;
	}
	
	h2.togglebox_title, h2#ds {
	background-image: url(../bilder/aufmachen.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	padding-right: 65px;
	cursor: pointer;
	 -webkit-transition: background-image 400ms ease;
    -moz-transition:    background-image 400ms ease;
    -o-transition:      background-image 400ms ease;
	transition:      background-image 400ms ease;
}

	
	h2.togglebox_title.open, h2#ds.open {
	background-image: url(../bilder/zumachen.png);
}
#westtangente h1 a {
	color: #FFF;
}

.haupt{
	box-sizing: border-box;
	height:auto;
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	overflow: hidden;
	padding: 20px;
}



header {
	margin: 0px;
	padding: 0px;
}


/*.flugblatt {
	float: left;
	width: 47%;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 1.5%;
	margin-bottom: 30px;
	margin-left: 1.5%;	
	box-sizing: border-box;
}
*/

.plakat {
	box-sizing: border-box;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; color: white;
}

.langerText h2,.langerText h3,.langerText h4,.langerText h5,.langerText h6 {font-family: 'Roboto Condensed', sans-serif; color: #990;
}

hgroup {
	padding-bottom: 1em;	
}

.langerText  {
	font-size: 1.4em;
}

.langerText  h2{
	font-size: 1.85em;
	padding-top: .5em;
	padding-bottom: .2em;
}

h1, .weiss h2, .weiss h3, .weiss h4,.weiss h5, .weiss h6 {font-family: 'Roboto Condensed', sans-serif; color: #990
}


h1 {
	color: #0B6E4B;
	font-size: 2em;
}

footer {
	background-color: #0B6E4B;
	color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
}

.button {
	border: 1px solid #CCC;
	text-align: center;
	background-color: #FFF;
	clear: left;
	height: auto;
	width: auto;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none;
	display: block;
	overflow: hidden;
	position: relative;
	color: #0B6E4B;
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

.button a:hover, .button:hover {
	background-color: #0B6E4B;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

/*#weiterlesen {
	margin: 0px;
	float: right;
	width: auto;
	height: auto;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#weiterlesen:after {content:"Weiterlesen >>";}

#weiterlesen.open:after {content:"<< Schliessen";}*/

header h1 {
	margin-top: 25px;
}

header p a  {
	text-decoration: none;
	border: 1px solid #E0E0E0;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 3px;
	display: inline-block;
	color: #0B6E4B;
	
}

#logo a:hover  {
	background-color: white;
}


.weiss a, .weiss a:link {text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif; color: #0B6E4B;}
	
	.weiss a:hover {color: #990;}


 footer a {
	text-decoration: none;
	border: 1px solid #E0E0E0;
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-block;
	color: #0B6E4B;
	background-color: white;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
 footer a:hover  {color: white; background-color: #0B6E4B ;text-decoration: none; }

header a:hover  {color: white; background-color: #0B6E4B; text-decoration: none; }

.plakate {display: flex;  align-items: center;}

.spenden img {
	max-width: 878px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 1px solid #CCC;
	cursor: pointer;
}


@media screen and (max-width: 860px) {
	
	.langerText { 	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; 
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}
	
	
	
}