/*img {width: 100%;}
.animation_wrap {display: none;}*/

#rahmen { max-width: 100%; }
h1 { border-bottom: 2px solid grey; }
p, td, li { font-size: 1rem; line-height: 1.3rem; }

#inhalt { min-height: 100% !important; }

.animation_wrap ul { width: 100% !important; height: 300px !important; overflow: hidden; }
.animation_wrap ul li { width: 100% !important; height: 300px !important; text-align: center; list-style: none; list-style-image: none; list-style-type: none; list-style-position: inherit;  display: block;}
.animation_wrap ul li img { width: auto!important; height: 100% !important; }

#logo_mobil {
	background-color: #163362;
	display: flex;
 justify-content: center;
 align-items: center;
 height: 150px;
}
#logo_mobil img {
	height: 95%;
 width: auto;
	animation-name: logo;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
@keyframes logo {
	from {height: 30%;}
	to {height: 95%;}
}

#bild_neben_text_position { display: flex !important; flex-flow: column; justify-content: center;  }
#textbereich { padding: 0 !important; }

/*---------------- Navi -------------------------------*/
#navigation {
    background-color: #163362;
    position: fixed; z-index: 100; width: 100%; top: 35px; /* von Celi */
    overflow: auto;
    max-height: 100%;
}

#navigation_menu .svg_menu img.aufklappen_menu {
	display: none;
}

#navigation_menu {
    padding: 5px;
    background-color: #163362;
    position: sticky; z-index: 100; /*width: 100%;*/ top: 0px; /* von Celi */
}
#navigation_menu .label_menu_navi {
    color: #fff;
	   font-weight: 300;
}

#navigation_menu .svg_menu a.txt_menue {
	padding-left: 10px;
}

#navigation_menu .svg_menu img.einklappen_menu {
    display: none;
}

#navigation ul {
	margin-bottom: 0px;
}

#navigation li {
    background-color: #163362;
}

#navigation li a {
    color: #fbfbfb;
}
#navigation ul li:hover {
    background-color: #163362;
}
#navigation ul li a:hover {
    background-color: #163362;
}
#navigation ul li ul li {

    background-color: #163362;
    display: block;

}
#navigation ul li ul li:hover {

    background-color: #163362;

}

/*---------------- Ende Navi -------------------------------*/


/*---------------- Artikelkurztexte -------------------------------*/

#bausteinbereiche_bausteine_3 
  {
   display: flex !important;
   flex-direction: row;
   flex-wrap: wrap !important;
   justify-content: space-between;
   align-content: flex-start; 
  }

#bausteinbereiche_bausteine_1 {
	display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}

.kurztext_global .kurztext_text_div p { font-size: 1rem; line-height: 1.3rem; }

/* Kurztexte im "Artikel" Bereich der Standardvorlage */
#bausteinbereiche_bausteine_3 .nurtext_global { /*max-width: 1060px;*/ width: 100%; margin: 15px 0; padding: 0; }
#vorlage115 #bausteinbereiche_bausteine_3 .div_bs_bearbeitungs_btns { display: inline-block; }


#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global 
 { 
  background-color: #fff; 
  font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #bebebe;
  border: 1px solid #bebebe;
  width: auto;
  min-width: 29%;
  max-width: 46%;
  padding: 8px;
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global h3 
  {
   padding: 8px;
   margin: -8px -8px 10px -8px;
   background-color: #163362;
   color: #fff;
   font-size: 1.3rem;
   font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
  }

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_nur_der_text
 {
  display: flex !important;
  flex-direction: column;
  align-items: center;
 }

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_text_div
{
 padding: 0 !important;
 width: 100%;
 border-top: 1px solid #bebebe;
 margin: 10px 0 65px 0px;
 padding: 8px !important;
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global ul.kt_link_ul 
{
 position: absolute;
 bottom: 5px;
 display: block;
 width: calc(100% - 16px);
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global ul.kt_link_ul li
{
 display: block;
 width: 90%;
 height: 25px;
 border: grey solid 1px;
 border-radius: 10px;
 padding: 0px;
 margin: 0px auto 5px auto;
 text-align: center;
 line-height: 1.1rem;
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global ul.kt_link_ul li:hover
{ background-color: grey; }

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global ul.kt_link_ul li a
{
 color: grey;
 text-decoration: none;
 display: inline-block;
 width: calc(100% - 6px);
 height: calc(100% - 6px);
 text-align: center;
 margin: 3px;
 font-size: 1rem;
 line-height: 1.1rem;
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global ul.kt_link_ul li a:hover
{
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_bilderleiste
{
 width: 100% !important;
 margin: 0 !important;
 float: none !important;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 
}

#vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global .kurztext_bilderleiste .kurztext_einzelbildkasten
{
 margin: 0 5px 5px 0;
 padding: 0;
 width: 100%
}





/*---------------- Kontaktformular -------------------------------*/

#kontaktformular {
    min-width: 5em!important;
    max-width: 100%;
}

#kontaktformular label {
    color: #000;
    width: 9rem;
    float: left;
    margin-top: 0.5rem;
}

#kontaktformular textarea {
    width: 100%;
    height: 9rem;
}

#kontaktformular fieldset {
    min-width: 344px!important;
}

/*---------------- Ende Kontaktformalar -------------------------------*/



/*---------------- Fuss-------------------------------*/
#fuss {
    background-color: #fff;
    height: 100px;
    border-top: none;
    text-align: center;
}




#fuss a {
    font-weight: inherit;
    color: 
    #000000;
    text-decoration: none;
    font-size: 0.8em;
}


/*---------------- Weichen ab bestimmten Pixelmaßen -------------------------------*/

@media (max-width: 700px) 
{
  #logo_mobil 
   {
    height: 120px;
    background-color: #163362;
	   display: flex;
    justify-content: center;
    align-items: center;
   }
  #logo_mobil img 
   {
   width: 95%;
   height: auto;
   animation-name: logo;
   animation-duration: 1.5s;
   animation-fill-mode: forwards;
   }
  @keyframes logo { from {width: 30%;} to {width: 95%;} }
 
}
@media (max-width: 500px) 
{
 #bausteinbereiche_bausteine_3 { flex-direction: column; }
 #vorlage115 #bausteinbereiche_bausteine_3 .kurztext_global { max-width: 100%; min-width: 95%; }
 #kontaktformular label { width: 100% } 
}