@charset "ISO-8859-1";

/* ************************************************************************************************************ */
/* **************************** FÜR ALLE LAYOUTS GLEICH ******************************************************* */
/* ************************************************************************************************************ */
#stat_header
{
    line-height: 0;
}

@media only screen and (min-width: 1024px) {
  #stat_header {  /*margin-left: 0.625em;*/ }
}


#stat_liste
{
 padding-left: 2.25em;	
}

#layout_rahmen{}

@media only screen and (min-width: 1024px) {
#layout_rahmen
{
 
}
}


.stat_boxheader_background
{
  font-size: 1.3rem;
  line-height: 24px;
  color: #00326d;
  margin-bottom: 15px;
  font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
} 

.stat_boxheader_plain
{
  color: #00326d;
  font-size: .6px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
  letter-spacing: .05rem;
  font-weight: bold;
  margin-top: 50px;  /* HP 17.07.23 */
}

.stat_text {
  padding-right:20px;
}

.stat_text p {
  text-indent: -1em;
  margin-left: 1em;
  margin-top: 0.2em;
}

.stat_bild_klein{
}
.stat_bild_klein img{
  width: 185px !important;
}
.stat_bild_gross{
}

.stat_bild_gross img{
  width: calc(100% - 10px);
  /*float: left;*/
  padding-right: 10px;
}

.stat_bild_origGr{
}

.stat_bild_origGr img{
  /* width: calc(100% - 10px);*/
   object-fit: cover;
   height: auto;
}

@media only screen and (min-width: 1024px) {
  .stat_bild_gross img{
   /* width: auto;  */  /* HP 22.08. studiengangaufbau schießt aus der seite */
  }
}



.stat_download_text {
 /* width: 100px;*/
}


.stat_download_text a {
   /*width: 100px;*/
}

/* ************************************************************************************************************ */
/* **************************** LAYOUT FORMAT 9 - 3-spaltig *************************************************** */
/* ************************************************************************************************************ */
/* hp 2020 - pageid 920 -Leitung*/

#absatzblock9       
{
}
#headerBlock9
{
    margin-top: 0.625em;
}
#headerAbsatz9
{
	display: none;
}

#absatz9
{
	 display: flex;
   flex-direction: column;
   background-color: #d5e3f3;/*#89b4e1;*/
   padding-bottom: 0.625em;
   margin-bottom: 1.875em;
}

#spalte91
{

}
 spalte91 img{
  width: 100%;
 }

#spalte92, #spalte93 
{
	margin: 0.5em 0.25em 0.5em 0.5em;
}

#spalte91 img{
  
}
#spalte91
{
	
    order:  1;
}
#spalte92
{
	/*padding-left: 1.0em;*/
    order: 2;
}

#spalte93
{
/*	padding-left: 1.0em;*/
    order: 3;
}

#spalte91, #spalte92, #spalte93 {
  margin: 0.8rem;
 }


/*************** MINDESTBREIT:  **********************/
@media  (min-width: 768px)
{
  
  spalte91 img{
  width: auto;
 }
#headerBlock9
{
  /*margin-left: 1.5em;*/
   margin-bottom: 0.625em;
}
#headerAbsatz9
{
  display: none;
}
  /*#stat_header
  {
	margin-left: 0.625em;  
  }*/
  
  #absatzblock9       
  {
	  /*margin: 0.5em 0.0 em 0.625em 0.0em;*/
    margin-bottom:0.625em;
  }
  
  #headerBlock9
  {
	  margin-left: 0.625em;
    margin-top: 0;
    display: none;
  }
  
  
  #headerAbsatz9
  {
  	display: block;
  }
  #absatz9
  {
  	flex-direction: row;
  	align-items: stretch;
  	box-sizing: border-box;
 flex-wrap: nowrap;
  }
  #spalte91
   {
   }


  #spalte91, #spalte92, #spalte93 
  {
/*  margin: 0.5em 0.25em 0.5em 0.5em;*/
  }

  #spalte91
  {
     order:1; 
  }
  #spalte92
  {
      
      order:2;
      flex-basis: 70%;
  }
  
  #spalte93
  {
  	order:3;
      flex-basis: 30%;
  }
  #spalte91, #spalte92, #spalte93 
  {
  	margin-bottom: 0.0em;
  
  }
  #spalte91 img {
    width: auto;
}
  

}  

/* ************************************************************************************************************ */
/* ************************************** Geländeabsatzblock ************************************************** */
/* ************************************************************************************************************ */
.absatzblock_gelaende
{
  background-color: var(--colorBlauUniBackground);
  padding: 0.25em 0.625em 0.625em 0.625em;
  margin-bottom: var(--widthAbstandMittel); 
}

/* ************************************************************************************************************ */
/* **************************** LAYOUT FORMAT 11 - 1-spaltig ************************************************** */
/* ************************************************************************************************************ */
/* hp 2020 - pageid  5 */
#header11
{
	margin-left: 0.625em;
    line-height: 0;

}

#absatzblock11
{
	background-color: var(--colorBlauUniBackground);
  padding: 0.625em 0.625em 0.625em 0.625em;
	/*margin: 0.625em 0.625em 0.625em 0.625em; */
}
#absatzblock11 ul li{
  list-style-position: inside;
}

/* ************************************************************************************************************ */
/* **************************** LAYOUT FORMAT 12 - 2-spaltig (links Bild/Video) ******************************* */
/* ************************************************************************************************************ */

/* hp 2020 - pageid  954 (Ehrenmitglieder) / 1014 (Entwicklungsgeschichte) */
#absatzblock12
{
   background-color: #d5e3f3;
   margin-bottom: 1.6rem;
   padding-bottom: 0.8rem;
   width: 100%;
   float: left;
}

#absatz12
{
    float: none;
/*    background-color: #f3eee4;*/
}

#headerBlock12
{
	margin-left: 1.5em;
}
#headerAbsatz12
{
	display: none;
}

#spalte121, #spalte122 
{
	/*margin: 0.5em 0.25em 0.5em 0.5em;*/
}

#spalte121
{
  padding:  0.8rem 0.8rem 0 0.8rem;
}	

#spalte122
{
	float: left;
  padding-left: var(--widthAbstand);
  padding-top: var(--widthAbstand);
  padding-right: var(--widthAbstand);
}
	 




/*************** MINDESTBREIT: 768PX **********************/
@media  (min-width: 768px)
{

  #absatz12
  {
   /*   float: left;*/
  }
  
  #headerBlock12
  {
  	display: none;
  }
  
  #headerAbsatz12
  {
  	display: block;
  }
  
  #spalte122
  {
     float: none;
   }
  
 
 
  

}


/* ************************************************************************************************************ */
/* **************************** LAYOUT FORMAT 14 - 2-spaltig *************************************************** */
/* ************************************************************************************************************ */
#absatz14
{
	margin: 0.25em 0.625em 0.625em 0.625em;
	display: flex;
    flex-direction: column;
}

#spalte141, #spalte142 
{
	margin: 1.25em 0.25em 0.0em 0.5em;
	background-color: var(--colorBlauUniBackground); /* #f3eee4;*/

}

#spalte141
{
	 padding: var(--widthAbstand);
}
#spalte142
{
   padding: var(--widthAbstand);
}




/*************** MINDESTBREIT: 425PX **********************/
@media  (min-width: 768px)
{
   
  #absatz14
  {
  	flex-direction: row;
  }
  #spalte141
  {
      flex-basis: 50%;
  }
  #spalte142
  {
      flex-basis: 50%;
  }
  
  #spalte141, #spalte142 
  {
    margin: 0.0em 0.25em 0.0em 0.5em;
  
  }


}


/* ************************* EDITIEREBENE DER STATISCHEN SEITEN: **********************/

#container_staedt
{
	background-color: #f3eee4;
	margin: 20px 0 20px 0;
	padding: 1.25%;
	width: 97.5%;
	page-break-before: avoid;
}

/*#stat_container{
  background-color: green;
}*/
.stat_container{
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  box-sizing: border-box;
  display: flex;
}

.stat_bild_text_container{
  background-color: #d5e3f3;
  /*width: calc(33% - 20px);*/
  width: 220px;
  margin: 0 15px 0 0;
}

.stat_bild_text_container_icons{
  /*background-color: #d5e3f3;*/
  width: 100%;
  margin: 0;
}

.stat_bild_text_container_1sp{
  /*background-color: #d5e3f3;*/
  width: 100%;
  margin: 0;
}

.stat_bild_text_container_4sp{
  /*background-color: #d5e3f3;*/
  width: calc(50% - 15px);
  margin: 0 15px 0 0;
  margin: 0 15px 15px 0;
}

@media  (min-width: 1024px)
{

.stat_bild_text_container_4sp{
  /*background-color: #d5e3f3;*/
  width: calc(25% - 0px);
 /* margin: 0 15px 0 0;*/
 /*box-shadow:0 0 0 2px yellow;*/
}
}   


.stat_bild_text_fmt_4sp img{
  /*width: calc(100% - 30px);*/
  width: 100%;
}


 
/*-------------------------------------*/
.stat_bild_text_container_4sp:hover,
a.class_link_stat_bild_text:focus .stat_bild_text_container_4sp
{
   box-shadow:0 0 0 2px #d5e3f3 
}

/*--------------------------------geo-homepage-old-----------------------------------------------*/

.stat_link_highlight{
  background-color: #00326d;
  padding: 10px;
  margin: 10px 0px;
  float: right;
cursor: pointer;
background-color: #00326d;
color: #ffffff !important;
padding: 15px 35px 15px 20px;
margin-top: 15px;
margin-right: 7.5px;
min-height: 50px;
background-position-y: center;
position: relative;
}

/*.stat_link_highlight a{
  color: white;
}*/



a.stat_link_highlight:hover, a.stat_link_highlight:focus,
.stat_link_highlight a:hover, .stat_link_highlight a:focus
 {
  background-color: #d50c2f;
  color: #fff;
}

a.stat_link_highlight, .stat_link_highlight a {
  float: right;
  cursor: pointer;
  background-color: #00326d;
  color: #ffffff !important;
  padding: 15px 35px 15px 20px;
  margin-top: 15px;
  margin-right: 7.5px;
  min-height: 50px;
  background-position-y: center;
  position: relative;
  font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
  font-size: 16px;
  font-size: 1rem;
  background-repeat: no-repeat;
  color: #d50c2f;
  text-decoration: underline;
}

.stat_bild{
  position:  relative;
}

.stat_bild img{
 object-fit: cover;
}
.stat_bild_header_fmt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* Header im Bild */
/*.stat_bild_header {
  position: absolute;  
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0px;
  background-color: rgba(255,255,255,.8)
}*/
.stat_color_bild_header{
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0px;
  background-color: rgba(255,255,255,.8)
}

.stat_color_bild_header  .titel{  /* H2 */
  color: var(--navfarbe);
  padding-left: 5px;
  font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
  letter-spacing: .05rem;
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 24px;
}
.stat_bild_header {
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 10px;
  background-color: rgba(255,255,255,.8)
}


.stat_bild_header .titel{  /* H3 */
  color: var(--navfarbe);
  font-family: "SharpSansWeb-Bold","Arial",Arial,sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0.5em !important;
  padding: 0;
}  

@media only screen and (min-width: 600px) 
{
  .stat_bild_header .titel{  /* H2 */
    letter-spacing: .05rem;
    font-size: 20px;
    font-size: 1.3rem;
   
  }
}
.stat_bild_header .text{
 
}

.stat_container{
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  box-sizing: border-box;
  display: flex;
  overflow: hidden; /* hp 22.09.22 */
}
.stat_container33 {
  float:  left;
}

.stat_container_univ_default, .stat_container_1sp_default, 
.stat_container_2sp_default,  .stat_container_3sp_default, 
.stat_container_4sp_default, .stat_container_icons_default{
  background-color:  #e4e7ea;
  margin:  5px;
}
.stat_bild_text_container{
  background-color: #d5e3f3;
  width: 220px;
  margin: 0 15px 0 0;
}

.stat_bild_text_container_4sp{
  width: calc(50% - 4px);
  margin: 2px 2px;
}
.stat_bild_text_container_3sp{
  width: calc(100% - 4px);
  margin: 2px 2px;
}
@media only screen and (min-width: 768px){
.stat_bild_text_container_3sp{
  width: calc(33% - 4px);
  margin: 2px 2px;
}
}


.stat_bild_text_container_2sp{
   width: calc(100% - 4px);
 
}
@media only screen and (min-width: 768px){
.stat_bild_text_container_2sp{
  width: calc(50% - 4px);
  margin: 2px 2px;
}
}

/* LAYOUT 2SP 2zu1 */
.stat_bild_text_container_2sp_2zu1_sp1{
  margin: 10px; 
  width:  100%;
 }

 .stat_bild_text_container_2sp_2zu1_sp1 img{
   /* height: 100% !important;*/
    aspect-ratio: auto !important;
 }
 .stat_bild_text_container_2sp_2zu1_sp2 img{
    width: auto !important;
    aspect-ratio: auto !important;
 }

.stat_bild_text_container_2sp_2zu1_sp2{
  margin: 10px; 
  width:  100%;
}
@media  (min-width: 1024px)
{
.stat_bild_text_container_2sp_2zu1_sp1{
  width: calc(65% - 20px);
  margin: 10px; 
 }

.stat_bild_text_container_2sp_2zu1_sp2{
  width: calc(35% - 20px);
  margin: 10px; 
}
}

/* LAYOUT 4SP  */
.stat_4sp_table_cell{
  display: table-cell;
  width: calc(25% - 4px);
}
@media  (min-width: 1024px)
{

.stat_bild_text_container_4sp{
  width: calc(25% - 4px);
 /* margin: 0 15px 0 0;*/
}

}   

.stat_3sp_table_cell{
  display: table-cell;
  width: calc(33% - 4px);
}

.stat_2sp_table_cell{
  display: table-cell;
  width: calc(50% - 4px);
}

.stat_1sp_table_cell{
  display: table-cell;
  width: calc(100% - 4px); 
}

.stat_bild_text_fmt_2sp ,
.stat_bild_text_fmt_2sp a,
.stat_bild_text_fmt_3sp_text a,
.stat_bild_text_fmt_3sp_text,
.stat_bild_text_fmt_4sp a,
.stat_bild_text_fmt_4sp 
{
  color:  #3c3c3c;
  
}  

.stat_bild_text_fmt img{
 
  width: 100%;
  aspect-ratio: 4 / 3;
  justify-content: center;
  object-fit: cover;
}
.stat_bild_text_fmt2 img{
 
  object-fit: cover;
  float: left;
  margin-right: 10px;
  width: 100%;
}


.stat_bild_text_fmt_2sp img,
.stat_bild_text_fmt_3sp img,
.stat_bild_text_fmt_4sp img
{
  width: 100%;
}

.stat_bild_text_fmt_1sp {}
.stat_bild_text_fmt_1sp img{
   float: left;
   width: calc (100% - 10px);
  /* height: auto;
   border-radius: 50%;
   aspect-ratio: 1 / 1;
   object-fit: cover;*/
   margin-right: 10px;
}
.stat_bild_text_fmt_1sp_text{

}

.stat_bild_text_fmt, .stat_bild_text_fmt2, .stat_bild_text_fmt_4sp img, .stat_bild_text_fmt_icons img{
  width: 100%;
  color: black;
}
/*------------- video------------------*/
.video {
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.stat33_video{
  width: 240px;
}



/* ----------------bannerblock------------------ */
.stat_container_bannerblock{
  float: left;
  width: 100%;
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
  font-size: .95rem;
  line-height: 23px;
  font-weight: 400;
}
.stat_container_bannerblock
{
  clear: both;
  padding: 20px 0x 20px 20px;
 /* height: 120px;*/
  font-size: 0.95rem;
}

.stat_bannerblock_frame {
  object-fit: cover;
  margin: 10px;
  float: left;
}
.stat_container_bannerblock:hover,
a.class_link_bannerblock:focus .stat_container_bannerblock
{
   box-shadow:0 0 0 2px #d5e3f3 
}
.class_banner_block{
   float: left;
}
.stat_bannerblock_frame img { height: 100px; }
.stat_bannerblock_txt{
  margin:  10px;
  color: #4A4A4A; 
}


/* ----------------popuplineblock------------------ */
.stat_header_popupline {
  padding-left: 10px;
}

.stat_bild_text_container_4sp:hover,
a.class_link_stat_bild_text:focus .stat_bild_text_container_4sp
{
   box-shadow:0 0 0 2px #d5e3f3; 
 
}

.stat_bild_text_container_3sp:hover,
a.class_link_stat_bild_text:focus .stat_bild_text_container_3sp
{
   box-shadow:0 0 0 2px #d5e3f3; 
 
}
.stat_bild_text_container_2sp:hover,
a.class_link_stat_bild_text:focus .stat_bild_text_container_2sp
{
   box-shadow:0 0 0 2px #d5e3f3; 
 
}

.stat_container_upper_popuplineblock:hover,
a.class_link_stat_bild_text:focus .stat_container_upper_popuplineblock
{
   box-shadow:0 0 0 2px #d5e3f3 
}

.stat_container_upper_popuplineblock_aktiv:hover,
a.class_link_stat_bild_text:focus .stat_container_upper_popuplineblock_aktiv
{
   box-shadow:0 0 0 2px #d5e3f3 
}

.stat_container_all_popuplineblock{
  float: left;
  width: 100%;
  font-family: "SharpSansWeb-Medium","Arial",Arial,sans-serif;
  font-size: .95rem;
  line-height: 23px;
  font-weight: 400;
/*  width: calc(100% - 1.25em);
  margin-left: 0.62em;*/
}


.stat_container_upper_popuplineblock, .stat_container_upper_popuplineblock_aktiv,
.stat_container_upper_popuplineblock_plain, .stat_container_upper_popuplineblock_aktiv
{
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 0x 20px 20px;
}
 

.stat_popuplineblock_frame, .stat_popuplineblock_frame_aktiv,
.stat_popuplineblock_frame_rot, .stat_popuplineblock_frame_blau,
.stat_popuplineblock_frame_lila, .stat_popuplineblock_frame_coralle,
.stat_popuplineblock_frame_gelb, .stat_popuplineblock_frame_gruen,
.stat_popuplineblock_frame_limette, .stat_popuplineblock_frame_hellcoralle,
.stat_popuplineblock_frame_hellgelb, .stat_popuplineblock_frame_hellgruen,
.stat_popuplineblock_frame_helllimette, 
.stat_popuplineblock_frame_dunkelblau, .stat_popuplineblock_frame_hellblau
 {
  object-fit: cover;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px;
}  

.stat_bild_text_frame
 {
  object-fit: cover;
  margin: 10px;
}  

.stat_bild_text_frame_aktiv,
.stat_bild_text_frame_rot, .stat_bild_text_frame_blau,
.stat_bild_text_frame_lila, .stat_bild_text_frame_coralle,
.stat_bild_text_frame_gelb, .stat_bild_text_frame_gruen,
.stat_bild_text_frame_limette, .stat_bild_text_frame_hellcoralle,
.stat_bild_text_frame_hellgelb, .stat_bild_text_frame_hellgruen,
.stat_bild_text_frame_helllimette,
.stat_bild_text_frame_dunkelblau, .stat_bild_text_frame_hellblau
 {
  object-fit: cover;
/*  margin: 10px; */ /* HP 17.07.23 */
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}  


.stat_text_frame_aktiv,
.stat_text_frame_rot, .stat_text_frame_blau,
.stat_text_frame_lila, .stat_text_frame_coralle,
.stat_text_frame_gelb, .stat_text_frame_gruen,
.stat_text_frame_limette, .stat_text_frame_hellcoralle,
.stat_text_frame_hellgelb, .stat_text_frame_hellgruen,
.stat_text_frame_helllimette,
.stat_text_frame_dunkelblau, .stat_text_frame_hellblau
 {
  object-fit: cover;  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}  

.stat_container_inner_popuplineblock_aktiv,
.stat_container_inner_popuplineblock, .stat_container_inner_popuplineblock_rot,
.stat_container_inner_popuplineblock_blau, .stat_container_inner_popuplineblock_lila,
.stat_container_inner_popuplineblock_coralle, .stat_container_inner_popuplineblock_gelb,
.stat_container_inner_popuplineblock_gruen, .stat_container_inner_popuplineblock_limette,
.stat_container_inner_popuplineblock_hellcoralle, .stat_container_inner_popuplineblock_hellgelb,
.stat_container_inner_popuplineblock_hellgruen, .stat_container_inner_popuplineblock_helllimette,
.stat_container_inner_popuplineblock_dunkelblau, .stat_container_inner_popuplineblock_hellblau
 {
  width: 100%;
  height: 300px;
  min-height: 370px;
  height: 16vh;
  padding-top: 10px;
}

.stat_container_inner_popuplineblock_plain_aktiv,
.stat_container_inner_popuplineblock_plain, .stat_container_inner_popuplineblock_plain_rot,
.stat_container_inner_popuplineblock_plain_blau, .stat_container_inner_popuplineblock_plain_lila,
.stat_container_inner_popuplineblock_plain_coralle, .stat_container_inner_popuplineblock_plain_gelb,
.stat_container_inner_popuplineblock_plain_gruen, .stat_container_inner_popuplineblock_plain_limette,
.stat_container_inner_popuplineblock_plain_hellcoralle, .stat_container_inner_popuplineblock_plain_hellgelb,
.stat_container_inner_popuplineblock_plain_hellgruen, .stat_container_inner_popuplineblock_plain_helllimette,
.stat_container_inner_popuplineblock_plain_dunkelblau, .stat_container_inner_popuplineblock_plain_hellblau
 {
  width: 100%;
  height: 44px;
  min-height: 44px;
  height: 7.76vh;
 /* padding-top: 10px;*/
}
.stat_container_inner_popuplineblock_plain_blau a{
  color: white;
}

/* ohne Vorgabe einer festen Höhe z.B. Einspaltigkeit */
.stat_container_inner_bild_text_plain,
.stat_container_inner_bild_text_plain_rot,
.stat_container_inner_bild_text_plain_blau, .stat_container_inner_bild_text_plain_lila,
.stat_container_inner_bild_text_plain_coralle, .stat_container_inner_bild_text_plain_gelb,
.stat_container_inner_bild_text_plain_gruen, .stat_container_inner_bild_text_plain_limette,
.stat_container_inner_bild_text_plain_hellcoralle, .stat_container_inner_bild_text_plain_hellgelb,
.stat_container_inner_bild_text_plain_hellgruen, .stat_container_inner_bild_text_plain_helllimette,
.stat_container_inner_bild_text_plain_dunkelblau, .stat_container_inner_bild_text_plain_hellblau
{
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.stat_container_inner_bild_text_aktiv,
.stat_container_inner_bild_text, .stat_container_inner_bild_text_rot,
.stat_container_inner_bild_text_blau, .stat_container_inner_bild_text_lila,
.stat_container_inner_bild_text_coralle, .stat_container_inner_bild_text_gelb,
.stat_container_inner_bild_text_gruen, .stat_container_inner_bild_text_limette,
.stat_container_inner_bild_text_hellcoralle, .stat_container_inner_bild_text_hellgelb,
.stat_container_inner_bild_text_hellgruen, .stat_container_inner_bild_text_helllimette,
.stat_container_inner_bild_text_dunkelblau, .stat_container_inner_bild_text_hellblau
 {
  width: 100%;
}

.stat_container_2sp_2zu1_inner_bild_text_rot,
.stat_container_2sp_2zu1_inner_bild_text_blau, .stat_container_2sp_2zu1_inner_bild_text_lila,
.stat_container_2sp_2zu1_inner_bild_text_coralle, .stat_container_2sp_2zu1_inner_bild_text_gelb,
.stat_container_2sp_2zu1_inner_bild_text_gruen, .stat_container_2sp_2zu1_inner_bild_text_limette,
.stat_container_2sp_2zu1_inner_bild_text_hellcoralle, .stat_container_2sp_2zu1_inner_bild_text_hellgelb,
.stat_container_2sp_2zu1_inner_bild_text_hellgruen, .stat_container_2sp_2zu1_inner_bild_text_helllimette,
.stat_container_2sp_2zu1_inner_bild_text_dunkelblau, .stat_container_2sp_2zu1_inner_bild_text_hellblau
 {
  width: 100%;
}

@media  (min-width: 480px)
{
  .stat_container_inner_popuplineblock_aktiv,
  .stat_container_inner_popuplineblock, .stat_container_inner_popuplineblock_rot,
  .stat_container_inner_popuplineblock_blau, .stat_container_inner_popuplineblock_lila ,
  .stat_container_inner_popuplineblock_coralle, .stat_container_inner_popuplineblock_gelb,
  .stat_container_inner_popuplineblock_gruen, .stat_container_inner_popuplineblock_limette,
  .stat_container_inner_popuplineblock_hellcoralle, .stat_container_inner_popuplineblock_hellgelb,
  .stat_container_inner_popuplineblock_hellgruen, .stat_container_inner_popuplineblock_helllimette,
  .stat_container_inner_popuplineblock_dunkelblau, .stat_container_inner_popuplineblock_hellblau

 {
  min-height: 300px;
 } 
}

@media  (min-width: 574px)
{
  .stat_container_inner_popuplineblock_aktiv,
  .stat_container_inner_popuplineblock, .stat_container_inner_popuplineblock_rot,
  .stat_container_inner_popuplineblock_blau, .stat_container_inner_popuplineblock_lila ,
  .stat_container_inner_popuplineblock_coralle, .stat_container_inner_popuplineblock_gelb,
  .stat_container_inner_popuplineblock_gruen, .stat_container_inner_popuplineblock_limette,
  .stat_container_inner_popuplineblock_hellcoralle, .stat_container_inner_popuplineblock_hellgelb,
  .stat_container_inner_popuplineblock_hellgruen, .stat_container_inner_popuplineblock_helllimette,
  .stat_container_inner_popuplineblock_dunkelblau, .stat_container_inner_popuplineblock_hellblau
 {
  min-height: 220px;
 } 
}
@media  (min-width: 860px)
{
  .stat_container_inner_popuplineblock_aktiv,
  .stat_container_inner_popuplineblock, .stat_container_inner_popuplineblock_rot,
  .stat_container_inner_popuplineblock_blau, .stat_container_inner_popuplineblock_lila ,
  .stat_container_inner_popuplineblock_coralle, .stat_container_inner_popuplineblock_gelb,
  .stat_container_inner_popuplineblock_gruen, .stat_container_inner_popuplineblock_limette,
  .stat_container_inner_popuplineblock_hellcoralle, .stat_container_inner_popuplineblock_hellgelb,
  .stat_container_inner_popuplineblock_hellgruen, .stat_container_inner_popuplineblock_helllimette,
  .stat_container_inner_popuplineblock_dunkelblau, .stat_container_inner_popuplineblock_hellblau
 {
  min-height: 160px;
 } 
}
.stat_container_inner_popuplineblock_plain_aktiv,
.stat_container_inner_popuplineblock_aktiv,
.stat_container_inner_popuplineblock {
   width:  100%;
}

.stat_container_upper_popuplineblock {
  /*margin-bottom: 20px;*/
}

.stat_container_upper_popuplineblock a,
.stat_container_upper_popuplineblock_plain a {
  color: #4A4A4A; /*white;*/
}

.stat_container_inner_popuplineblock_plain_blau a{
  color: white;
}

.stat_container_upper_popuplineblock,
.stat_container_upper_popuplineblock_plain {
  float: left;
  clear: both;
  width: 100%;
  padding: 10px;
}

.stat_upper_container_icon_popuplineblock{
  width: 80px ;
  float: left;
  padding-left: 20px;
}

.stat_upper_icon_popuplineblock{
  float: left;
  padding-bottom: 10px;
}
.stat_upper_icon_popuplineblock img {width:  80px;}

.stat_upper_right_popuplineblock,
 .stat_upper_right_popuplineblock_rot,
.stat_upper_right_popuplineblock_blau, .stat_upper_right_popuplineblock_lila ,
 .stat_upper_right_popuplineblock_coralle, .stat_upper_right_popuplineblock_gelb,
.stat_upper_right_popuplineblock_gruen, .stat_upper_right_popuplineblock_limette,
 .stat_upper_right_popuplineblock_hellcoralle, .stat_upper_right_popuplineblock_hellgelb,
.stat_upper_right_popuplineblock_hellgruen, .stat_upper_right_popuplineblock_helllimette,
  .stat_upper_right_popuplineblock_dunkelblau, .stat_upper_right_popuplineblock_hellblau
 {
  float: left;
  width: calc(100% - 120px); /*80 Bild + 20 padding-right + 20 px padding-left*/
  padding-left:20px
}
 .stat_upper_right_popuplineblock_dunkelblau{
  color:  #FFF;
 }

.stat_upper_right_popuplineblock H1 {color: white;}

.stat_container_lower_popuplineblock,
.stat_container_lower_popuplineblock_rot,
.stat_container_lower_popuplineblock_blau, .stat_container_lower_popuplineblock_lila ,
.stat_container_lower_popuplineblock_coralle, .stat_container_lower_popuplineblock_gelb,
.stat_container_lower_popuplineblock_gruen, .stat_container_lower_popuplineblock_limette,
.stat_container_lower_popuplineblock_hellcoralle, .stat_container_lower_popuplineblock_hellgelb,
.stat_container_lower_popuplineblock_hellgruen, .stat_container_lower_popuplineblock_helllimette,
.stat_container_lower_popuplineblock_dunkelblau, .stat_container_lower_popuplineblock_hellblau
{
  float: left;
   clear: both;
   width: 100%;
   background-color:  #fdfdfd; /*white;*/
   margin-bottom: 20px;
   margin-right: 20px;
   padding-bottom: 20px;
   color: #4a4a4a;
}
.stat_container_lower_popuplineblock_dunkelblau{
  background-color: #fff8bd;
}


.stat_lower_img_popuplineblock{
  float: left;
  margin-top: 20px;
   margin-right: 20px;
  /* margin-left: 20px;*/
}
.stat_lower_right_popuplineblock{
  margin-top: 20px;
  /*float: left;*/
}
.stat_lower_right_popuplineblock p{
  width: 100%;
}
.stat_upper_button_popuplineblock{
  
  padding-top: 30px;
  padding-right: 20px;
  
}
.stat_upper_button_popuplineblock_plain
{  
  padding-top: 10px;
  padding-right: 20px;
  
}
/*.stat_upper_right_button_popuplineblock{
  float: right;
  padding-top: 30px;
  padding-right: 20px;
  
}*/

.stat_popuplineblock_frame, .stat_popuplineblock_frame_aktiv {
  object-fit: cover;
 /* height: 140px;*/ /* hp 9.8.22 */
  margin: 10px 10px 20px 10px;
}   

@media  (min-width: 1200px)
{
  .stat_popuplineblock_frame, .stat_popuplineblock_frame_aktiv {
    object-fit: cover;
    /*height: 100px;*/ /* hp 9.8.22 */
    margin: 10px 10px 20px 10px;
  }   
}
/* ----------------------------*/
/* layout:  stat_cont_popup1sp */
/* ----------------------------*/
.stat_container_lower_populineblock_popup1sp{
  float: left;
   clear: both;
   width: 100%;
   background-color:  #fdfdfd; /*white;*/
   margin-bottom: 20px;
   margin-right: 20px;
   padding-bottom: 20px;
   color: #4a4a4a;
}
.stat_container_lower_populineblock_popup1sp{
  background-color:  #d5e3f3; 
 }


/* --------------Button - Dreieck nach oben / unten -------------------------*/
/* https://tools.andrerinas.de/css_triangle_generator*/

.button_triangle_open, .button_triangle_open_rot, .button_triangle_open_blau, .button_triangle_open_lila,
.button_triangle_open_coralle, .button_triangle_open_gelb, .button_triangle_open_gruen, .button_triangle_open_limette,
.button_triangle_open_hellcoralle, .button_triangle_open_hellgelb, .button_triangle_open_hellgruen, .button_triangle_open_helllimette,
.button_triangle_open_dunkelblau,.button_triangle_open_hellblau,
.button_triangle_open_aktiv
   /* Dreieck nach unten */
{
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 20px 40px 0 40px;
} 

.button_triangle_close, .button_triangle_close_rot, .button_triangle_close_blau, .button_triangle_close_lila,
.button_triangle_close_coralle, .button_triangle_close_gelb, .button_triangle_close_gruen, .button_triangle_close_limette,
.button_triangle_close_hellcoralle, .button_triangle_close_hellgelb, .button_triangle_close_hellgruen, .button_triangle_close_helllimette,
.button_triangle_close_dunkelblau, .button_triangle_close_hellblau,
.button_triangle_close_aktiv
 /* Dreieck nach oben */
{
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;  
  border-width: 0 40px 20px 40px;
} 

.button_triangle_kl_open, .button_triangle_kl_open_rot, .button_triangle_kl_open_blau, .button_triangle_kl_open_lila,
.button_triangle_kl_open_coralle, .button_triangle_kl_open_gelb, .button_triangle_kl_open_gruen, .button_triangle_kl_open_limette,
.button_triangle_kl_open_hellcoralle, .button_triangle_kl_open_hellgelb, .button_triangle_kl_open_hellgruen, .button_triangle_kl_open_helllimette,
.button_triangle_kl_open_dunkelblau,.button_triangle_kl_open_hellblau,
.button_triangle_kl_open_aktiv
   /* Dreieck nach unten */
{
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 24px 24px 0 24px;
} 

.button_triangle_kl_close, .button_triangle_kl_close_rot, .button_triangle_kl_close_blau, .button_triangle_kl_close_lila,
.button_triangle_kl_close_coralle, .button_triangle_kl_close_gelb, .button_triangle_kl_close_gruen, .button_triangle_kl_close_limette,
.button_triangle_kl_close_hellcoralle, .button_triangle_kl_close_hellgelb, .button_triangle_kl_close_hellgruen, .button_triangle_kl_close_helllimette,
.button_triangle_kl_close_dunkelblau, .button_triangle_kl_close_hellblau,
.button_triangle_kl_close_aktiv
 /* Dreieck nach oben */
{
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;  
  border-width: 0 24px 24px 24px;
} 

/* -------------- FARBEN:  ------------- */
 /* Farben dunkel mittel hell: 
  rot  #9d2246 #d50c2f #f39ca9 
  blau #00326d #0068b4 #89b4e1 
  lila #3b296a #8681b1 #c7c1e1
  coralle #d45b65 #f4a198 #fbdad2
  gelb #f7a600 #fece43 #ffe7b6
  gruen #008878 #8acbb7 #d6ebe1
  limette #dedc00 #f6e945 #fff8bd */

/* DEFAULTFARBE BANNER */
.stat_container_inner_popuplineblock, 
.stat_popuplineblock_frame{
   background-color: #f3eee4; 
   color: #4a4a4a;
}

/* AKTIVFARBE BANNER:  */
.stat_container_one_popuplineblock_aktiv, 
.stat_container_inner_popuplineblock_plain_aktiv, 
.stat_container_inner_popuplineblock_aktiv, 
.stat_popuplineblock_frame_aktiv{
   background-color: #d50c2f; 
   color: white;
 
}
 
/* POPUP-FENSTER:  */;
.stat_container_lower_popuplineblock{
   background-color:  white;
 } 

 .stat_container_transparent{

 }
 .stat_container_rot, .stat_container_blau, .stat_container_lila, .stat_container_coralle,
 .stat_container_gelb, .stat_container_gruen, .stat_container_limette, .stat_container_hellcoralle,
 .stat_container_hellgelb, .stat_container_hellgruen, .stat_container_helllimette,
 .stat_container_dunkelblau, .stat_container_hellblau, .stat_container_white
 {
  margin-bottom: 20px;
}  

.stat_container_one_popuplineblock_rot:hover,
.stat_container_one_popuplineblock_coralle:hover,
.stat_container_one_popuplineblock_hellcoralle:hover,
.stat_container_one_popuplineblock_gelb:hover,
.stat_container_one_popuplineblock_hellgelb:hover,
.stat_container_one_popuplineblock_gruen:hover,
.stat_container_one_popuplineblock_hellgruen:hover,
.stat_container_one_popuplineblock_hellblau:hover,
.stat_container_one_popuplineblock_blau:hover,
.stat_container_one_popuplineblock_dunkelblau:hover,
.stat_container_one_popuplineblock_lila:hover,
.stat_container_one_popuplineblock_limette:hover,
.stat_container_one_popuplineblock_helllimette:hover,
.stat_container_one_popuplineblock_rot:focus-within,
.stat_container_one_popuplineblock_coralle:focus-within,
.stat_container_one_popuplineblock_hellcoralle:focus-within,
.stat_container_one_popuplineblock_gelb:focus-within,
.stat_container_one_popuplineblock_hellgelb:focus-within,
.stat_container_one_popuplineblock_gruen:focus-within,
.stat_container_one_popuplineblock_hellgruen:focus-within,
.stat_container_one_popuplineblock_hellblau:focus-within,
.stat_container_one_popuplineblock_blau:focus-within,
.stat_container_one_popuplineblock_dunkelblau:focus-within,
.stat_container_one_popuplineblock_lila:focus-within,
.stat_container_one_popuplineblock_limette:focus-within,
.stat_container_one_popuplineblock_helllimette:focus-within{
  transform: translateY(-3px);           /* leichtes Hochziehen */
  box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* Schatten */
}

.stat_container_inner_popuplineblock_rot,
.stat_container_inner_popuplineblock_blau,
.stat_container_inner_popuplineblock_lila,
.stat_container_inner_popuplineblock_coralle,
.stat_container_inner_popuplineblock_gelb,
.stat_container_inner_popuplineblock_gruen,
.stat_container_inner_popuplineblock_limette,
.stat_container_inner_popuplineblock_hellcoralle,
.stat_container_inner_popuplineblock_hellgelb,
.stat_container_inner_popuplineblock_hellgruen,
.stat_container_inner_popuplineblock_rot,
.stat_container_inner_popuplineblock_helllimette,
.stat_container_inner_popuplineblock_dunkelblau,
.stat_container_inner_popuplineblock_hellblau {
   position: relative;
}
.stat_container_one_popuplineblock_rot, 
.stat_container_inner_popuplineblock_rot, .stat_container_inner_popuplineblock_plain_rot,
.stat_popuplineblock_frame_rot,
.stat_bild_text_frame_rot,.stat_container_inner_bild_text_rot, .stat_text_frame_rot,
.stat_container_rot, .stat_text_frame_rot
{ background-color:  #f39ca9; } 

.stat_container_one_popuplineblock_blau,
.stat_container_inner_popuplineblock_blau, .stat_container_inner_popuplineblock_plain_blau, 
.stat_popuplineblock_frame_blau, .stat_text_frame_blau,
.stat_bild_text_frame_blau,.stat_container_inner_bild_text_blau,
.stat_container_blau, .stat_text_frame_lau
 { background-color:   var(--colorBlauUniBackground) }

.stat_container_one_popuplineblock_lila, 
.stat_container_inner_popuplineblock_lila, .stat_container_inner_popuplineblock_plain_lila,
.stat_popuplineblock_frame_lila,
.stat_bild_text_frame_lila,.stat_container_inner_bild_text_lila, .stat_text_frame_lila,
.stat_container_lila, .stat_text_frame_lila
{ background-color: #c7c1e1; } 



.stat_container_one_popuplineblock_coralle,
.stat_container_inner_popuplineblock_coralle, .stat_container_inner_popuplineblock_plain_coralle,
.stat_popuplineblock_frame_coralle,
.stat_bild_text_frame_coralle,.stat_container_inner_bild_text_coralle, .stat_text_frame_coralle,
.stat_container_coralle, .stat_text_frame_coralle
{ background-color:  #f4a198; } /*#fbdad2; } */

.stat_container_one_popuplineblock_gelb, 
.stat_container_inner_popuplineblock_gelb, .stat_container_inner_popuplineblock_plain_gelb,
.stat_popuplineblock_frame_gelb,
.stat_bild_text_frame_gelb,.stat_container_inner_bild_text_gelb, .stat_text_frame_gelb,
.stat_container_gelb, .stat_text_frame_gelb
{ background-color:  #fece43;} /*#ffe7b6; } */

.stat_container_one_popuplineblock_gruen,
.stat_container_inner_popuplineblock_gruen, .stat_container_inner_popuplineblock_plain_gruen,
.stat_popuplineblock_frame_gruen,
.stat_bild_text_frame_gruen, .stat_container_inner_bild_text_gruen, .stat_text_frame_gruen,
.stat_container_gruen, .stat_text_frame_gruen
{ background-color:  #8acbb7;} /*#d6ebe1; } */

.stat_container_one_popuplineblock_limette, 
.stat_container_inner_popuplineblock_limette, .stat_container_inner_popuplineblock_plain_limette,
.stat_popuplineblock_frame_limette,
.stat_bild_text_frame_limette.stat_container_inner_bild_text_limette, .stat_text_frame_limette,
.stat_container_limette, .stat_text_frame_limette
{ background-color:  #f6e945; } /*#fff8bd; } */

.stat_container_one_popuplineblock_hellcoralle,
.stat_container_inner_popuplineblock_hellcoralle, .stat_container_inner_popuplineblock_plain_hellcoralle,
.stat_popuplineblock_frame_hellcoralle,
.stat_bild_text_frame_hellcoralle,.stat_container_inner_bild_text_hellcoralle, .stat_text_frame_hellcoralle,
.stat_container_hellcoralle, .stat_text_frame_hellcoralle
{ background-color:  #fbdad2; } 

.stat_container_one_popuplineblock_hellgelb, 
.stat_container_inner_popuplineblock_hellgelb, .stat_container_inner_popuplineblock_plain_hellgelb,
.stat_popuplineblock_frame_hellgelb,
.stat_bild_text_frame_hellgelb,.stat_container_inner_bild_text_hellgelb, .stat_text_frame_hellgelb,
.stat_container_hellgelb, .stat_text_frame_hellgelb
{ background-color:  #ffe7b6; } 

.stat_container_one_popuplineblock_hellgruen, 
.stat_container_inner_popuplineblock_hellgruen, .stat_container_inner_popuplineblock_plain_hellgruen,
.stat_popuplineblock_frame_hellgruen,
.stat_bild_text_frame_hellgruen,.stat_container_inner_bild_text_hellgruen, .stat_text_frame_hellgruen,
.stat_container_hellgruen, .stat_text_frame_hellgruen
{ background-color:  #d6ebe1; } 

.stat_container_one_popuplineblock_helllimette, 
.stat_container_inner_popuplineblock_helllimette, .stat_container_inner_popuplineblock_plain_helllimette,
.stat_popuplineblock_frame_helllimette,
.stat_bild_text_frame_helllimette,.stat_container_inner_bild_text_helllimette, .stat_text_frame_helllimette,
.stat_container_helllimette, .stat_text_frame_helllimette
{ background-color:  #fff8bd; } 

.stat_container_one_popuplineblock_dunkelblau, 
.stat_container_inner_popuplineblock_dunkelblau, .stat_container_inner_popuplineblock_plain_dunkelblau,
.stat_popuplineblock_frame_dunkelblau,
.stat_bild_text_frame_dunkelblau,.stat_container_inner_bild_text_dunkelblau, .stat_text_frame_dunkelblau,
.stat_container_dunkelblau, .stat_text_frame_dunkelblau
.stat_container_dunkelblau a
{ background-color:  var(--colorBlauDunkel); 
  color: #FFF;
} 


 

.stat_container_one_popuplineblock_hellblau, 
.stat_container_inner_popuplineblock_hellblau, .stat_container_inner_popuplineblock_plain_hellblau,
.stat_popuplineblock_frame_hellblau,
.stat_bild_text_frame_hellblau,.stat_container_inner_bild_text_hellblau,
.stat_container_hellblau, .stat_text_frame_hellblau
{
 background-color:  var(--colorBlauUniBackground); 
} 

 .stat_container_white{
  background-color:  white;
 }


.stat_container_default
{ background-color:  #d5e3f3; } 

.stat_container_default_header { /* ganz hellblau */
   background-color: #eaeff4;
   padding:  2px;
}
.stat_container_default_header a{
  padding-right: 10px;
}
.stat_container_transparent_hellgrau{
  background-color:  #e4e7ea;
  border-bottom: 1px solid #fff;
}

.stat_container_intText{
  width: 100%;
  padding: 5px;
}

.stat_container_header{
   margin-top: 20px;
}
/* rot  #9d2246 #d50c2f #f39ca9 
  blau #00326d #0068b4 #89b4e1 
  lila #3b296a #8681b1 #c7c1e1
  coralle #d45b65 #f4a198 #fbdad2
  gelb #f7a600 #fece43 #ffe7b6
  gruen #008878 #8acbb7 #d6ebe1
  limette #dedc00 #f6e945 #fff8bd */
 
 .button_triangle_kl_open_gruen {
  border-color: #008878 #8acbb7 #8acbb7 #8acbb7;
  width: 0;
  height: 0;
  border-left: 30px solid #8acbb7; /*rgb(138, 203, 183);*/
  border-right: 30px solid #8acbb7; /*rgb(138, 203, 183);*/
  border-top: 40px solid darkgreen;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
   box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}

.button_triangle_kl_open_blau {
  border-color: border-color: #00326d #89b4e1 #89b4e1 #89b4e1;
  width: 0;
  height: 0;
  border-left: 30px solid #89b4e1; 
  border-right: 30px solid #89b4e1;
  border-top: 40px solid #00326d;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
   box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}
.button_triangle_open_lila, .button_triangle_kl_open_lila   { border-color: #3b296a #c7c1e1 #c7c1e1 #c7c1e1;}

.button_triangle_kl_open_lila {
 border-color: #3b296a #c7c1e1 #c7c1e1 #c7c1e1; 
  width: 0;
  height: 0;
  border-left: 30px solid #c7c1e1; 
  border-right: 30px solid #c7c1e1; 
  border-top: 40px solid #3b296a;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
   box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}

.button_triangle_kl_open_coralle {
  border-color: #d45b65 #f4a198 #f4a198 #f4a198;
  width: 0;
  height: 0;
  border-left: 30px solid #f4a198; 
  border-right: 30px solid #f4a198; 
  border-top: 40px solid #d45b65;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
   box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}


.button_triangle_kl_open_rot {
  border-color: #d45b65 #f4a198 #f4a198 #f4a198;
  width: 0;
  height: 0;
  border-left: 30px solid #f4a198; 
  border-right: 30px solid #f4a198; 
  border-top: 40px solid #d45b65;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
   box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}

.button_triangle_open, .button_triangle_kl_open { border-color: #9d2246 #f3eee4 #f3eee4 #f3eee4;} 
.button_triangle_open_rot, .button_triangle_kl_open_rot { border-color: #9d2246 #f39ca9 #f39ca9 #f39ca9;} 
/*.button_triangle_open_blau, .button_triangle_kl_open_blau  { border-color: #00326d #89b4e1 #89b4e1 #89b4e1;}
.button_triangle_open_lila, .button_triangle_kl_open_lila   { border-color: #3b296a #c7c1e1 #c7c1e1 #c7c1e1;}
*/
.button_triangle_open_hellcoralle, .button_triangle_kl_open_hellcoralle  {  border-color: #d45b65 #fbdad2 #fbdad2 #fbdad2;}
.button_triangle_open_hellgelb, .button_triangle_kl_open_hellgelb  { border-color:  #f7a600 #ffe7b6 #ffe7b6 #ffe7b6;}
.button_triangle_open_hellgruen, .button_triangle_kl_open_hellgruen  {  border-color: #008878 #d6ebe1 #d6ebe1 #d6ebe1;}
.button_triangle_open_helllimette, .button_triangle_kl_open_helllimette  {  border-color: #dedc00 #fff8bd #fff8bd #fff8bd;}

/*.button_triangle_open_coralle, .button_triangle_kl_open_coralle  {  border-color: #d45b65 #f4a198 #f4a198 #f4a198 ;}*/
.button_triangle_open_gelb, .button_triangle_kl_open_gelb  { border-color:  #f7a600 #fece43 #fece43 #fece43;}
.button_triangle_open_gruen, .button_triangle_kl_open_gruen  {  border-color: #008878 #8acbb7 #8acbb7 #8acbb7;}
.button_triangle_open_limette, .button_triangle_kl_open_limette  {  border-color: #dedc00 #f6e945 #f6e945 #f6e945;}
.button_triangle_open_dunkelblau, .button_triangle_kl_open_dunkelblau  {  border-color: #fff #00326d #00326d #00326d;}
.button_triangle_open_hellblau, .button_triangle_kl_open_hellblau  {  border-color: #fff #d5e3f3 #d5e3f3 #d5e3f3;}
.button_triangle_open_aktiv, .button_triangle_kl_open_aktiv  {  border-color: #f39ca9 #d50c2f #d50c2f #d50c2f;}


.button_triangle_close, .button_triangle_kl_close {  border-color:  #00326d #00326d #9d2246 #00326d;}  
.button_triangle_close_rot, .button_triangle_kl_close_rot {  border-color:  #f39ca9 #f39ca9 #9d2246 #f39ca9;}  
.button_triangle_close_blau, .button_triangle_kl_close_blau{  border-color:  #89b4e1 #89b4e1 #00326d #89b4e1;}  
.button_triangle_close_lila, .button_triangle_kl_close_lila{  border-color:  #c7c1e1 #c7c1e1 #3b296a #c7c1e1;}

.button_triangle_close_coralle, .button_triangle_kl_close_coralle { border-color:  #f4a198 #f4a198 #d45b65 #f4a198;}
.button_triangle_close_gelb, .button_triangle_kl_close_gelb {  border-color:  #fece43 #fece43  #f7a600 #fece43;} 
.button_triangle_close_gruen, .button_triangle_kl_close_gruen { border-color:  #8acbb7 #8acbb7  #008878 #8acbb7;} 
.button_triangle_close_limette, .button_triangle_kl_close_limette  { border-color:  #f6e945 #f6e945 #dedc00 #f6e945;}

.button_triangle_close_hellcoralle, .button_triangle_kl_close_hellcoralle { border-color:  #fbdad2 #fbdad2 #d45b65 #fbdad2;}
.button_triangle_close_hellgelb, .button_triangle_kl_close_hellgelb {  border-color:  #ffe7b6 #ffe7b6  #f7a600 #ffe7b6;} 
.button_triangle_close_hellgruen, .button_triangle_kl_close_hellgruen { border-color:  #d6ebe1 #d6ebe1  #008878 #d6ebe1;} 
.button_triangle_close_helllimette, .button_triangle_kl_close_helllimette  { border-color:  #fff8bd #fff8bd #dedc00 #fff8bd;}
.button_triangle_close_dunkelblau, .button_triangle_kl_close_dunkelblau  {  border-color:  #00326d #00326d #fff #00326d;}
.button_triangle_close_hellblau, .button_triangle_kl_close_hellblau  {  border-color:  #d5e3f3 #d5e3f3 #fff #d5e3f3;}

/* nur zum Debuggen — anschließend entfernen */
.stat_container_inner_popuplineblock_aktiv {
  position: relative !important;
}

.stat_container_inner_popuplineblock_aktiv .button_triangle_kl_close_aktiv {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
   border-left: 30px solid #d50c2f;
  border-right: 30px solid #d50c2f;
  border-bottom: 40px solid white;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.4);
}

.button_triangle_kl_close_aktiv:hover,
.button_triangle_kl_close_aktiv:active {
  filter: brightness(1.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

@media (max-width: 768px) {
  .button_triangle_kl_close_aktiv, .button_triangle_kl_opem_gruen,
  .button_triangle_kl_opem_lila, .button_triangle_kl_opem_rot,
  .button_triangle_kl_opem_blau, .button_triangle_kl_opem_coralle {
    border-left: 40px ;
    border-right: 40px;
    border-top: 55px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.6);
  }
}

.button_triangle_close_aktiv, .button_triangle_kl_close_aktiv { border-color:  #d50c2f #d50c2f  #f39ca9 #d50c2f;} 

.button_triangle_close_aktiv:focus, .button_triangle_close_aktiv:hover,
.button_triangle_kl_close_aktiv:focus, .button_triangle_kl_close_aktiv:hover  
{
  border-color:  #d50c2f #d50c2f white #d50c2f;;
}
.Stat_upper_button_popuplineblock:focus, .Stat_upper_button_popuplineblock:hover,
.stat_upper_right_popuplineblock:focus, .stat_upper_right_popuplineblock:hover{
  /*text-decoration: underline;*/

}

.stat_container_flex{
  display: flex;
  flex-direction: row;
  flex-wrap:  wrap;
  align-items:  center;
  align-content: space-between;
  justify-content: space-around;
 } 
.stat_cont_flexitem a img{
  margin: 0 auto;
  display: block;
  max-height: 80px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.stat_cont_flexitem img:hover {
  /*-webkit-filter: grayscale(0);
  filter: grayscale(0);*/
  opacity: 1;
}

/* --------------------------------- */
/* -- ACCORDION:                     */
/* --------------------------------- */
  .stat_container_accordion{
    max-width:  100%;
  }
  .stat_container_accordion .stat_contetnBox{
    position:  relative;
    margin:  10px 20px;
  }
  .stat_container_accordion .stat_contentBox .stat_label{
    position: relative;
    padding:  10px;
    background:  green;
    color:  white;
    cursor:  pointer;
 } 

 /* das zeichen: */
 .stat_container_accordion .stat_contentBox .stat_label::before{
  content:  '+';
  position:  absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
 }
  
  .stat_container_accordion .stat_contentBox .stat_content{
    position:  relative;
    padding:  10px;
    background:  white;
    height:  0;
    overflow: hidden;
    transition: 0.5s;
    overflow-y:  auto;
  }
    
/* das zeichen: */
 .stat_container_accordion .stat_contentBox.active .stat_label::before{
  content:  '-';
  
 }
 
.stat_container_accordion .stat_contentBox.active .stat_content{
    padding:  10px;
    height:  150px;
    
  }
  
  /*-----------------------*/
  .stat_accordion_box
  {
    padding-top:  20px;
  }
  .stat_container_accordion
  {
    margin-bottom: 20px;
  }

  .stat_accordion_button {
  background-color: #00326d;
  color: #FFF;    
  cursor: pointer;
  /*padding: 10px;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  transition: 0.4s;
  font-size: .95rem;
  padding: 15px;
}

/* das zeichen: */
 .stat_accordion_button::before{
  float: left;
  content:  '+';
  font-weight: bolder;
  padding-right: 20px;
}


.stat_accordion_button.active, .active .stat_accordion_button{
  background-color: #d50c2f;
  color: white;
}

.stat_accordion_button.active::before,
.active .stat_accordion_button .stat_accordion_button::before{
  content:  '-';
 }

.active, .stat_accordion_button:hover {
  background-color: #d50c2f;
  color: white;
}

.stat_accordion_content {
  display: none;
  overflow: hidden;
  background-color: #d5e3f3;
}
.stat_accordion_content_text {
   padding: 10px 15px;
   border-bottom: 1px solid #fff;
}

.stat_accordion_content_tablle13 {
   padding: 10px 15px;
   border-bottom: 1px solid #fff;
   width: 100%;
 
}

/* popup 3spalig: */
.stat_accordion_tablle13_line{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: flex-start;
  }
  .stat_accordion_tablle13_cell1{
     width: 100%
     vertical-align: top;
     margin-bottom: 30px;
     margin-top: 20px
  }
  .stat_accordion_tablle13_cell1 a{
   clear: both;
   float:left;
  }
  .stat_accordion_tablle13_cell1 a img{
    width: 160px;
  }
  .stat_accordion_tablle13_cell2{
     width: 100%; 
     vertical-align: top;
     margin-bottom: 30px;
  }
  .stat_accordion_tablle13_cell3{
   width: 100%;
   vertical-align: top;
   
  }

@media only screen and (min-width: 780px)
{
  .stat_accordion_tablle13_line{
    flex-direction: row;
  
  }
  .stat_accordion_tablle13_cell1{
     width: 180px;
     vertical-align: top;
     margin-bottom: 0px;
     margin-top: 0px;
     padding-right: 20px;
  }
  .stat_accordion_tablle13_cell2{
     width: calc(50% - 110px); /* 100% -180 - 40px */
     vertical-align: top;
     margin-bottom: 0px;
  }
  .stat_accordion_tablle13_cell3{
   width: calc(50% - 110px); /* 100% -180 - 40px */
   vertical-align: top;
   padding-right: 40px;
  }
}
 /*-----------------------*/
  .fb_accordion_box
  {
    padding-top:  20px;
  }
  .fb_container_accordion
  {
    margin-bottom: 20px;
  }

  .fb_accordion_button {
  background-color: #00326d;
  color: #FFF;    
  cursor: pointer;
  /*padding: 10px;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  transition: 0.4s;
  font-size: .95rem;
  padding: 7px;
}

/* das zeichen: */
 .fb_accordion_button::before{
  float: left;
  content:  '+';
  font-weight: bolder;
  padding-right: 20px;
}


.fb_accordion_button.active, .active .fb_accordion_button{
  background-color: #d50c2f;
  color: white;
}

.fb_accordion_button.active::before,
.active .fb_accordion_button .fb_accordion_button::before{
  content:  '-';
 }

.active, .fb_accordion_button:hover {
  background-color: #d50c2f;
  color: white;
}

.fb_accordion_content {
  display: none;
  overflow: hidden;
  padding-top: 5px;
}
.fb_accordion_content_text {
   padding: 10px 15px;
   border-bottom: 1px solid #fff;
}

.fb_button {
   background-color: #00326d;
   transition: 0.4s;
   font-size: .95rem;
   margin-bottom: 20px;
   padding: 7px 7px 7px 40px;

}
.fb_button a{
  color:  #FFF;  
}

/* -------------------------------------------------------------*/
.stat_kontakt_BD{
  display: none;
}
.stat_kontakt_SD{
  display: block;
}

@media only screen and (min-width: 1280px) {
  .stat_kontakt_BD{
    display: block;
  }
  .stat_kontakt_SD{
    display: none;
  }

}

.stat_kontakt_bild_container {
  display: table;
  /*min-height: 300px;*/
  padding: 10px 0;
}

.stat_kontakt_bild_line {
  display: table-row;
  /*min-height: 300px;*/
  padding: 10px 0;
}

.stat_kontakt_container {
  display: block;

}

.stat_kontakt_container img{

}
.stat_kontakt_text{
}

.stat_kontakt_left{
  display: table-cell;
  width: 100px;
  margin-right: 20px;
}
.stat_kontakt_left img{
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1 !important;
  justify-content: center;
  width: 100px !important;
}

.stat_kontakt_right{
   display: table-cell;
   padding-left: 10px;
   hyphens: auto;
}
.stat_kontakt_full{
  width: 100%;
}