/* Global settings*/
.span_rot {
	color:#f00; 
	}
.span_rot_gr {
	color:#f00; 
	font-size:1.5em;
	font-weight:bold;
    line-height: 1.9em;
	}

.span_gelb {
	color:#ff0; 
	} 
.span_gelb_gr {
	color:#ff0;	
	font-size:1.5em;
	font-weight:bold;
    line-height: 1.9em;
	}
	
.span_weiss {
	color:#fff; 
	} 
.span_weiss_gr {
	color:#fff; 
	font-size:1.5em;
	font-weight:bold;
    line-height:1.9em;
	} 
 
.span_gruen {
	color:#0f0; 
	} 
.span_gruen_gr {
	color:#0f0; 
	font-size:1.5em;
	font-weight:bold;
    line-height: 1.9em;
	} 
 
.span_blau {
	color:#00f; 
	}  
.span_blau_gr {
	color:#00f;
	font-size:1.5em;
	font-weight:bold;
    line-height: 1.9em;
	} 

.span_black{
	color:#fff; 
	}
.span_black_gr{
	color:#fff; 
	font-size:1.5em;
	font-weight:bold;
    line-height: 1.9em;
	}

@media screen and (max-width: 768px) {
  .newscase {display:noe;}
}
/*--------------------------------------------------------------------------------------------*/
/* Startseite */

#col-1, #col-2 {
   width:48%;
   float: left;
  }
   #col-2 {
	display:block;
    padding:10px;
  } 
  

  #col-image {
	display: block; 
    margin-left: auto; 
    margin-right: auto;
    float:left; 
  }
  
ul.ul_newslist {
  list-style-type: none;
  width: 100%;;
  margin-left:0px;
}

li.li_newslist h3 {
  font: bold 1.2em/1.5 Helvetica, Verdana, sans-serif;
  color:#fff;
}

li.li_newslist img {
  float: left;
  margin: 0 15px 0 0  ;
  width: 5em;
}

li.li_newslist p {
  font-size:1.0em;
  line-height:1.3em;
}

li.li_newslist {
  padding: 10px;
  overflow: auto;
}

li.li_newslist:hover {
  background-color: rgba(255,255,255,0.3);
  cursor: pointer;
}
  #li-img{
  margin-left: 0px;
  border:0px;
  }
  
/* For mobile phones: */
@media only screen and (max-width: 768px) {
  #col-1, #col-2 {width: 96%;}
li.li_newslist {padding: 0px; overflow: auto; }
  
h2 {font-size:1.6em;}
} 

/*--------------------------------------------------------------------------------------------*/
/* Banner Werbung */

#breadcrumb{
  background-color:#07092b;
  opacity:1.0;
  margin:0px 0px 0px 0px;
  width:100%;
}

@media only screen and (max-width: 768px){
	
banner_div_global {
	width:100%;
}	
 #banner_div_left {
   display:none;
}   
 #banner_div_right {
	width:100%;
}


}

#banner_div_global {
	/*color:#07092b;*/
	color:#fff;  
	font-size:1.0em;
	font-weight:bold;
    line-height: 1.5;
  	background-color:#07092b;
}


  
  
#banner_div_left {
	float:left;
	width:40%;	
}

#banner_div_right {
	float:left;
	width:58%;
}

/*--------------------------------------------------------------------------------------------*/
/* Banner Show Case */

 #bsc_main{
     width:100%;
	 height:300px;
     line-height:10.0em;
     text-align:center;
     margin-top:20px;
  }

  
  @font-face {
    font-family: "peinaud";
    src: url("../fonts/peinaudmed.ttf");
    font-weight: normal;
    font-style: normal;
}  
  
  
  #bsc_peinaud{
    font-size:2.0em;
    font-family:"peinaud";
    background: rgba(0, 0, 0, 0.0);
    }
 
 #pic_platz{
  opacity:0.0;
  height:1px;  
  }



  @media screen and (max-width: 768px) {
#bsc_main{
     width:100%;
	 height:30px;
     line-height:1.5em;
     text-align:center;
     margin-bottom:0px;
  }
    #bsc_peinaud{
    font-size:1.2em;
    font-family:"peinaud";
    background: rgba(0, 0, 0, 0.0);
    
    }
 
 #pic_platz{
  display:none; 
  }
}
 /*--------------------------------------------------------------------------------------------*/ 
/* tz portfolio */

.tz-flex-grid.arum .tz-flex-grid-content {
  
  background-color: rgba(7,9,43,0.7);
  color:#999;

}
.tz-flex-grid.arum .tz-flex-grid-content a{

  color:#999;

}

.tz-flex-grid .tz-flex-item{
    background-color: rgba(255,255,255,0.4);
}

  #article_pic_portfolio{
   float:left;
    margin:20px 20px 0px 0px;
  
  }

.article_pic_portfolio{
  color:#787878;
}
.tz_portfolio_plus_image{
  display:block;
  float:right;
  margin: 0px 0px 14px 20px;
}
.tpp-item-hit{
  display:none;
}

  #article_pic_portfolio2{
   float:right;
    margin:0px 0px 20px 20px;
  
  }

.article_pic_portfolio2{
  color:#787878;
}
.tz_portfolio_plus_image2{
  display:block;
  float:left;
  margin: 0px 0px 14px 20px;
}
.tpp-item-hit2{
  display:none;
}






/*--------------------------------------------------------------------------------------------*/
 /* Navigation Unterseiten */

nav {
 margin: auto ;
 width: 100%;
 max-width: 1200px;

}

ul.ul_unterseiten_navigation {
 margin: 0;
 padding: 0;
 list-style-type: none;

}

ul.ul_unterseiten_navigation  li.li_unterseiten_navigation {
 float: Left;
 position: relative;
 margin:12px;
}

ul.ul_unterseiten_navigation  li.li_unterseiten_navigation a.a_unterseiten_navigation {
 display: block;
 width: 200px;
 line-height: 30px;
 text-align: Center;
 color: #FFF;
 font-size:1.5em;
 text-decoration: None;
 background-color: rgba(7,9,43,0.8);
 box-shadow: 1px 1px 5px 1px #000;
}

ul.ul_unterseiten_navigation  li.li_unterseiten_navigation a.a_unterseiten_navigation:hover,
 ul.ul_unterseiten_navigation li.li_unterseiten_navigation a.a_unterseiten_navigation:active {
 color: rgba(7,9,43,1);
 font-weight:bold;
 cursor: Pointer;
 background-color: rgba(200,200,200,0.8);
}

/* Smartphone Menu Navigation Unterseiten*/

@media screen and (max-width: 580px) {
  ul.ul_unterseiten_navigation li.li_unterseiten_navigation,
  ul.ul_unterseiten_navigation li.li_unterseiten_navigation a.a_unterseiten_navigation {
  width: 100%;
 }
 @keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
 }
}
/*--------------------------------------------------------------------------------------------*/
 /* Responsive */