:root {
  --hauptfarbe: #19355f; /* mediamor blau */
  --hauptfarbe_alternativ: #44628d; /* hellere Version des mediamor blau */
  --hauptfarbe_hellhinterg: #e4e8ed; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #c19da1; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #b21b25; /* BB rot */
  }
  
  
body {background-image: url(/../../bilder/BBhome_bg3.png); background-position: center bottom; background-attachment: fixed; background-size: cover;}

#inhalt {background-color: var(--hell_wenig_transparent); padding: 30px;}
#inhalt a {color: var(--hauptfarbe); letter-spacing: 1px; transition: 0.2s;}
#inhalt a:hover {letter-spacing: 0;}




#bilderleiste_innen {height: 100%;}
.bilderleiste_innen_divausrichtung {height: 100%; display: flex; justify-content: center; align-items: center;}
.bilderleiste_linkeseite {height: 80%; max-width: 90%; padding-top: 15px;}
.bilderleiste_linkeseite .bildausgabe {height: 100%; max-width: 100%}
.bilderleiste_linkeseite .bildausgabe input[type="image"] {height: auto; max-height: 100%; max-width: 100%;}





.nurbild_global {background-color: transparent; padding: 0; width: auto;}

#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global .kurztext_nur_der_text .kurztext_bilderleiste {width: auto !important;}
#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global {background-color: transparent;}
#inhalt .aktivleiste_vorschau #aktivleiste_innen_id .kurztext_global h3 {font-weight: normal;}




#aktivleiste_innen_id .nurtext_global h1 {margin: 0;}



#fuss_innen a {color: white; letter-spacing: 1px; transition: 0.2s;}
#fuss_innen a:hover {letter-spacing: 0;}

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

 #inhalt {padding: 4%;}

}

/*--------- Body --------*/
 
/*
p, a, td, li, #inhalt li {  font-size: 17px; }
/*---------Rahmen---------*/
/*
#rahmen { padding: 0px 0 50px 0; width: 100%; }

/*--------- Header --------*/
/*
#bilderleiste { height: 220px; width: 100%; border-bottom: none; }
#bilderleiste_innen { margin: 0px auto; position: relative; width: 940px; height 220px; }
.bilderleiste_rechteseite {margin-top: 15px; }

/*--------- Schatten ----------*/
/*
#nur_fuer_den_schatten {width: 100%;}
.schatten_links {background-image: none; display: none;}
.schatten_rechts {background-image: none; display: none;}

/*--------- Navigation -----------*/
/*
.navi_erste_ebene_a_tag {
																	        display: inline-block; 
																	        overflow: hidden;
                        }

.navi_zweite_ebene_a_tag {
																	         display: inline-block; 
																	         overflow: hidden;
                         }

#navigation { box-shadow: none; }
#navigation ul 						{
                       height: 35px;
                       width: 1024px;
                       margin-left: auto;
                       margin-right: auto;
                       margin-top: 0px;
                       margin-bottom: 0px;
                       padding: 13px 0px 0 0; 
                       z-index: 100;
                       display: flex;
                     } 


#navigation li 						{
                      position: relative;
                      text-align: left;  
                      padding: 0px 0px 0px 0px; 
                      list-style-type: none; 
                      display: inline-block;
                      vertical-align: middle; 
																					 height: auto;
																					 font-size: 19px;
																					 z-index: 2;
																					 flex: 1 1 auto;
																					}

#navigation ul li:hover		  {
                            color: #9B1A2F;
                           }

																						
#navigation ul li ul li {
                         position: relative;
                         font-size: 16px;
                         text-align: left;
                         padding: 6px 8px 3px;
                         height: auto;
                         margin: 0px; 
																					   	display: block;
																					   	flex: none;
                        }
#navigation ul li ul li a { font-size: 16px; }
                        
#navigation ul li ul li:hover { 
                                color: #9B1A2F;
                              }
                        
#navigation ul li ul 			{ 
                         position: absolute;  
                         top: 32px;
                         padding: 0 0 0 0; 
                         margin-top: 0;
                         margin-left: -6px; 
                         width: auto;
                         min-width: 160px;
                         height: auto;
                         text-align: center; 
                         background-color: #003781;
                         z-index:1000;
                         text-align: left;	
                         display: block;	
                        }

#navigation li a 			 { 
                      font-size: 19px;
                      padding: 0 0 0 0;
																			 		text-decoration: none;
																			 		position:relative;
																			 		z-index:2;
                      letter-spacing: 1px;
																			 	}

#navigation li a.aktiv {
                        color: #9B1A2F;
																				   }

#navigation li.navi_markiert_unten {
                                    top: 0px;
                                    color: #9B1A2F;
                                   }

#navigation li.navi_markiert_oben { color: #9B1A2F; }


#navigation a:hover 			{ 
                       color: #9B1A2F;
                       }


/*

#navigation {width: 100%; border-bottom: none; overflow: visible;}
#navigation ul {position: relative; top: 0;}
#navigation ul li:hover {background-color: #e6f1ff; }
#navigation ul li a:hover {color: #003781; text-decoration: none;  }
#navigation ul li ul {background-color: transparent; position: relative; top: 0; }
#navigation ul li ul li {background-color: #003781; border-top: none; border-bottom: none; margin-top:5px; width: calc(100% + -10px); margin-left: 0px; text-align: center; }
#navigation li {height: 25px;}
#navigation li a {padding-right: 10px; padding-left: 10px; }
#navigation li a.aktiv { color: #003781; font-weight: bold; }
#navigation li.navi_markiert_oben {background-color: #e6f1ff; }
#navigation li.navi_markiert_oben a { color: #003781; font-weight: bold; } */


/*
.navi2 {margin: 25px;}

/*--------- Inhalt -----------*/
/*#inhalt {background-image: url(/../../bilder/inhalt_bg.png); margin-left:auto; margin-right:auto; padding:18px; }
#inhalt li {list-style-type: square; }

a, a:visited {text-decoration: none; }

#hollaho {padding: 0px 20px 20px 20px !important }

h1 {padding: 20px 0 20px 0; font-size: 25px; }
h2 {font-size: 22px; }

/*------- Kurztexte -------*/ 
/*
.kurztext_global { background-color: #E6F1FF; margin: 8px 15px 20px 0px; }
.nurtext_global .nurtext_text_div p, .nurtext_global .nurtext_text_div li,
.kurztext_global .kurztext_text_div p, .kurztext_global .kurztext_text_div li { font-size: 17px; }
.kurztext_global h3 {color: #9B1A2F; font-size: 19px; }
.kurztext_global a, a:visited {color: #9A1A2F; font-weight: bold; }


/*------- Bausteine in Aktivleiste -------*/ /*
.aktivleiste_vorschau { padding: 8px; }
.aktivleiste_vorschau h1 { padding: 0px; margin: 0px 0 8px 0; }
.aktivleiste_vorschau .kurztext_global, .aktivleiste_vorschau .nurtext_global, .aktivleiste_vorschau .nurbild_global { margin: 0 0 10px 0px; padding: 0px 0; background-color: transparent; }
.aktivleiste_vorschau .kurztext_global p, .aktivleiste_vorschau .nurtext_global p { margin: 0 0 4px 0px; }
.aktivleiste_vorschau .nurtext_text_div { background-color: transparent; }

.aktivleiste_vorschau .datei_download_multi { margin: 0 0 10px 0px; padding: 0;  }

/*------- Galerie --------*/
/*
.gv_galleryWrap {background-color: transparent; }
.gv_panelWrap {z-index: 0; }

/*-------- Kontakt ---------*/
/*
#kontaktformular { font-size: 17px; }

#kontaktformular_aktiv { font-size: 15px; margin: 0 0 15px 0; }
#kontaktformular_aktiv legend {display:none; }
#kontaktformular_aktiv label {font-size: 15px; }
#kontaktformular_aktiv fieldset {border: none; }
#kontaktformular_aktiv input { }
#kontaktformular_aktiv textarea { }
.kontakt_aktiv_datenschutz_link { font-size: 15px; }

/*------Fuss -------*/ 
/*
#fuss { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; height: 40px; }
#fuss_innen a {color: #ffffff; }
#fuss_innen a:hover {color: #ffffff; }