html { font-size: 15px;  }

p, td, a, a:hover, a:visited, li { font-size: 1.1rem; line-height: 1.4rem; }

#bilderleiste {
   width: 100%;
   height: 230px;
   background-color: #163362;
   display: flex;
   justify-content: center;
   align-items: center;
  }
.logo_div {
	  display: flex;
   justify-content: center;
   align-items: center;
  	position: absolute;
   height: 80%;
  }
.logo {
	 height: 80%;
  }

.skyline_div {
  position: absolute;
  height: 100%;
  left: 1vw;
  display: flex;
  align-items: flex-end;
  animation-name: skyline;
  animation-duration: 3s;
  animation-fill-mode: forwards;
 }
@keyframes skyline {
	from {left: -30vw;}
	to {left: 1vw;}
}


.skyline {
	height: 75%;
}

/* -----------------Navi mit effekt


#navigation {box-shadow: 0px -1px 7px #3c3c3c; }

#navigation ul { display: flex; justify-content: space-between;

position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: 0px;


}

#navigation ul #eintrag_ebene_2_2 {
 display: inline-block;
 top: 0px;

margin-top: 60px;

margin-left: 8px;
}

#navigation ul li
{
liste-style-: none

}
#navigation ul li ul {top: 50px;margin: 15px;}

#navigation ul li a
{
position: relative;
display: block;

mardin: 0 10px;

text-decoration: none;
color: #000;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
 padding-bottom: 3px;
}

#navigation ul li a:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 2px solid #163362;
border-left: 2px solid #163362;
transform-origin: left;
transition: 0.5s;
box-sizing: border-box;
padding: 0px;
}
#navigation ul li a:hover:before
{
width: 10px;
height: 10px;
transform: rotate(360deg);



}

#navigation ul li a:after
{
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border-bottom: 2px solid #163362;
border-right: 2px solid #163362;
transform-origin: left;
transition: 0.5s;
box-sizing: border-box;
padding: 0px;
}

#navigation ul li a:hover:after
{
width: 10px;
height: 10px;
transform: rotate(-360deg);
transition-delay: 0.5s;


}

*/
#rahmen {min-height: 70vh;}


#rahmen.rahmen_navigation_abstand {
	margin-top: 0px !important;
}


#navigation {
	box-shadow: none;
	border-bottom: solid 1.5px #163362;
	height: 50px;
	position: sticky;
}

#navigation.affix {
	position: sticky !important;
	border-top: none;
}

#navigation ul {
    height: 50px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    line-height: 38pt;
    z-index: 100;
    display: flex;
    justify-content: space-around;
}

#navigation li {
	height: 50px;
	margin-right: 0px;
 line-height: 38pt;
}

#navigation ul li a {
	height: 50px;
	font-size: 1.1rem;
 line-height: 47px;
}

#navigation ul li a:hover{
	color: #555;
 
}
#navigation ul li.aktiv{
	font-weight: bold;
	color: #0064ff;
	height: 50px;
}

#navigation ul li ul {
	height: 50px;
	width: fit-content;
	background-color: #163362;
	top: 50px;
	display: flex;
 justify-content: space-between;
 align-items: center;
}

#navigation ul li ul li {
    position: relative;
    font-size: 1.1rem;
    font-weight: normal;
    text-align: left;
    padding: 0;
    color: #000000;
    height: 100%;
    margin: 0px;
    display: flex;
    width: max-content;
}

#navigation ul li ul li a {
	color: white;
	height: 100%;
 width: 100%;
 padding: 0 15px;
 font-size: 1rem;
	text-align: center;
}

#navigation ul li ul li a:hover {
	background-color: whitesmoke;
	color: #163362;
	transition: 0.3s;
}


#navigation li.navi_markiert_oben a.aktiv { color: #163362; font-weight: bold; }
#navigation li.navi_markiert_unten a.aktiv { color: #fff; font-weight: bold; }


#inhalt li { list-style-type: none;}


/*------- bausteinbreiche ---*/
.bearbeitungsmodus #bausteinbereiche_bausteine_3
{
 display: block!important;
}
.bearbeitungsmodus #bausteinbereiche_bausteine_3 .nurtext_global{ width: 1060px }

#bausteinbereiche_bausteine_3 
  {
   display: flex !important;
   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;
}

.bearbeitungsmodus #vorlage115 #bausteine_bausteine_3, .bearbeitungsmodus #vorlage115 #bausteine_bausteine_1 { width: 100%; }


/*  Kurztexte etc.  */


.bildbox_oben_galerie { border-radius: 15px;}
.dreibild {width: 100%; margin-left: 30px;}
#bildergalerie_grossansicht_jetzt { width: 25vw!important; }


.nurbild_global { height: 100%; }
.nurbild_global .nurbild_bilderleiste { display: flex; }

.kurztext_global, .kurztext_global .kurztext_text_div p, .kurztext_global a { font-size: 1.1rem; line-height: 1.4rem; }

/* 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: 34%;*/
  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
{
 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;
}

#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;
}

#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;
}

/*.kurztext_global {

padding: 240px 0px 70px 0px;
margin: 7px 74px 8px 0;
background-color: #e6e6e6;
position: relative;
width: 270px;
height: auto;
color: #000;    
font-size: 15px;
font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
display: block;
overflow: hidden;
border-radius: 10px;
max-height: 173px;
box-shadow: 0px 0px 10px 0px #163362;
}

.kurztext_global input {
max-height: 200px!important;
}

.kurztext_global .kurztext_bilderleiste {

width: 200px!important;
float: left;
margin-right: 8px!important;
margin-top: -244px;
padding-left: 37px;
}

.kurztext_global .bildausgabe
{

    margin: 0;
    padding: 0;
    display: grid!important;
    justify-items: center!important;

}

.kurztext_global h3 {
    margin: 7px 4px 4px 10px;
    color: 
    #163362;
    font-size: 1em;
    font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
}


.kurztext_global .kurztext_text_div
{
    padding-left: 10px!important;
    padding-top: 8px;
    background-color: #fff;
    height: auto;
    min-height: 240px;
    min-width: 260px;
}
.kurztext_global ul.kt_link_ul {
margin: 13px 0px 0px;
padding: 0px 0 0px 0px;
text-indent: 0px;
text-decoration: none;
}

.kurztext_global ul.kt_link_ul a{
 text-decoration: none;
}
*/

/*---- Aktivleiste/n ----------------------------------------------*/
.aktivleiste_vorschau { background-color: #8b9dba;}



/*-- Galerie ---------------------*/
.galerie_112_rahmen { display: flex; justify-content: space-between; flex-flow: row; flex-wrap: wrap; }
.galerie_112_rahmen .bildbox_oben_galerie { background-color: transparent; float: none; min-width: 29%; max-width: 48%; height: auto;}
.galerie_112_rahmen .bildbox_oben_galerie form { width: 100%; height: auto; margin: 0; padding: 0;}
.galerie_112_rahmen .bildbox_oben_galerie input { width: 100%; height: auto; margin-top:0 !important; padding: 0;}



/*  -------------------------indiv. Kontakt-----------------------------  */
.meldung { width:90%; border: solid 1px #f00; margin-top:10px; margin-bottom:10px; margin-left:0px; }

#inidv_kontaktformular { font-size: 1.1rem; line-height: 1.9rem; }
#inidv_kontaktformular fieldset { margin: 0 0 15px 0; }
#inidv_kontaktformular legend {  }
#inidv_kontaktformular label { display: inline-block; width: 10rem; margin: 0 0 0 3px; }
#inidv_kontaktformular input { display: inline-block; width: 22rem; margin: 0 0 0 3px; }
#inidv_kontaktformular select { margin: 0 0 0 3px; }

#inidv_kontaktformular textarea { width: 40rem; height: 12rem; }

#inidv_kontaktformular input.i_plz { width: 5em; }
#inidv_kontaktformular input.i_ort { margin-left: 1em; width: 20em; }

#inidv_kontaktformular input.i_checkboxd { width:1em; margin-right: 5px; margin-top:5px; }

#inidv_kontaktformular fieldset.f_kf2 option { width: 8rem; }
#inidv_kontaktformular fieldset.f_kf2 label { width: 9.8rem; }
#inidv_kontaktformular fieldset.f_kf2 label.l_prod1 { width: 6rem; }
#inidv_kontaktformular fieldset.f_kf2 label.l_menge { width: 3.5rem; margin: 0 0 0 6.6rem;}

#inidv_kontaktformular fieldset.f_kf2 input.i_zusatz1 { width: 15rem; }
#inidv_kontaktformular fieldset.f_kf2 input.i_menge1 { width: 3rem; }

#inidv_kontaktformular fieldset.f_kf3 input[type="radio"] { width: 2rem; }



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


#fuss {
    background-color: #163362;navi
    font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    height: 200px;
    padding-top: 8px;
    padding-right: 0;
    padding-bottom: 0;
    position: static;
    bottom: -0px;
    -webkit-transition: bottom 1s !important;
    transition: bottom 1s !important;
    overflow: visible;
    z-index: 95;
    box-shadow: 0px 2px 8px #3c3c3c;
}

#fuss .link
{
 margin-top: 80px;
}


#fuss a 
{
 text-decoration: none;
 color: #fff;
 border-right: 0.5px solid;
 border-width: thin;
 padding: 15px;
}
#fuss a 
{

 border-left: 0.5px solid;
 border-width: thin;
 padding: 15px;

}


 #fuss a:nth-child(2)
{

 border:none;

}


#fuss a:hover 
{

background-color: #fff;
 color: #000;
 animation: mymove 5s infinite;
 width: 100px;
 height: 100px;
 position: relative;
}



@keyframes mymove {
  from {width: 200px;}
  from {width: 100px;}
}




















/*
#fuss ul {

position: absolute;
 top: 50%;
 left: 85%;
 transform: translate(-50%, -50%);
 margin: 0px;
 padding: 0px;
 display: flex;
 
}
#fuss li {

 
 list-style: none;
}
#fuss ul li a
{
 position: relative;
 width: 60px;
 height: 60px;
 
  display: block;
 text-align: center;
 margin: 0 10px;
 border-radius: 50%;
 padding: 6px;
 box-sizing: border-box;
 text-decoration: none;
box-shadow: 0 10px 15px #888;
 transition: .5s;
 background: linear-gradient(0deg, #ddd, #fff);
}
#fuss ul li a:hover
{
box-shadow: 0 2px 5px #888;
 
}

#fuss ul li a .fa
{
 width: 100%;
 height: 100%;
 display: block;
 background: linear-gradient(0deg, #fff, #ddd);
 border-radius: 50%;
 line-height: calc(60px - 12px);
 font-size: 24px;
 color: #262626;
 transition: .5s;
  
}
#fuss ul li:nth-child(1) a:hover .fa
{
 color: #ff0000;
}

#fuss ul li:nth-child(2) a:hover .fa
{
 color: #dd4b39;
}


#fuss ul li:nth-child(3) a:hover .fa
{
 color: #3b5998;
}


#fuss ul li:nth-child(4) a:hover .fa
{
 color: #1da1f2;
}

*/