/*______________________________________________________________________________________________denkmal allgemein*/
#bod_denk {											/*Schriftfamilie, Schriftfarbe, Hintergrundfarbe*/
			font-family:Arial, sans-serif; font-size:1em;
			}				
		
#cont_denk { width:100%; 								             								/* padding-left:10em; padding-right:10em; containerelement*/
			max-width:70em; 
			min-height:332em; 
			margin-left:auto; margin-right:auto;
			text-align: center;
			position:relative;  background-color:#85a07a;	
			}/*großer Kontainer, Hintergrund der gesamten Box d.h. hellgrün,*/

			

#main_denk {font-family:inherit;}
#main_slr 	{}																			/*box in der die Überschrift und alle absätze sind*/
/*______________________________________________________________________________________________denkmal allgemein ENDE*/

/*_________________________________________________________________________________________________________________________________________20jahre_ENDE*/
/*______________________________________________________________________________________________________________________________________baustelle*/
[cla ss*="col12_"] {position:relative;}	

.col_absolut {position:fixed; z-index:-1; background-color:#85a07a; width:81%; height:100vH; margin-right:9%; margin-left:9%; margin-top:0px;}
.row {}
.body {background-color:#34442d;} /*dunkelgrün*/

.col12_12 {background-color:#85a07a; margin-top:0em; padding-bottom:2em;
			}/*Feld mit Überschrift, vorvormatiert in menu*/
.col12_12_slr {height:1px; padding:0px; margin:0px;background-color:#34442d;}			/*Trennlinie, dunkel zwischen den Zeilen*/

.col12_01, .col12_02, .col12_03, .col12_04, .col12_05, .col12_06,
.col12_07, .col12_08, .col12_09, .col12_10, .col12_11, .col12_12	{background-color:#85a07a;}

.col12_12_slr {height:1px; padding:0px; margin:0px;background-color:#34442d;}

h4 	{color:rgba(234, 231, 218, 1); font-weight:500; 
	text-align:center; 	
	margin-top:1em; padding-top:0em;}
	
h5 {color:rgba(234, 231, 218, 1); font-weight:500; 
	text-align:left; font-size:1.2em; 
	margin-top:1em; padding-top:0em;}


img.plakat {height:auto;max-width:800px;}
img.vorb1 {max-width:200px;}
img.vorb2 {max-width:200px;}
aside {font-size:0.8em;}
	p {text-align:left;}
.d_bau_txt {font-size:1em; color:#34442d;
			padding:20px;margin:2%;
			}
			
			
.cont_denk_slr {width:80%; margin-left:auto; margin-right:auto;}	

@media only screen and (max-width:769px) {
.cont_denk_slr {width:95%; margin-left:auto; margin-right:auto;}	
.col_absolut {margin-left:2%; margin-right:2%; width:95%;}
}

		
/*_______________________________________Formate, die bereits in menu.css vorformatiert sind_Ende*/	
/*______________________________________________________________________________________________________________________________________________baustelle_ENDE*/
/*_____Neues Design home und Back Button am oberen Seitenrand______________________________baustelle_ENDE*/

.home, .back { display:inline-block; z-index:111;  position:fixed; top:0vh;
		text-align:center; vertical-align:middle;  
		font-weight:normal; 
		color:hsla(0deg 60% 30% / 91%); background-color:hsla(0deg 0% 80% / 60%); 
		border: 1px solid hsla(0deg 60% 30% / 91%);}
@media screen and (orientation:portrait) {
		.home {height:15vh; font-size: 8vw; width:20vw;  }
		.back { right:0vh; height:15vh; width:20vw;
		padding-left:1vw; padding-right:1vw; font-size:8vw; }} 
@media screen and (orientation:landscape) {
		.home {left:2vw; height:10vh; padding-left:1vw; padding-right:1vw; font-size:5vh; width:15vw;}
		.back { right:2vw; height:10vh; padding-left:1vw; padding-right:1vw; font-size:5vh; width:15vw;}} 















/*______________________________________________________________________________________________20jahre*/



#main_20jahre1 { margin-top:8em;
				display:grid;
				grid-template-columns:repeat(12, 1fr);
				padding:0em; 
}
@media only screen and (max-width:770px) { 
		#main_20jahre1 {display:block; max-width:200px;margin-left:auto; margin-right:auto;	}
		#main_20jahree {display:block; max-width:200px;margin-left:auto; margin-right:auto;	}
		
}
.cont_20jahre_flex { 									             								/* padding-left:10em; padding-right:10em; containerelement*/
			max-width:800px;
			margin-left:auto; margin-right:auto;
			margin-top:5em; 
			padding-top:1em; padding-bottom:3em;
			border: 1px solid #b3ad97;
			border-radius:20px;
			background-color:#e0e0d1; text-align:left; color:#887660; 
			} /*stwas dunklerer Hintergrund style="margin-top:5em; border-radius:20px;"*/

			
#main_20jahre_flex { margin-top:8em;							/*für die große Pflastersteinseite*/
				display:inline-flex;
				display: -webkit-flex;
				flex-flow:row wrap;
				-webkit-flex-flow: row wrap;
				align-items:start;
				justify-content:center;
				width:100%;
}

#main_20j_flex { margin-top:2em;							/*für die einzelnen Pflastersteinseiten*/
				display:flex;
				display: -webkit-flex;
				flex-flow:row wrap;
				-webkit-flex-flow: row wrap;
				align-items:start;
				justify-content:center;
				width:100%;
				
}	
.fl_100,.fl_50		{align-self:center;
					justify-content:center;
					padding:0em; margin:0.2em;
					border-radius:10px;
					width:100%;
					border-radius:10px;
					}


.flt_50, .flt_100	{
					align-self:center;
					justify-content:left;
					margin:0.2em;
					padding:0.2em;
					border-radius:10px;
					background-color:#d0d0b8;
					border:1px solid #aba5a5;
					font-size:1.3em;
					width:100%;
					}
					
.fl_foto_einzel	{border-radius:15px;}	/*formatiert die borders von 20 Jahre der Einzelbeiträge*/				
@media screen and (min-width: 544px){
	.fl_50,.flt_50			{width:48%; align-self:flex-start;}
											}
		
.fl_foto {width:150px;
		height:150px;
		margin:0.1em;
		padding:0px;
		border-radius:15px;
		opacity:0.7; 
		filter:alpha(opacitiy=60); /*for IE8 and earlier*/
}/*formatiert die Pflastersteinfotos*/		

.fl_txt {width:150px;
		height:150px;
		margin:0px;
		padding-top:2em;padding-bottom:2em;padding-left:5px;padding-right:5px;
		background-color:#d0d0b8;
		border:1px solid #aba5a5;
		border-radius:15px;
		font-size:10px;
		}/*formatiert textpassagen zwischen Pflastersteinfotos*/
				
.fl_foto_l      {
					border:1px solid #887660; 
					width:100%; 
					height:150px;
					border-radius:15px;
					margin:0.1em;
					} /*for IE8 and earlier*//*formatiert die Pflastersteinfotos*/
.fl_foto_l:hover {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
transition-duration: 2s; } 	/*for IE8 and earlier*//*formatiert den hover-effekt der Pflastersteinfotos*/		
			
.fl_foto_la      {
					border:1px solid #887660; 
					width:100%; 
					height:150px;
					border-radius:15px;
					margin:0.1em;
					} /*for IE8 and earlier*//*formatiert die Pflastersteinfotos ohne hover-effekt*/
					
.fl_foto_la:hover {
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
transition-duration: 1s; } 	/*for IE8 and earlier*//*formatiert den hover-effekt der Pflastersteinfotos*/		
			
.header_fl	{position:relative; width:100%; text-align:center;					/*formatiert die grauen Überschriften*/
				}

.ueber_o	{position:absolute; top:1em; width:100%; padding-left:25%; padding-right:25%;						/*Ueberschrift oben grau*/
						font-size:1.8em; font-weight:700; color:#c3c0b7;
			}			
				
.ueber_u	{position:absolute; top:1.5em; width:100%; padding-left:25%; padding-right:25%;						/*Ueberschrift unten rot*/
						font-size:1.8em; font-weight:700; color:rgba(166, 38, 42, 1);
			}			
				
		

#cont_20jahree { 									             								/* padding-left:10em; padding-right:10em; containerelement*/
			max-width:60em; min-height:20rem; 
			margin-top:0.5em; margin-bottom:8em;
			margin-left:auto; margin-right:auto;
			padding-top:0.5em; padding-bottom:3em;
			border: 1px solid #b3ad97;border-radius:15px;
			background-color:#e0e0d1; text-align: left; color:#887660; 
			} /*stwas dunklerer Hintergrund für die Einzelbeiträge style="background-color:#636349;"*/

#main_20jahree { margin-top:0.5em;
				display:grid;
				grid-template-columns:1fr 1fr;
				padding:0em; 
}					/*für Einzelbeiträge*/


.item	{margin:0em;
		padding:0em;
		align-self:end;		
}	
.itemb	{margin:0.1em;
		padding:0em;
		align-self:span;	
}		
.itemb_txt { 
padding-left:1em; padding-right:1em; padding-bottom:1em;text-align:center;
				font-size:1.3em; color:#887660;}
.d20_foto     {
	opacity:0.6; width:100%; height:20em;
				filter:alpha(opacitiy=60); /*for IE8 and earlier*/
}/*formatiert die Pflastersteinfotos*/ 
.d20_foto_link     {
	border:1px solid #887660; width:100%; height:18em;
					border-radius:2em; /*for IE8 and earlier*/
}/*formatiert die Pflastersteinfotos*/
.d20_foto_e     {
	padding:0.2em;margin:0.1em;
					border:1px solid #887660;
					border-radius:2em;
					max-width:28em;
}/*formatiert Fotos auf den Einzelseiten*/ 
.link_int			{
					font-size:1em; color:#887660; font-style:italic; text-decoration:none; 
					}
.link_int_bt			{
						font-size:1.5em; color:#89232f; font-style:italic; text-decoration:none; 
						background-color:#c3c0b7; border:1px solid #89232f; border-radius:50%;}


@media screen and (max-width: 600px) {
  .fl_foto,.fl_foto_l, .fl_txt {width:100px; height:100px;}
			.fl_txt {overflow:scroll;}
}