/*--------------------------------------------- RAHMEN MOBIL -----------------------------------------------------------*/

html { 
						height: 100%; 
						min-height: 100%; 
						width: 100%;
						font-size: 18px;
					}
					
body { 
						width: 100%; 
						background-color: #ffffff; 
						height: 100%; 
						width: 100%; 
						margin: 0; 
						word-wrap: break-word; 
						font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif;

					}
					
#rahmen { 
									background-color: transparent;
									text-align: left; 
									position: relative; 
									top: 0; 
									bottom: 0; 
									max-width: 960px; 
									width: 100%;
									min-height: 30rem; 
									margin-right: auto; 
									margin-left: auto; 
								}

#inhalt { 
									background-color: #ffffff; 
									position: relative; 
									max-width: 960px;  
									top: 0px; 
									right:0; 
									left:0; 
									bottom: 0;
									padding-top: 15px; 
									padding-bottom: 15px; 
									padding-right: 10px; 
									padding-left: 10px; 
									margin-left: 0px;
									background-image: url(../../bilder/inhalt_hgb_ecke_or.png); 
									background-repeat: no-repeat;
								}

#inhalt li {
            font-size: 1.2rem;
            line-height: 1.6rem;
												font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; 
												list-style-type: circle;
											}

form.bildausgabe input[type=image] {
																																				margin-top: 5px;
																																				width: 100%;
																																			}

/*--------------------------------------------- KURZTEXTE MOBIL -----------------------------------------------------------*/

.kurztext_global {
																	/*	font-size: 0.9em !important;*/
																	}
																	
.kurztext_global .kurztext_text_div p { 
																																					  font-size: 1.2rem;
                                       line-height: 1.6rem   
																																						}
																																						
.kurztext_global .kurztext_bilderleiste {
																																									float: none !important; 
																																									width: auto !important;
																																									margin-left: 0px !important;
																																							 }
																																							 
.kurztext_nur_der_text {
																							 display: block !important;
																							}
																							
.kurztext_text_div {
																				font-size: 14px /*!important*/; 
																				padding: 0 !important;
																			}
																			
/*--------------------------------------------- BAUSTEINE MOBIL -----------------------------------------------------------*/																			
																			
.download_beschreibung		{
																									padding: 0 !important;
																								}													
																			
/*--------------------------------------------- BILDER KURZTEXT MOBIL -----------------------------------------------------------*/

.portrait { 
											width: auto !important; 
											margin-right: 0px !important;
											float: none !important;
										} 
										
.portrait_oben { 
																margin-right: 0px !important;
															}

#hollaho { 
										padding-right: 0 !important;
							  }
							  

/*--------------------------------------------- HEADER BILDERLEISTE MOBIL -----------------------------------------------------------*/

#bilderleiste 	{ 
														  max-width: 100%; 
																height: auto;
																vertical-align: top; 
																top: 0; 
																left: 0; 
															 background-color: #ffffff;
															 position: relative;
															 } 
															
.bilderleiste 	{ 
                margin-right: 10px; 
                margin-bottom: 0; 
                margin-left: 10px;
               }
               
.bilderleiste_links 	{ 
																						visibility: hidden; 
																						margin: 0 0 0 auto; 
																						border-width: 0;
																				 }
																				 
.bilderleiste_rechts	{ 
																					 visibility: hidden; 
																					 margin: 0 auto 0 0; 
																					 border-width: 0;
																				 } 

#bilderleiste_innen {
																					height: auto; 
																				}

#bilderleiste_mobil img {
																					    max-width: 100%;
																				    	height: auto;
																			    	}
																			    	
#div_site_suche_eingabe_id {
																													position:relative !important;
																													background-color: #ffffff !important;
																													height: 40px !important;
																													right: 0px !important;
																													bottom: 0px !important;
																											}
																											
#site_suche_eingabe_text_id {								
																																		width: 90% !important;
																																		height:40px !important;
																																		border: none !important;	
																																		padding-left: 5px !important;
																																	}																		
																									
																						
																												
.sucheingabe_symbol {
																					float:right !important;
																				}
/* ------------------------------------------- NAVIGATION MOBIL --------------------------------------------------------- */
#navigation_menu {
																		padding: 5px;
																		background-color: #e6e6e6;
																	}
																	
#navigation_menu .svg_menu { display: flex; justify-content: space-between; }
#navigation_menu .svg_menu a.treeline_menueimg { display:inline-block; flex: 2; }
#navigation_menu .svg_menu a.txt_menue { display:inline-block; flex: 30; }
#navigation_menu .auf_zu_mobilenavi_btn { display: inline-block; flex: 1; }

#navigation_menu .svg_menu img{
																															width: 1.45em;
																															padding-top:5px; 
																														}
																														
#navigation_menu .svg_menu img.aufklappen_menu{
                                  display:block;
																																		}

#navigation_menu .svg_menu img.einklappen_menu{
																																		display: none;
																																	}																				
																				
#navigation_menu .label_menu_navi {
																																			font-size: 1.2rem; 
																																			color: #b30000;
																																			font-weight: bold;
																																			display: inline-block;
																																		}

#navigation { 
													background-color: #ffffff;
													display: none;
												}

#navigation ul { 
                padding: 5px 10px 5px 10px ;
																margin: 0px 0 15px 0;
																display: flex;
																flex-direction: column;
													   justify-content: flex-start;
											   		align-content: flex-start;
															}                     

#navigation li { 
																list-style-type: none; 
																width: auto; 
																height: auto; 
																margin: 0 0 5px 0px; 
																padding: 5px 10px 5px 10px; 
																text-align: left; 
																font-size: 1.2rem; 
																background-color: #e6e6e6;
															}
															
#navigation li .navi_mobil_e1_flexbox { 
                        display: flex;
                        justify-content: flex-start;
                        align-content: flex-start;
                       }
                       
#navigation li .navi_mobil_e1_flexbox a { flex: 10; } 
#navigation li .navi_mobil_e1_flexbox div.auf_zu_mobilenavi_btn { flex: 20; text-align: right; } 

#navigation li img.navi_mobil_unterebene_aufklappen {
                                                     width: 1.45em;
																															                      padding-top:5px; 
                                                     /*float: right;*/
                                                    }
															
#navigation li a { 
																		text-decoration: none; 	
																		font-size: 1.2rem; 
																		color: #b30000;
                 }

#navigation li a.aktiv {  
																								font-size: 1.2rem; 
																								color: #b30000;
																								font-weight: bold;
																				   }
															
#navigation ul li ul	{ 
																						margin-top: 4px; 
                     }		
                     
#navigation ul li ul li {
																									background-color: #f2f2f2;
																									display: block;
                      		}
                      		
#navigation ul li ul li.navi3 {
																															background-color: #e6e6e6;
																														} 

#navigation ul li ul li.navi3:hover {
																																					background-color: #cccccc;
																																				}
																																				
#navigation ul li ul li.navi4 {
																															background-color: #e6e6e6;
																														} 

#navigation ul li ul li.navi4:hover {
																																					background-color: #cccccc;
																																				}
																														
#navigation ul li:hover {
																									background-color: #cccccc;	
																							 }
                           
#navigation ul li a:hover 		{ 
																													background-color: #cccccc;	
																											 }
                        
#navigation ul li ul li:hover { 
																														 background-color: #cccccc;	
                              }
                              
@media (max-width: 600px) { 
                           #navigation li a {
                           																		font-size: 0.9rem;
                           																 }  
                           #navigation li a.aktiv {
                           																								font-size: 0.9rem;
                           																						 } 
                           #navigation ul li ul li { 
                           																									font-size: 0.8rem
                           																								}
                          }                     													

/*------------------------------------------ AKTIVLEISTE MOBIL ----------------------------------------------------------*/

.aktivleiste_vorschau {
																							position: relative;
																							padding: 0;
																							width: 100% !important;
																						}

#aktivleiste_vorschau_id_bausteine_3_583 {
																																										display:none;
																																									}
			
/*------------------------------------------ TEXT UND SCHRIFT MOBIL ----------------------------------------------------------*/

h1 { 
				color: #000000;
				font-size: 1.2rem; 
				font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; 
				border-bottom: 2px dotted #000000; 
			}
			
h2 { 
				color: #888888; 
				font-size: 1.2rem !important; 
				font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; 
				margin-top: 0;
			}
			
h3 { 
				margin: 0px 20px 0px -1px;
			}
			
p, td { 
							color: #000000; 
							font-size: 1.2rem; /* !important*/
       line-height: 1.6rem; 
							font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif;
						}

#text { 
       width: 29.5rem; 
       float: left;
      }
      
.textblock { 
												width: auto; 
												height: auto; 
												float: left; 
												margin-top: 0; 
												margin-bottom: 0;
										 } 
										 
.textblock-gr { 
															width: auto; 
															height: auto; 
															margin-top: 0; 
															margin-bottom: 0;
													 }
													 
#textinhalt_neben_aktivleiste {
																															padding: 0 !important;
																														}
																												
#content {
										padding: 0 !important;
									}						
/*--------------------------------------------- LINKS MOBIL -----------------------------------------------------------*/

a, a:visited { 
														font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; 
														text-align: left; 
														color:#000000;
														text-decoration: none;
													}
														
   a:hover { 
   									font-weight: bold;
   								} 

#download_bild_img {
																width: 100%; 
																height: 100%;
															}
															
/*--------------------------------------------- Bilder-BOX MOBIL -----------------------------------------------------------*/


#bildbox { 
										width: auto; 
										height: auto; 
										clear: both; 
										min-height: 25px; 
										margin-bottom: auto;
									}
									
#bildbox img { 
														float: left; 
														clear: left; 
														width: 90%, 
														height: 90%;
													}
													
.grossbild { 
												width: 100%; 
												margin-left: auto; 
												margin-right: auto;
											}
											
.bildunterschrift { 
																			color: #000; 
																			font-size: 0.8rem; 
																			font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; 
																			font-style: italic; margin-top: 3px;
																		}
																		
/*--------------------------------------------- GOOGLE MAPS -----------------------------------------------------------*/

.google_map {
													margin: 0;
													max-width: 100%;
													width: 100% !important;
												}

/*--------------------------------------------- FUSS MOBIL -----------------------------------------------------------*/

#fuss { 
							background-color: #999999; 
							font-family:  Corbel, Verdana, Arial, Helvetica, sans-serif; 
							text-align: right; 
							max-width: 960px; 
							height: 40px; 
							margin-right: auto; 
							margin-left: auto; 
							padding-top: 5px; 
							padding-right: 0; 
							padding-bottom: 0; 
							border-top: 1px solid #000000;
						}
						
#fuss a { 
									font-weight: normal; 
									color:#000000; 
									text-decoration: none;
								}
								
#fuss a:hover { 
															font-weight: bold; 
															color:#000000; 
															text-decoration: none; 
														}
														
.fusslogo { 
											position: relative; 
											bottom: -3px; 

											margin-right: 50px;
										}

/*--------------------------------------------- Ausnahmen für besonders kleine Bildschirme -----------------------------------------------------------*/

@media (max-width: 600px) {  }