/*
#FFFFFF (#FFf, #FFF) = weiß
#000000              = schwarz
#747474              = grau (Hintergrundfarbe)
#C0C0C0              = dunkelgrau (Listenpunkt)
#E5E5E5              = hellgrau (Kopfbereich)
#FF9900 (#F90)       = orange Linie
#003060              = blau
#FFFF95              = rechte Linie zum Listenpunkt
#FF0000              = rot

margin               = Außenabstände
padding              = Innenabstände
*/

@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Acme Regular'), local('Acme-Regular'), url(schriften/acme.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

html{
	height:100%;
	}

body{
  background: #747474 none repeat scroll 0% 0%;
  background-image: url(bg2.gif);
  background-repeat:repeat; /*Hintergrundbild wird wiederholt*/
  color: #000;
  font-family: arial,helvetica,sans-serif;
  /*###font-size: 100%;*/
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;  
  text-align: center; 
  
   
  
	/*height:100%;
  
	margin-top:30px;
	margin-right:0px;
	margin-bottom:30px;
	margin-left:0px;

	background: #77b none repeat scroll 0% 0%;

	
  font-family: arial,helvetica,sans-serif;
	color:#000000;
	font-size:0.8em;
	font-weight:normal;

  
  background-image:url(bg2.gif) */
	}

#alles{
  /*background: #FFF none repeat scroll 0% 0%;*/
  /*font-size: 0.8em;*/ /*alt: font-size: 0.8em;*/ font-size: /*alt: 1em*/ calc(0.8em * 1.25); /*1.2em*/
  -ms-hyphens: auto; /*automatische Silbentrennung*/
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  /*margin: 30px auto;*/
  /*max-width: 760px;*/
  /*min-width: 610px;*/
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;  
  text-align: left;
  
    /*width: 98%;*/
  margin-top: 30px/*0px*/;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  }
  
 #linie_hintergrund{
  background: #FFF none repeat scroll 0% 0%;
  border: 1px solid #C0C0C0;
  }   
  
#paypalspendenlogo{
  position: fixed; 
  top: 0px; 
  right: 0px;
  z-index: 1000;
  /*max-width: 13%;*/
  background-image: url(bg2.gif);
  }

#paypalspendenlogo1{
  position: fixed; 
  top: 0px; 
  right: 0px;
  max-width: 13%;
  z-index: 1001;
  }
  
#paypallink{
  color: blue;
  text-decoration: underline;
  }
  
#paypalspendenlogo2{
  float: right;
  height: 120px;
  width: 120px;  
  }  

#kopfbereich{
  /*background: #E5E5E5 none repeat scroll 0% 0%;*/
  /*background-image: url("../images/banner3.jpg");*/
      /*height: 105px;*/
  /*padding-bottom: 8em;*/
  padding-top: auto;
  padding-bottom: auto;
                                /*overflow: auto;*/
      /*position: sticky;*/
  top: 0px;
  border-bottom: 5px solid #F90;  
  }
  
#inhaltsbereich{
  background: #E5E5E5 none repeat scroll 0% 0%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  /*overflow: hidden;*/
  }

#inhaltsbereich_menu_links{
  background: #E5E5E5 none repeat scroll 0% 0%;
  border-right: 0px solid #EEE;
  /*float: left;*/
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 15px;
  /*width: 21%;*/
  /*min-width: 140px;*/ min-width: 175px;
  }
  
.inhaltsbereich_menu_links_ueberschrift{
  /*position: relative;
  left: 50px;
  top: 10px;*/
  font-family: "Times New Roman",Times,serif;
  font-size: /*alt: 1.6em*/ calc(1.6em * 0.8) /*1.3em*/;
  font-style: italic;
  font-weight: normal;
  /*margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-right: 0px;*/
  margin-left: 15px;
  }
  
.inhaltsbereich_menu_links_liste{
  /*margin-left: 15px;*/
  list-style: outside none none;
  /*list-style-type: inside;*/
  /*margin-top: 30px;*/
  margin-left: 0px;
  padding-left: 15px;
  }
  
/*.inhaltsbereich_menu_links_listenpunkt*/
.inhaltsbereich_menu_links_liste li{
  font-size: /*alt: 1em*/ calc(1em * 0.8) /*0.8em*/;
  font-weight: bold;
  line-height: 1.6em;
  margin-left: 0px;
  margin-bottom: 0.3em;
  position: relative;
  background: #C0C0C0 none repeat scroll 0% 0%;
  padding-left: 0px;
  /*border-radius: 1em;*/
  }  
  
/* Bereichsmenu  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.inhaltsbereich_menu_links_liste li a:link,
.inhaltsbereich_menu_links_liste li a:visited{
  display:block;  
  background: #c0c0c0 none repeat scroll 0% 0%;
  line-height:1.6em;
  text-decoration:none;  
  padding-left:5px;
  color:#003060;
  }

.inhaltsbereich_menu_links_liste li a:hover,
.inhaltsbereich_menu_links_liste li a:focus,
.inhaltsbereich_menu_links_liste li a:active{
	display:block;
   border-right: 15px solid #FFFF95;
   line-height:1.6em;
   color:#FFf;
  } 
             /*
            .inhaltsbereich_menu_links_liste li.active a{
            	display:block;
              background: #003060 none repeat scroll 0% 0%;
            	color:#e5e5e5;
              border-right: 15px solid #FFFF95;
            } 

            .inhaltsbereich_menu_links_liste li.active a:hover,
            .inhaltsbereich_menu_links_liste li.active a:focus,
            .inhaltsbereich_menu_links_liste li.active a:active{
               border-right: 15px solid #ff9900;	
            }
            */

.inhaltsbereich_menu_links_liste li.aktiv1 a{
	display:block;
  background: #003060 none repeat scroll 0% 0%;
	color:#e5e5e5;
   border-right: 15px solid #ff9900;
  }

/* Bereichsmenu - 2. Ebene - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.inhaltsbereich_menu_links_liste li ul li{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -15px;  
  border-top: 4px solid #e5e5e5;
  
  font-size: calc(1em * 1);
  }

.inhaltsbereich_menu_links_liste li ul li a:link,
.inhaltsbereich_menu_links_liste li ul li a:visited{
  background: #c0c0c0 none repeat scroll 0% 0%;
  padding-left: 20px;
  color: #000000;
  }

.inhaltsbereich_menu_links_liste li ul li a:hover,
.inhaltsbereich_menu_links_liste li ul li a:focus,
.inhaltsbereich_menu_links_liste li ul li a:active{
  color: #FFf;
  }

.inhaltsbereich_menu_links_liste li ul li.aktiv2 a{
  border-right: 15px solid #FFFF95;   
  }


.inhaltsbereich_menu_links_liste li ul li.aktiv2 a:hover,
.inhaltsbereich_menu_links_liste li ul li.aktiv2 a:focus,
.inhaltsbereich_menu_links_liste li ul li.aktiv2 a:active{
  border-right: 15px solid #FF9900;
  }

.inhaltsbereich_menu_links_liste li.aktiv3 a{
	display:block;
  background: #003060 none repeat scroll 0% 0%;
	color: #e5e5e5;
   border-right: 15px solid #FFFF95;
  }

.inhaltsbereich_menu_links_liste li.aktiv3 a:hover,
.inhaltsbereich_menu_links_liste li.aktiv3 a:focus,
.inhaltsbereich_menu_links_liste li.aktiv3 a:active{
   border-right: 15px solid #ff9900;
  }

.inhaltsbereich_menu_links_liste li ul li.aktiv4 a{
  background: #003060 none repeat scroll 0% 0%;
  color:#e5e5e5;
  border-right: 15px solid #ff9900;
  }

/*Brotkrumennavigation - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#brotkrumennavigation{     
  text-align: right /*!important*/;
  background: #e5e5e5 none repeat scroll 0% 0%;
  /*margin-top: 1.7em;*/ 
  padding-top: 2px;  
  padding-right: 10px; 
   
  position: relative; 
  /*right: 10px;  
  width: 100%;*/
  /*float:right;  
  z-index: 10000;  */
  
  font-size: calc(0.8em * 1)   
  }

#brotkrumennavigation img{
  float: none;
  position: relative;
  max-width: 100%;
  } 

#brotkrumennavigation h3{
  display: inline;
	font-style: normal;
	font-size: /*alt: 1em*/ calc(1em * 0.75);
  }

#brotkrumennavigation a:link,
#brotkrumennavigation a:visited{
	text-decoration: none;
	color:#000;
	padding-right: 3px;
	padding-left: 3px;
  }

#brotkrumennavigation a:hover,
#brotkrumennavigation a:focus,
#brotkrumennavigation a:active{
	background-color: #003060;
	color: #FFDCA6;
  }
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */






































/* Bereichsmenu  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.inhaltsbereich_menu_links_text{
  /*position: relative;
  left: 50px;
  top: 10px;
  font-family: "Times New Roman",Times,serif;
  font-size: 1.6em;
  font-style: italic;
  font-weight: normal;*/
  /*margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-right: 0px;*/
  margin-left: 15px;
  /*margin-top: 10px;*/
    /*margin-bottom: 15px;*/  
  background: #C0C0C0 none repeat scroll 0% 0%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;  
  position: relative;
  
  display: none;
  }

.inhaltsbereich_menu_links_text_2{
  /*position: relative;
  left: 50px;
  top: 10px;
  font-family: "Times New Roman",Times,serif;
  font-size: 1.6em;
  font-style: italic;
  font-weight: normal;*/
  /*margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-right: 0px;*/
  margin-left: 15px;
  /*margin-top: 10px;*/
    /*margin-bottom: 15px;*/  
  /*background: #C0C0C0 none repeat scroll 0% 0%;*/
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;  
  position: relative;
  
  border: 1px solid silver;
  }

#inhaltsbereich_text{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;  
  position: relative;
  background: #FFF none repeat scroll 0% 0%;
  margin-top: 0px;
  margin-bottom: 0px;
      margin-left: 0%;
  margin-right: 0px;
  }

#propst_salve{  
  max-width: 100%;
  }
  
#inhaltsbereich_text_kopf{
  font-family: "Times New Roman",Times,serif;
  font-size: /*alt: 1.8em*/ calc(1.8em * 0.75);
  font-style: italic;
  font-weight: lighter;
  border-bottom: 1px solid #C0C0C0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  
  margin-top: 0px;
 }
 
#ansprache1{
  background: #E5E5E5 none repeat scroll 0% 0%;
  background-image: url(vignette6.gif);
  background-repeat:repeat-x; /*Hintergrundbild wird nur horizontal wiederholt*/
  height: 36px;
  border-left: 1px solid #F0632B;
  border-right: 1px solid #F0632B;
  border-bottom: 1px solid #C0C0C0;

  }
  
.ansprache_img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 6px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%;
  }
  
.ansprache_img_center{
  float: none;
  position: relative;
  max-width: 100%;
  }  

#ansprache2{
  border-left: 1px solid #F0632B;
  border-right: 1px solid #F0632B;
  border-bottom: 1px solid #F0632B;
  background: #FFFFF0 none repeat scroll 0% 0%;
  
  background-image: url(paypalspenden2.gif);
  background-repeat: no-repeat;
  background-position: top right; 
  }

#ansprache_h{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }
 
#ansprache3{
  padding-left: 10px;
  padding-right: 10px;
  } 
 
.ansprache4{
  font-family: 'Times New Roman',Times,serif;
  font-style: italic;
  font-size: /*alt: 1.2em*/ calc(1.2em * 0.9835);
  
  line-height: 1.3em;
  }
 
#ansprache5{
  padding-left: 10px;
  } 
 
#ansprache6{
  float: left;
  }  
 
#ansprache7{
  clear: both;
  padding-left: 95px;
  font-size: 1em;
  }
 
#ansprache8{ 
  background-image: url(untenvignette2.gif);
  background-repeat:repeat-x; /*Hintergrundbild wird nur horizontal wiederholt*/
  height: 26px;
  margin-bottom: 5px;
  }
  
.ansprache9{
  text-align: center;
  }  

blockquote{
  font-family: 'Times New Roman',Times,serif;
  font-style: italic;
  font-size: /*alt: 1.18em*/ calc(1.18em * 1);
  
  color: #003060;
  border-left: 5px solid #003060/*10px solid*/ /*#C0C0C0*/ /*#003060*/;
  padding-left: 10px;
  margin-left: 10px;
  
  line-height: 1.3em;
  }

blockquote blockquote{
  font-size: 1em;
  }

blockquote img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
}  
  
.anfuehrungszeichen{
  float: left;
  margin-right: 3px;
  position: relative;
  }  
  
.unterstrichen{
  text-decoration: underline;
  } 
 
 
 
 
 
 
 
 
 #inhaltsbereich_text_fuss{
  /*background: #E5E5E5#003060;*/
  background: #E5E5E5 none repeat scroll 0% 0%;
  /*margin-top:40px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;  
  position: relative;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  /*color: #FFf;*/
 }
 
.inhaltsbereich_text_ueberschrift{
  font-family: /*"Acme",*/ "Times New Roman",Times,serif;
  font-size: /*alt: 1.8em*/ calc(1.8em * 0.8) /*alt2: 1.5em*/ /*1.5em*/;
  font-style: italic;
  color: #003060;  
  font-weight: /*alt: lighter*/ 700;
  text-decoration: underline;
  text-decoration-color: /*#EEB600*/ #FFC666 /*#80BFFF*/;
  
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 0px;
  margin-right: 0px;
  }
  
p{
  margin-bottom: 10px;
  line-height: 1.4em;
  }
  
p img{
  float: right;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  }

.bildcontainer{
  display: -ms-grid;
  -ms-grid-columns: min-content;

  float: right;
  position: relative;

  margin-top: 0px;
  margin-bottom: 10px; /* 10 */
  margin-left: 10px; /* 4 */
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.bildcontainer figure{
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;

  font-weight: bold;
  background-color: #e5e5e5;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.img_bildcontainer{

  }
  
.bildcontainer figure figcaption{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  }

.bildcontainer_100{
  display: -ms-grid;
  -ms-grid-columns: min-content;

  float: right;
  position: relative;

  margin-top: 0px;
  margin-bottom: 10px; /* 10 */
  margin-left: 0px; /* 4 */
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.bildcontainer_100 figure{
  /*
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  */
  width: 100%;

  font-weight: bold;
  background-color: #e5e5e5;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.img_bildcontainer_100{
  width: 100%;
  }
  
.bildcontainer_100 figure figcaption{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  }


.bfs{
  float: none;
  }  
  
ul li img,
ol li img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%;
  }

ol li{
  margin-bottom: 10px;
  }

.bildlink a:link, a:hover, a:focus, a:active, a:visited{
  background: #E5E5E5;
  } 

a:link{
/*	color: #003060;
  text-decoration: none;    */
  } 
  
a:hover, a:focus, a:active{
  color: #FFF;
  background: #003060 none repeat scroll 0% 0%;
  }
  


/* Link weiterlesen  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.weiterlesen{
	background: #C0C0C0 none repeat scroll 0% 0%;
	color: #003060;
  font-weight: bold;
  border-top: 8px solid #C0C0C0;
  border-bottom: 8px solid #C0C0C0;
  border-left: 8px solid #C0C0C0;
  border-right: 15px solid #C0C0C0;
  line-height: 215%;
  
  /*
  text-shadow:
	 0 0 10px #FFFFFF,
	 0 0 20px #FFFFFF,
	 0 0 30px #FFFFFF,
	 0 0 40px #FFFFFF, 
	 0 0 50px #FFFFFF,  
	 0 0 60px #FFFFFF,
	 0 0 70px #FFFFFF;
   */
  }

.weiterlesen a:link{
	color: #003060;
  text-decoration: none;
  } 
  
.weiterlesen a:hover,
.weiterlesen a:focus,
.weiterlesen a:active{
	background: #C0C0C0 none repeat scroll 0% 0%;
  color: #FFFFFF;
  }  
  
/* Link weiterlesen  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.textliste li{
  margin-left: -6px;
  line-height: 1.4em;
  }
  
.fett{
  font-weight: bold;
  }

.nachrichtentrenner1{
  border-bottom: 1px solid #C0C0C0;
  }
  
.nachrichtentrenner2{
  display: none;
  }    
 
#fussbereich{
  position: relative;
  background: #C2C2C2 none repeat scroll 0% 0%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;  
  border-top: 5px solid #F90;
  overflow: auto;
  }
  
#fussbereich address{
  position: relative;
  font-size: /* alt: 1em*/ calc(1em * 1);
  font-weight: normal;
  font-style: normal;
  border: medium none;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  /*line-height: 1;  <-- Wert der Institutsseite*/
  line-height:1.2;
  }
  
#fussbereich address span{
  font-style: normal;
  font-size: /* alt: 1.3em*/ calc(1.3em * 0.8);
  font-weight: bold;
  display: block;
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border: medium none;
  }

#philipplogo1{
  float: left;
  height: 105px; 
  
  display: none;  
}
 
#philipplogo2{
  width: ;
  height: 105px;
  margin-left:auto;
  margin-right:auto;
  padding-right: 15px;
  /*float:left;*/
  /*clear: both;*/
  
  display: none;  
  }

#textlogo1_hauptseite{
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-weight: lighter;
  font-size: /*alt: 2.7em*/ calc(2.7em * 0.75);/*font-size: 1.34em;*/
  padding-top: 8px;
  padding-left: /*0px*/15px;
  padding-right: 0px;
  padding-bottom: 0px;  
  /*height: 3em;*/ 
  line-height:1.1;
  
  float: left;

  /*overflow: auto;*/
  margin-top: 0px;
  margin-bottom: 0px;

  margin-left: 5px;
  margin-right: 5px;
  }  

#textlogo1_unterseite{
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-weight: lighter;
  /*font-size: 2.7em;font-size: 1.34em;*/
  padding-top: 8px;
  padding-left: /*0px*/15px;
  padding-right: 0px;
  padding-bottom: 0px;  
  /*height: 3em;*/ 
  line-height:1.1;
  
  float: left;

  /*overflow: auto;*/
  margin-top: -22px;
  margin-bottom: 0px;

  margin-left: 5px;
  margin-right: 5px;
  } 

#textlogo2_hauptseite{
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-weight: lighter;
  /*font-size: 2.7em;*/font-size: /*alt: 1.34em*/ calc(1.34em * 1.067);
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;  
  /*height: 3em;*/
  line-height:1.1;
  
  float: left;

  /*overflow: auto;*/
  margin-top: 0px;
  margin-bottom: 0px;
  
  margin-left: 0px;
  margin-right: 0px;
  }

#textlogo2_unterseite{
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-weight: lighter;
  font-size: /*alt: 2.7em*/ calc(2.7em * 0.8); /*font-size: 1.34em;*/
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;  
  /*height: 3em;*/
  line-height:1.1;
  
  float: left;

  /*overflow: auto;*/
  margin-top: 0px;
  margin-bottom: 0px;
  
  margin-left: 0px;
  margin-right: 0px;
  }

#textlogo3_hauptseite{
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-weight: lighter;
  font-size: /*alt: 0.94em*/ calc(0.94em * 1.0665);
  /*height: 3em;*/
  /*margin-bottom: 5px;*/
  /*line-height:1.4;*/
  }
  
#textlogo3_unterseite{
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-weight: lighter;
  font-size: /*0.94em .7em*/ /*alt: 2em*/ calc(2em * 0.8);
  /*height: 3em;*/
  /*margin-bottom: 5px;*/
  /*line-height:1.4;*/
  }

.textlogo_text_01:after{
  content: "Institut St. Philipp Neri";
  }

.textlogo_text_01_en:after{
  content: "Institut St. Philipp Neri";
  }

.textlogo_text_02:after{
  content: " - Berlin";
  }

.textlogo_text_02_en:after{
  content: " - Berlin";
  }
  
.textlogo_text_03:after{
  content: "Gesellschaft päpstlichen Rechts";
  }

.textlogo_text_03_en:after{
  content: "Papal Society of Apostolic Life";
  }

.textlogo_text_04{
  display: none;
  }
  
.clear1{             
  clear: both;
  }

.clear2{             
  clear: both;
  background: #F90 none repeat scroll 0% 0%;
  height:0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 0px;
  line-height: 0px;
  }

.clear3{             
  clear: both;
  margin-bottom: 40px;
  }

/*  
.zeilenumbruch{
  content: "\A";
  white-space: pre;
  }
*/

#philipplogo2_a{
  /*text-align: center;
 text-align:under; 
  margin-left: 12px;*/
  /*position: absolute;*/
  /*left: -155px;*/  /*left: 0px;*/
  /*bottom: 5px;*/  
  /*z-index:10000;
  float: left;*/
 /* left: 20px;
top: -10em;
position: absolute;
z-index:100;*/ 
  vertical-align: center;
  position: absolute ;
  bottom: 3px;
  /*margin-left: auto;
  margin-right: auto;*/
    margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  }

#philipplogo2_b{
  max-width: 100%;
  height: ;
  /*vertical-align: center;*/

  }

#klingelbeutel{
  padding-left: 15px;
  text-align:center;
  }

#klingelbeutellogo{
  max-width: 100%;
  height: ;
  padding-bottom: 5px;
  }





/*  
h1{
  font-family: "Times New Roman",Times,serif;
  font-size: 1.8em;
  font-style: italic;
  font-weight: lighter;
  }
*/
  
.ueberschrift_ausblenden{
  display: none;
  }  

/* 
span::before, abbr::after{
        content: "Institut St. Philipp Neri - Berlin";
      }
      */

/*
        .before::before, .after::after {
            content: "\A";
            white-space: pre;
        }
*/
      
#text1::before{
  content: "Institut St. Philipp Neri - Berlin";
  }
  
#text1::after{
  content: "\A";
  white-space: pre;
  }   
  
#text2::after{
  content: "Gesellschaft päpstlichen Rechts";
  }  
  
  
 







/*
 p::first-line {
  line-height: 100%;
}
 
p::first-letter {
  color: white;
  background: #3983ab none repeat scroll 0% 0%;
  font-size: 300%;
  font-weight: bold;
  padding: 0.2em 0.1em;
  margin: 0.2em 0.2em 0 0.1em;
  border: 2px dashed white;
  box-shadow: 0 0 0 .1em #3983ab;
  float: left;
  line-height: 1.5em;
}
 
p.mittig::first-letter {
  line-height: 1.0em;
  margin: -0.5em 0.2em 0 0.1em;
}
 
p.links::first-letter {
  margin-left: -1.1em;
}
*/


/*
#qwert::first:line {
  line-height: 1em;
}
 
#qwert:first-of-type::first-letter {
  color: white;
  background: #3983ab none repeat scroll 0% 0%;
  font-size: 300%;
  float: left;
  line-height: 1.5em;
  font-weight: bold;
  /*padding: 0.1em 0.3em 0.1em 0;
  margin: 0.2em 0.2em 0 0;
  border: 2px dashed white;
  box-shadow: 0 0 0 .1em #3983ab;
  font-family: "Edwardian Script ITC","Brush Script MT", cursive;
  margin-left: -0.8em;
}
*/







  
  
  
  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */  
/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite untereinander  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*siehe Datei*/

 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */     
      
      
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */      
/* große Viewports */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Kleine Monitore */
/*siehe Datei*/
  

/* Tabletts */
/*siehe Datei*/


/* Mittlere Monitore */
/*siehe Datei*/


/* Große Monitore */
/*siehe Datei*/

/*  
header{ background: yellow; }
*/


/*
aside{
  background: blue;
  -webkit-flex-grow: 3;
  flex-grow: 3;
  }
  
footer{ background: purple; } */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#nachricht_richtig_darstellen{
  font-size: 12px;
  text-align: right;
  /*height: 30px;*/
  }

#newsletterabmeldung{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  border-top: 1px solid #E5E5E5; 
  }
  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Tabellen */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */  
 
#gottesdienste{
	border-collapse: collapse;
	/*width: 520px;*/
  /*margin: 10px 0 30px 0;*/
  margin-top: 10px;
  margin-right: 0px;  
  margin-bottom: 30px;
  margin-left: 0px;
  }

#gottesdienste td{
	vertical-align: text-top;
  }

#gottesdienste td:nth-child(odd){
  white-space: nowrap;
  }

.kleine_schrift{
	font-size: /*alt: 0.9em*/ calc(0.9em * 0.972);
  }
  
.kleine_schrift_unten{
  padding-bottom: 4px;
	font-size: /*alt: 0.9em*/ calc(0.9em * 0.972);
  }     

#gottesdienste tr.linie td{
	border-bottom: 1px solid #000000;
  }

#gottesdienste tr.linie_oben td{
	border-top: 1px solid #000000;
  }

.linke_spalte{
  width: 90px;
  }
   
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Tabellen für lateinisch/deutsch*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */  
 
.lateinisch_deutsch{
	border-collapse: collapse /*separate*/;
	width: 100%;
  /*margin: 10px 0 30px 0;*/
  margin-top: 0px;
  margin-right: 0px;  
  margin-bottom: 0px;
  margin-left: 0px;
  
  background: #FFFFF0;  
  
  font-family: arial,helvetica,sans-serif;
  line-height: 1.4em;
  font-style: normal;
  font-size: 100%;
  }

.lateinisch_deutsch td{
	vertical-align: text-top;
  }
  
.lateinisch_deutsch_linie_links{
	border-left: 1px solid #F0632B;
  }
  
.lateinisch_deutsch_linie_rechts{
	border-right: 1px solid #F0632B;
  }
  
.lateinisch_deutsch_7px{
  width: 7px;
  } 

.lateinisch_deutsch_25px{
  width: 25px;
  } 
  
.lateinisch_deutsch_50Prozent{
  width: 50%;
  }   
    
/*  
.lateinisch_deutsch_abstand_links{
  padding-top: 0px;
  padding-right: 0px;  
  padding-bottom: 0px;
  padding-left: 0px;
  }
  
.lateinisch_deutsch_abstand_rechts{
  padding-top: 0px;
  padding-right: 0px;  
  padding-bottom: 0px;
  padding-left: 0px;
  }    
*/

.text_rot{
  color: #FF0000;
  }
   
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.lateinisch_deutsch_ueberschrift{
  font-family: arial,helvetica,sans-serif;
  font-size: 1.5em;
  font-style: normal;
  font-size: 100%;

  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 0px;
  margin-right: 0px;
  }
  




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

#seitennavigation{
  display: none;
  }

#hauptnavigation_menu_oben{
  background-color: #C0C0C0;
  
  font-size: calc(1em * 0.8);
  } 

.hauptnavigation_ueberschrift,
.brotkrumennavigation_ueberschrift,
.bereichsnavigation_ueberschrift,
.paginierung_ueberschrift,
.hinweise_ueberschrift{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  
  display: none;
  }

.sprache{
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  }

.hauptnavigation_menu_oben_ul{
  float: left;
  }

#hauptnavigation_menu_oben ul{ 
  /*font-size:*/ /*alt: 1em*/ /*calc(1em * 0.8);*/
  height: 1.7em;
  background-color: #C0C0C0;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  
  /*width: 100%;*/
}

#hauptnavigation_menu_oben ul li{
  float: left;
  display: block;
  line-height: 1.7;  
}

#hauptnavigation_menu_oben ul li a:link,
#hauptnavigation_menu_oben ul li a:visited{
  text-decoration: none;
  color: #003060;
  background-color: #c0c0c0;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;   
  font-weight: bold; 
  border-left: 1px solid #003060;
} 

#hauptnavigation_menu_oben ul li a:hover,
#hauptnavigation_menu_oben ul li a:focus,
#hauptnavigation_menu_oben ul li a:active{
  background-color: #FFFF95 !important;
  color: #955A00 !important;
  } 

/* - - - */

#hauptnavigation_menu_oben ul li.item1 a{
  border-left: none;
  }

#hauptnavigation_menu_oben ul li.aktiv0 a{
  background-color:#003060;
  color:#FFCC80; 
  }
  
/* - - - */

.roter_hintergrund{
  background-color: #fa2121 !important; /* fuer 'Jetzt spenden!' */
  }
  
.unsichtbar{
  display: none; /* fuer 'Gottesdienstzeiten' */
  }     

.hellblau{
  background-color: #ccd5df !important; /* fuer 'Gottesdienstzeiten' */  
  } 

/* - - - */

#hinweise_ul{
  float: right;
  position: relative;
  /*bottom: 129px;*/

  font-size: calc(1em * 0.8);

  background-color: #C0C0C0;
  }

#hinweise_ul:before{
  content: "";
  display: block;

  margin-top: -1.7em;
  margin-bottom: 0px;
  margin-left: -1.7em;
  margin-right: 0px;
  
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;

  border-bottom: 1.65em solid  #c0c0c0;
  border-left: 1.65em solid transparent;
  }

#hinweise_ul:hover:before{
  border-bottom: 1.7em solid #FFFF95;
  }

#hinweise_ul.aktiv_oben_02:before{
  border-bottom: 1.7em solid #003060;
  }

#hinweise_ul.aktiv_oben_02:hover:before{
  border-bottom: 1.7em solid #FFFF95;
  }

#hinweise_ul ul{
  /*font-size:*/ /*alt: 1em*/ /*calc(1em * 0.8);*/
  height: 1.7em;
  background-color: #C0C0C0;

  margin-top: -1.7em;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  
  /*width: 100%;*/
  }

#hinweise_ul ul li{
  float: right;
  display: block;
  line-height: 1.7;
  }

#hinweise_ul ul li a:link,
#hinweise_ul ul li a:visited{
  padding-top: /*3*/4px;
  padding-bottom: /*2*/4px;
  padding-left: 10px /*12px*/;
  padding-right: 10px /*12px*/;

  text-decoration: none;
  color: #003060;
  font-weight: bold;

  background-color: #c0c0c0;  
  border-left: 1px solid #003060;
  }

#hinweise_ul ul li a:hover,
#hinweise_ul ul li a:focus,
#hinweise_ul ul li a:active{
  background-color: #FFFF95 !important;
  color: #955A00 !important;
  }

#hinweise_ul ul li.aktiv_oben_01 a{
  background-color: #003060;
  color: #FFCC80; 
  }

#hinweise_ul ul li.hinweise_li_links a{
  border-left: none;
  }

/* - - - */

#paginierung_menu_unten_ul{
  margin-top: 0px;
  margin-bottom: 35px;
  }

#paginierung_menu_unten_ul ul{ 
  font-size: /*alt: 1em*/ calc(1em * 0.8);
  /*height: 1.7em;*/
  background-color: #C0C0C0;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

#paginierung_menu_unten_ul ul li{
  float: left;
  display: block;
  line-height: 1.7;
  }

#paginierung_menu_unten_ul ul li a:link,
#paginierung_menu_unten_ul ul li a:visited{
  text-decoration: none; /*underline; */
  color: #003060;
  background-color: #c0c0c0;  
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;   
  font-weight: bold; 
  border-left: 1px solid #003060;
  } 

#paginierung_menu_unten_ul ul li a:hover,
#paginierung_menu_unten_ul ul li a:focus,
#paginierung_menu_unten_ul ul li a:active{
  background-color: #FFFF95 !important;
  color: #955A00 !important;
  } 

#paginierung_menu_unten_ul ul li.item1 a{
  border-left: none;
  }

#paginierung_menu_unten_ul ul li.aktiv0 a{
  background-color:#003060;
  color:#FFCC80; 
  }

.clear_paginierung{
  clear: both;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */  
  
#kopfbereich_bild{
  background: #E5E5E5 none repeat scroll 0% 0%;
  height: 129px;
  background-image: url(banner3.jpg);
  background-repeat: repeat-x; /*Hintergrundbild wird horizontal wiederholt*/
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;    
  }    
  
#kopfbereich_wechsel{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse; /* Umgekehrte Reihenfolge innerhalb einer Spalte per flex-direction: column-reverse */
  flex-direction: column-reverse; /* Umgekehrte Reihenfolge innerhalb einer Spalte per flex-direction: column-reverse */
  background: #E5E5E5 none repeat scroll 0% 0%;
  }
  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */   

  
  
  






.inhaltsbereich_menu_links_liste2{
  /*margin-left: 15px;*/
  list-style: outside none none;
  /*list-style-type: inside;*/
  /*margin-top: 30px;*/
  margin-left: 0px;
  padding-left: 0px;
  }  
  
  
  
 
 
 
 
 
 
 /* Minibanner - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#inhaltsbereich_menu_minibanner_rechts{
  background: #E5E5E5 none repeat scroll 0% 0%;
  /*min-width: 168px;*/
  }

#menu_minibanner_rechts{
  background-color: #E5E5E5;
  } 

.menu_minibanner_rechts_ueberschrift{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  
  display: none;
  }

#menu_minibanner_rechts ul{ 
  /*margin-bottom: -5px;*/  
  width: 100%; 
  
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; 
  }

#menu_minibanner_rechts ul li{
  height: 65px;
  list-style: none;
  }






 
#menu_minibanner_rechts ul li a:link,
#menu_minibanner_rechts ul li a:visited{
   display:block;
   text-decoration: none;
   font-size: /*alt: 1.3em*/ calc(1.3em * 0.8);
   font-weight:bold;
   text-align: right;
   height:60px;  
   font-style:italic;
   color:#003060;
   border-bottom:5px solid #FF9900; 	
	list-style: none;
}

#menu_minibanner_rechts ul li a:hover,
#menu_minibanner_rechts ul li a:focus,
#menu_minibanner_rechts ul li a:active{
	background-color:transparent !important;
	/*color:#FF9900;*/
	color:red;
	border-bottom: 5px solid red;
	height:60px;
}

#menu_minibanner_rechts ul li a span{
	display:block;
	width:6em;
	height:50px;
	padding-top:5px;
	margin-right:10px;
	float:right;
  
  width: 100%;
  }

.minibanner1{
  background-image: url(banner_gottesdienst.jpg);
  background-repeat:no-repeat;
  } 
 
.minibanner2{
  background-image: url(banner_rundbrief.jpg);
  background-repeat:no-repeat;
  } 
  
.minibanner3{
  background-image: url(banner_photos.jpg);
  background-repeat:no-repeat;
  } 
  
.minibanner4{
  background-image: url(banner_newsletter.jpg);
  background-repeat:no-repeat;
  } 
  
.minibanner5{
  background-image: url(banner_klingelbeutel.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner6{
  background-image: url(banner_facebook.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner7{
  background-image: url(banner_ueber_das_institut.jpg);
  background-repeat:no-repeat;
  }      

.minibanner8{
  background-image: url(banner_heilige.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner9{
  background-image: url(banner_baronius.jpg);
  background-repeat:no-repeat;
  }     

.minibanner10{
  background-image: url(banner_orgel.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner11{
  background-image: url(banner_videos.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner12{
  background-image: url(banner_stationskirchen_2.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner13{
  background-image: url(banner_evangelium_2.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner14{
  background-image: url(banner_presseschau.jpg);
  background-repeat:no-repeat;
  }                 

.minibanner15{
  background-image: url(banner_weihnachten.jpg);
  background-repeat:no-repeat;
  }
  
.minibanner16{
  background-image: url(banner_fastenzeit.jpg);
  background-repeat:no-repeat;
  }    

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
 
.philipplogo3{
  text-align:center;
  margin-top: 20px;
  margin-bottom: 20px;    
  }

.philipplogo4{
  position: absolute;
  bottom: 0px;
  margin-bottom: 15px;
  padding-left: 19px;
  }

 
#inhaltsbereich_text ul{
  line-height: 1.4em;
  }

#inhaltsbereich_text ol{
  line-height: 1.4em;
  }

#inhaltsbereich_text dl{
  line-height: 1.4em;
  } 
 
#inhaltsbereich_text dd{
  padding-bottom: 20px;  
  }  
 
.vorspann{
  margin-left: 60px;
  display: block;
  position: relative;
  } 
 
h4{
  font-size: /*alt: 1.2em*/ calc(1.2em * 0.9375);
  font-style: italic;
  font-weight: bold;
  margin: 6px 0;
  } 
 
h5{
  font-size: /*alt: 1.1em*/ calc(1.1em * 0.966);
  font-style: normal;
  font-weight: bold;
  margin: 6px 0;
  }
  
.update{
  color: red;
  font-weight: bold;
  text-transform: uppercase;  
  }    

/* Anzeigeboxen - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

.anzeigebox1{
  display: none;
  }
  
.anzeigebox2{
  display: none;
  }  

 
/* Kalenderbox - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.zeitmodul{
	position: relative;
	background-image: url(vatikan_back_2.jpg);
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid #ff9900;
	z-index: 20;

  line-height: 1.4em;
}

div.zeitmodul h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;  
}

div.zeitmodul p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.zeitmodul p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}

div.zeitmodul img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
}

/* Modul blau - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_blau{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #E5E5E5 none repeat scroll 0% 0%;
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid #003060;
	z-index: 20;
  
  line-height: 1.4em;
}

div.modul_blau h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;  
}

div.modul_blau p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.modul_blau p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}
 
div.modul_blau img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  } 
  
/* Modul violett - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_violett{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #e7cce7 none repeat scroll 0% 0%; /*#f3e5f3*/
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid #8B008B;
	z-index: 20;
  
  line-height: 1.4em;
}

div.modul_violett h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;  
}

div.modul_violett p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.modul_violett p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}
 
div.modul_violett img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  }   

/* Modul baronius - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_baronius{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #F4E7E4 none repeat scroll 0% 0%; /*#ECD5CF*/
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid #C0504E;
	z-index: 20;
  
  line-height: 1.4em;
}

div.modul_baronius h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;
  
  text-transform: uppercase;  
}

div.modul_baronius p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.modul_baronius p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}
 
div.modul_baronius img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  } 
 
/* Modul hill-orgel - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_hill-orgel{
	position: relative;
	background-image: url(orgeleinweihung_2.jpg);
  background-position: bottom;
  /*background: #F4E7E4 none repeat scroll 0% 0%; #ECD5CF*/
  /*opacity: 0.3;*/
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid /*rgba(71,36,60,1)*/rgba(255,195,75,1);
	z-index: 20;
  
  line-height: 1.4em;
}

div.modul_hill-orgel h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
  color: rgba(71,36,60,1);
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;
  
  text-transform: uppercase;  
}

div.modul_hill-orgel p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.modul_hill-orgel p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}
 
div.modul_hill-orgel img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  } 

/* Modul rot - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_rot{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #FFCCCC none repeat scroll 0% 0%;
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid #FF0000;
	z-index: 20;
  
  line-height: 1.4em;
}

div.modul_rot h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;  
}

div.modul_rot p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.modul_rot p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}
 
div.modul_rot img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  } 

/* Modul schwarz - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_schwarz{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #CCCCCC none repeat scroll 0% 0%;
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-left: 5px solid #000000;
	z-index: 20;
  
  line-height: 1.4em;
}

div.modul_schwarz h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;  
}

div.modul_schwarz p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.modul_schwarz p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
}
 
div.modul_schwarz img{
  float: right;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 0px;
  /*z-index: 15;*/
  position: relative;
  max-width: 100%; 
  } 

/* Modul rip - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_rip{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #CCCCCC none repeat scroll 0% 0%;
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-top: 5px solid #000000;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
	border-left: 5px solid #000000;
	z-index: 20;
  
  line-height: 1.4em;
  }

div.modul_rip h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
  font-size: /*alt: 1.8em*/ calc(1.8em * 0.8) /*alt2: 1.5em*/ /*1.5em*/;
	/*font-style: italic;*/
  font-weight: /*alt: lighter*/ 700;
  }

div.modul_rip p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 10px;
  margin-left: 0px;
  }

div.modul_rip p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
  }
 
div.modul_rip img{
  position: relative;
  float: left;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 4px;

  /*z-index: 15;*/

  max-width: 100%; 
  } 

.rip_img{
  position: relative;
  float: left;
  /*text-align: center;*/

  left: 50%;

  padding-top: 10px;
  padding-bottom: 10px;
 
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 4px;
  /*z-index: 15;*/
  max-width: 100%;
  }

.rip_img2{
  position: relative;
  float: left;
  right: 50%;

  filter: grayscale(100%); /* Standard */
  -webkit-filter: grayscale(100%); /* Webkit */
  filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
  filter: gray;  /* IE6-9 */
  -webkit-filter: grayscale(1); /* Old WebKit */
    
  border: 5px solid #000000;
  max-width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  }

.rip_ul{

  }

.rip_ul ul{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
  
  position: relative;
  float: left;
  left: /*50*/5%;   
  }

.rip_ul ul li{
  list-style: none;
  position: relative;
  float: left;
  right: /*50*/5%;     
  margin-left: 12px;
  margin-right: 12px;  
  }


/* Modul Feier - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

div.modul_feier{
	position: relative;
	/*background-image: url(vatikan_back_2.jpg);*/
  background: #FFEDD1 none repeat scroll 0% 0%;
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
	border-top: 5px solid #FFC666;
	border-right: 5px solid #FFC666;
	border-bottom: 5px solid #FFC666;
	border-left: 5px solid #FFC666;
	z-index: 20;
  
  line-height: 1.4em;
  }

div.modul_feier h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
  font-size: /*alt: 1.8em*/ calc(1.8em * 0.8) /*alt2: 1.5em*/ /*1.5em*/;
	/*font-style: italic;*/
  font-weight: /*alt: lighter*/ 700;
  }

div.modul_feier p{
	line-height: 1.4em;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 10px;
  margin-left: 0px;
  }

div.modul_feier p.rechts{
	position: absolute /*!important*/;
	right: 3px;
	top: -1px;
  }
 
div.modul_feier img{
  position: relative;
  float: left;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 4px;

  /*z-index: 15;*/

  max-width: 100%; 
  } 

.feier_img{
  position: relative;
  float: left;
  /*text-align: center;*/

  left: 50%;

  padding-top: 10px;
  padding-bottom: 10px;
 
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 4px;
  /*z-index: 15;*/
  max-width: 100%;
  }

.feier_img2{
  position: relative;
  float: left;
  right: 50%;

  /* filter: grayscale(100%); /* Standard */
  /* -webkit-filter: grayscale(100%); /* Webkit */
  /* filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
  /* filter: gray;  /* IE6-9 */
  /* -webkit-filter: grayscale(1); /* Old WebKit */
    
  border: 5px solid #FFC666;
  max-width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  }

.feier_ul{

  }

.feier_ul ul{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0px;
  padding-right: 0px;
  
  position: relative;
  float: left;
  left: /*50*/5%;   
  }

.feier_ul ul li{
  list-style: none;
  position: relative;
  float: left;
  right: /*50*/5%;     
  margin-left: 12px;
  margin-right: 12px;  
  }


  ---

.feier_bildcontainer{
  display: -ms-grid;
  -ms-grid-columns: min-content;

  position: relative;
  /*float: left;*/
  /*right: 50%;*/
  border: 5px solid #FFC666;
  /*max-width: 100%;*/ width: 305px;

  margin-top: 0px;
  margin-bottom: 10px; /* 10 */
  margin-left: 0px; /* 4 */
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.feier_bildcontainer figure{
  /*
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  */

  font-weight: bold;
  background-color: #e5e5e5;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.feier_img_bildcontainer{

  }
  
.feier_bildcontainer figure figcaption{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  
  
    /*clear: both;
  float: left;*/
  /*right: 50%;*/
    
  
  }

.feier_bildcontainer_100{
  display: -ms-grid;
  -ms-grid-columns: min-content;

  float: right;
  position: relative;

  margin-top: 0px;
  margin-bottom: 10px; /* 10 */
  margin-left: 0px; /* 4 */
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.feier_bildcontainer_100 figure{
  /*
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  */
  width: 100%;

  font-weight: bold;
  background-color: #e5e5e5;

  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }

.feier_img_bildcontainer_100{
  width: 100%;
  }
  
.feier_bildcontainer_100 figure figcaption{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  }

  ---
  
/* Kalender  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - */ 

	#kalender{
	border-bottom: 1px solid #000000;
	border-collapse: collapse;
	font-family: "Times New Roman", Times, serif;
	padding: 0 5px !important;
	margin-bottom: 16px;
}

	#kalender caption{
	color: #ff0000;
	font-size: /*alt: 1.4em*/ calc(1.4em * 0.8);
	font-weight: bold;
	padding-bottom: .6em;
	font-family: "Times New Roman", Times, serif;
}

	#kalender th{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	color: #ff0000;
	font-size: /*alt: 1.1em*/ calc(1.1em * 1);
	font-weight: normal;
	text-align: center;
}

	td.epakte, th.epakte
	{
	border-right: 1px solid #000000;
	color: #ff0000;
	padding: 1px 6px;
	text-align: center;
	font-size: /*alt: 1.2em*/ calc(1.2em * 0.9);
}

	td.sb, th.sb,
	td.rom, th.rom,
	td.west, th.west{
	border-right: 1px solid #000000;
	padding: 1px 3px;
	text-align: center;
	font-size: /*alt: 1.2em*/ calc(1.2em * 0.9);
	height: 1.6em;
}

	td.fest, th.fest{
	padding: 1px 3px;
	text-align: left;
	font-size: /*alt: 1.2em*/ calc(1.2em * 0.9);
}
	
	#kalender .rot{
	color: #ff0000;
}

.rot{
	color: #ff0000;	
}







/*
	#kalender td a:link,
	#kalender td a:visited{
	color: #000000;
}
*/


#kalender td a{
	color: #000000;
	text-decoration: underline;
  }

#kalender td a:hover,
#kalender td a:focus,
#kalender td a:active{
	background-color: #003060;
	color: /*#FFDCA6*/ #FFFFFF;
  }




	
	#calender{
	/*width: 520px;*/
	height: 9em;
	/*margin: 0 !important;*/
	/*margin-left: -6px !important;*/
	/*position: relative;*/
}

	
	#calender li{
	float: left;
	list-style: square;
	width: 6.5em !important;
	line-height: 1.6;
	color: #ff0000;
	/*position: relative;*/
	/*top: -15px;*/
}






#calender li a{
	color: #000000;
	text-decoration: underline;
  }

#calender li a:hover,
#calender li a:focus,
#calender li a:active{
	background-color: #003060;
	color: /*#FFDCA6*/ #FFFFFF;
  }
	

/*
#bid66 #main #page strong{
	margin-left:60px;
	display:block;
	position:relative;
}
#bid65 #main #page span.boldd{
	font-weight:bold;
} 
*/ 
 
/* slideshow - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#slideshowbox{ 
  position: relative;
  display: /*none*/block;
  opacity: 1;
  z-index: 100;
  }  

#slideshowbox .zurueck{
  z-index: 150;
  position: absolute;
  top: 46%;
  left: 0px;

  color: #E5E5E5;
  opacity: 0.5;
  
  font-size: /*alt: 5em*/ calc(5em * 0.8);
  line-height: 0em;  
  }

#slideshowbox .weiter{
  z-index: 160;
  position: absolute;
  top: 46%;
  right: 0px;

  color: #E5E5E5;
  opacity: 0.5;
  
  font-size: /*alt: 5em*/ calc(5em * 0.8);
  line-height: 0em;  
  }

#slideshowbox .zurueck:hover{
  transition: all 1s;

	-webkit-transform: scale(1.1);
	transform:  scale(1.1);
	-ms-transform:  scale(1.1);

  opacity: 0.8;
  text-shadow: 0 0 10px #fff, 0 0 20px #F90, 0 0 30px #F90, 0 0 40px #F90, 0 0 50px #F90, 0 0 60px #F90, 0 0 70px #F90;
  }

#slideshowbox .weiter:hover{
  transition: all 1s;
  
	-webkit-transform: scale(1.1);
	transform:  scale(1.1);
	-ms-transform:  scale(1.1);

  opacity: 0.8;
  text-shadow: 0 0 10px #fff, 0 0 20px #F90, 0 0 30px #F90, 0 0 40px #F90, 0 0 50px #F90, 0 0 60px #F90, 0 0 70px #F90; 
  }

#slideshowbox img{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  max-width: 100%;
  }

#slideshowbox_ img:hover{
  transition: all 1s;
	-webkit-transform: scale(1.2) rotate(3deg);
	transform:  scale(1.2) rotate(3deg);
	-ms-transform:  scale(1.2) rotate(3deg);  
  }

#slideshowbox .hintergrund{
  z-index: 200;
  position: absolute;
  left: 0px;
  bottom: 4px;
  right: 0px;
  background: black none repeat scroll 0% 0%;
  opacity: 0.5;
  height: 23px;
  border-left: 5px solid #E5E5E5;
  }
  
#slideshowbox .beschriftung{
  z-index: 300;
  position: absolute;
  left: 0px;
  bottom: 5px;
  padding-left: 13px;
  color: #FFFFFF;
  font-size: /*alt: 1.3em*/ calc(1.3em * 0.8);
  }

#slideshowbox a:link,
#slideshowbox a:visited{
  color: #FFFFFF;
  font-size: /*alt: 1em*/ calc(1em * 1.04);
  text-decoration: underline;
  }

#slideshowbox a:hover,
#slideshowbox a:focus,
#slideshowbox a:active{
  text-decoration: none;
  color: #FFCC80;
	background: #003060 none repeat scroll 0% 0%;
  
  transition: all 1s;
  }

#diashow1{
  z-index: 400;
  position: absolute;
  right: 5px;
  top: 3px;
  color: #E5E5E5;
  font-size: /*alt: 1.3em*/ calc(1.3em * 0.800);
  
  opacity: 0.5;
  }

#slideshowbox_aussen{
  overflow: hidden;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gottesdienstliste li{
  padding-bottom: 10px;
  }
  
.kursiv{
  font-style: italic;
  }
  
.gross{
  text-transform: uppercase;
  }

.kapitaelchen{
  font-variant: small-caps;
  }

.durchgestrichen{
  text-decoration: line-through;
  }

p.articleinfo,
div.articleinfo{
  font-size: /*alt: 0.8em*/ calc(0.8em * 1);
  margin-top: 36px;
  }
  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
  
#scrollkasten{                          
  display: none;
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 10000;
  border: none;
  outline: none;
  opacity: 0.5;  
  background-color: #003060;
  color: #E5E5E5;  
  font-family: arial,helvetica,sans-serif;
  font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
  font-weight: 900;
  cursor: pointer;
  padding: 2px;
  border-radius: 30px;
  }

#scrollkasten:hover{
  transition: all 1s;

	-webkit-transform: scale(1.1);
	transform:  scale(1.1);
	-ms-transform:  scale(1.1);

  color: #F90;

  opacity: 0.7;
  text-shadow: 0 0 10px #fff, 0 0 20px #F90, 0 0 30px #F90, 0 0 40px #F90, 0 0 50px #F90, 0 0 60px #F90, 0 0 70px #F90;
  }

#scrollkasten:active{
  transition: all 0.1s;
    
	-webkit-transform: scale(1);
	transform:  scale(1);
	-ms-transform:  scale(1);    
   
  color: #E5E5E5;
  opacity: 1;
  }
  
/* Nachrichtenueberblick - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - */

#nachrichtenueberblick{
	/*width: 520px;*/
	height: 9em; 
	/*margin: 0 !important;*/
	/*margin-left: -6px !important;*/
	/*position: relative;*/
  }

	
#nachrichtenueberblick li{
	float: left;
	/*list-style: square;*/
  list-style-type: "↓ ";
	width: 6.5em !important;
	line-height: 1.6;
	color: #ff0000;
	/*position: relative;*/
	/*top: -15px;*/
  }

#nachrichtenueberblick li a{
	color: #000000;
	text-decoration: underline;
  }

#nachrichtenueberblick li a:hover,
#nachrichtenueberblick li a:focus,
#nachrichtenueberblick li a:active{
	background-color: #003060;
	color: /*#FFDCA6*/ #FFFFFF;
  }

table.category{
  margin-top: 10px;
  border-collapse: collapse;
  
  width: 100%;
  }

table tbody tr th.sectiontableheader{
  padding-right: 10px;
  }


table.category tr{
	display: block;
  margin-bottom: /*alt: 5px*/ 0px;
  }

table.category tr:nth-child(odd){
	background-color: #E5E5E5;
	border-bottom: solid 1px #C0C0C0;
  }
  
table.category td{
	/*border-top: 1px solid #e5e5e5;*/
	border-bottom: none !important;
	padding: 2px 2px;
	vertical-align: text-top;
	font-size: /*alt: 1em*/ calc(1em * 1) !important;
	color: #000000 !important;
  
  line-height: 1.4em;  
  }

table.category a:link,
table.category td a{
	text-decoration: none;
	padding: 2px 6px;
	/*font-weight: bold;*/
	color: #000000;
	/*width: 380px;*/
	display: block; 
  }

table.category img{
	border: none;
	margin-left: 3px;
  }

tr.sectiontableentry1 a:link,
tr.sectiontableentry2 a:link,
tr.sectiontableentry1 a:visited,
tr.sectiontableentry2 a:visited{
	color: #000 !important;
	text-decoration: underline !important;
  }

tr.sectiontableentry1 a:hover,
tr.sectiontableentry2 a:hover,
tr.sectiontableentry1 a:focus,
tr.sectiontableentry2 a:focus,
tr.sectiontableentry1 a:active,
tr.sectiontableentry2 a:active{
  color: #fff !important;
  }

/* Photoalben - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - -  */

.alle_alben{
  padding: 0px;
  text-align: justify;
  
  line-height: 1em !important;
  margin-bottom: 0px;
  }

.album{
  z-index: 30; /* nicht unbedingt notwendig*/
  /*float: left;*/
  /*margin-right: 25px;*/
  margin-top: 25px; 
  
  position: relative;

  display: inline-block;	
  list-style-type: none;
  width: 100%;
  /*width: calc(50% - 27px);*/
  
  text-align: left;     
  }

.erstalbum{
  margin-top: 0px !important;
  }
  
.endalbum{
  margin: 0px;
  height: 0px; 
  }

.album_lang{
  width: 100% !important;
  }

.interaction-bar{
  position: absolute;
  left: 0px;
  top: 0px;  
    
  z-index: 60;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

.interaction-bar_2{
  position: absolute;
  right: 0px;
  top: 0px;
    
  z-index: 70;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

.interaction-bar_1_bild{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }

.interaction-bar_2_bild{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);  
  }

.interaction-bar_3_bild{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);  
  }

.interaction-bar_4_bild{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;

  -webkit-transform: scale(0.9) rotate(-3deg);
  -ms-transform: scale(0.9) rotate(-3deg);
  transform: scale(0.9) rotate(-3deg);
  
  margin-right: 5px;
  margin-top: -15px;
  }
  
.whatsapp{
  padding-right: 8px;
  margin-top: 80px;
  }
  
.album_klingelbeutel{
  margin-right: 2px;
  margin-top: 7px;
  
  position: relative;
  z-index: 3;
  }

.album_klingelbeutel_smiley{
  position: absolute;
  z-index: 2;

  height: 100%;
  width: 100%;
  }
  
.interaction-bar_1_bild:hover,
.interaction-bar_1_bild:focus,
.interaction-bar_1_bild:active{
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
  
  -webkit-transform: scale(1.5) rotate(360deg);
  -ms-transform: scale(1.5) rotate(360deg);
  transform: scale(1.5) rotate(360deg);
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;

  /* Drehpunkt */
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%; 
  transform-origin: 50% 50%;   
  }

.interaction-bar_2_bild:hover,
.interaction-bar_2_bild:focus,
.interaction-bar_2_bild:active{
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
  
  -webkit-transform: scale(1.2) rotate(10deg);
  -ms-transform: scale(1.2) rotate(10deg);
  transform: scale(1.2) rotate(10deg);  
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;

  /* Drehpunkt */  
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  }

.interaction-bar_3_bild:hover,
.interaction-bar_3_bild:focus,
.interaction-bar_3_bild:active{
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
  
  /*
  -webkit-transform: scale(1.2) rotate(10deg);
  -ms-transform: scale(1.2) rotate(10deg);
  transform: scale(1.2) rotate(10deg);  
  */
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;

  /* Drehpunkt */
  /*
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  */
  }

.album:hover .interaction-bar_4_bild{
  -webkit-transform: scale(0.85) rotate(-5deg);
  -ms-transform: scale(0.85) rotate(-5deg);
  transform: scale(0.85) rotate(-5deg);
  
  -webkit-transition: all 3s;
  transition: all 3s;
 
  margin-right: 1px;
  margin-top: -35px;
  }

.album2{
  z-index: 50; 
  /*float: left;*/

  width: 100%;
  height: 100%;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  border: 1px solid #C0C0C0;
  margin: 1px;
    
  -webkit-box-shadow: 10px 10px 18px -4px rgba(0,0,0,0.3); /* 0.19 */
  -moz-box-shadow: 10px 10px 18px -4px rgba(0,0,0,0.3); /* 0.19 */
  box-shadow: 10px 10px 18px -4px rgba(0,0,0,0.3); /* 0.19 */
  
  position: absolute;
  }

/* -------------------------- */
  
._album2::after{

content: ""; 
background-image: url("album_q_karmette_karsamstag_2019.jpg"); 
 width: 252px; /* konkrete Breite des Bildes */ 
height: 252px; /* konkrete Höhe des Bildes */ 
display: inline-block /*block*/ ;


  }


._album2:hover::after{

content: ""; 
background-image: url("album_q_karmette_karsamstag_2019.jpg"); 
 width: 252px; /* konkrete Breite des Bildes */ 
height: 252px; /* konkrete Höhe des Bildes */ 
display: inline-block;

  }

  /* -------------------------- */ 

.albumbildcontainer{
  z-index: 40; /* nicht unbedingt notwendig*/ 
  position: relative;
  width: 100%; 
  height: 100%;
  overflow: hidden;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  }

.albumbildcontainer2{
  z-index: 20;   
  position: absolute;
  width: 100%; 
  height: 100%;
  overflow: hidden;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  border: 1px solid #afb7bc;
     
  -webkit-transition: all 0.4s;
  transition: all 0.4s;   
  }


.album:hover .albumbildcontainer2{
  -moz-transform: rotate(-2deg); 
  -ms-transform: rotate(-2deg); 
  -o-transform: rotate(-2deg); 
  -webkit-transform: rotate(-2deg); 
  transform: rotate(-2deg);  

  /* Drehpunkt ist untere linke Ecke */
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%; 
   
  -webkit-transition: all 0.8s;
  transition: all 0.8s;  
  }

.albumbildcontainer3{
  z-index: 10;   
  position: absolute;
  width: 100%; 
  height: 100%;
  overflow: hidden;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  border: 1px solid #afb7bc;
     
  -webkit-transition: all 0.4s;
  transition: all 0.4s;   
  }


.album:hover .albumbildcontainer3{
  -moz-transform: rotate(-3.5deg); 
  -ms-transform: rotate(-3.5deg); 
  -o-transform: rotate(-3.5deg); 
  -webkit-transform: rotate(-3.5deg); 
  transform: rotate(-3.5deg);   
        
  /* Drehpunkt ist untere linke Ecke */
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;  
 
  -webkit-transition: all 0.8s;
  transition: all 0.8s;  
  }

.albumbildcontainer_lang{
  max-height: 386px !important; 
  }

.albumbild{
  /*position: absolute;*/
  width: 100%;
  height: auto;
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }

.album:hover .albumbild/*,*/
/*.album_lang:hover .albumbild*/{
  -webkit-transform: scale(1.2) rotate(-3deg);
  -ms-transform: scale(1.2) rotate(-3deg);
  transform: scale(1.2) rotate(-3deg);  
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);

  /* Drehpunkt */
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;  
  transform-origin: 50% 50%;  
  }

.album2:hover,
.album2:focus,
.album2:active{
  /*
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  */
            
  border: 2px solid #5AFD5A;
  margin: 0px;
    
  -webkit-box-shadow: inset 10px 10px 38px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: inset 10px 10px 38px 0px rgba(0,0,0,0.19);
  box-shadow: inset 10px 10px 38px 0px rgba(0,0,0,0.19);
  }

.albuminhalt{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  width: 100%;
  height: 100%;          
  position: absolute;
  }
 
.albuminhalt::before{
  right: 15px;
  left: 15px;
  top: -4px;
  content: "";
  position: absolute;
  height: 1px;
  background: #afb7bc;
  
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  
  /*cursor: pointer;*/
  color: #006dac;
  }

.albuminhalt::after{
  right: 10px;
  left: 10px;
  top: -2px;  
  content: "";
  position: absolute;
  height: 1px;
  background: #afb7bc;
  
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;

  /*cursor: pointer;*/
  color: #006dac;
  } 

.albuminhalt:hover,
.albuminhalt:focus,
.albuminhalt:active{
  /*
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  */
  
  position: relative;
  top: -2px;
  }
  
.albumtexte{
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100%;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+61,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  /*font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif;*/
  font-family: arial,helvetica,sans-serif;
  color: #FFFFFF;
  font-weight: 600;
  }  
  
.albumtexte:hover,
.albumtexte:focus,
.albumtexte:active{
  position: absolute;
  bottom: 30px;
  background: none;
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }

.metadata{
  padding: 0 20px;
  /*font-weight: 600;*/
  bottom: 20px;
  position: absolute;
  margin-bottom: 10px;
  
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
	}

.albumtitel{
  margin-bottom: 5px;
  
  /*font-style: normal;*/
  font-size: /*alt: 1.4em*/ calc(1.4em * 0.8);
  line-height: 1.3em;
  
  /*cursor: pointer;*/  
  }

.photoanzahl{
  text-shadow: 0 1px 1px #000000;
  font-size: /*alt: 1.2em*/ calc(1.2em * 0.8);
  /*font-weight: 600;*/
  /*cursor: pointer;*/
  }

.metadata2{
  /*display: none;*/
  opacity: 0;
  
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
 
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;  

  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px; 
  margin: 0px;
  
  /*font-weight: 600;*/

  position: absolute;
  bottom: -33px;
  
  /*width: 100%;*/
  min-height: 10px;
  line-height: 100%;
  background: #E5FEE5;
  border-top: 3px solid #5AFD5A;
  border-bottom: 3px solid #5AFD5A;
  border-left: 3px solid #5AFD5A;
  border-right: 3px solid #5AFD5A;
  
     -moz-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #5AFD5A;
  -webkit-box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #5AFD5A;
          box-shadow: inset 0 1px 1px #FFCC80, 0 0 8px #5AFD5A;  

  left: 0px;
  right: 0px;
	}

.metadata2:hover,
.metadata2:focus,
.metadata2:active{

  }  

.album2:hover .metadata{
  bottom: 40px;
  padding-left: 35px;
  padding-right: 5px;
   
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  }

.album2:hover .metadata2{
  /*display: block;*/
  opacity: 0.8;
  
  -webkit-transition: all 1s;
  transition: all 1s;
  }

.dank{
  color: #006100;
  font-size: /*alt: 1.1em*/ calc(1.1em * 0.8);
  line-height: 1.2em;

  margin: 0px;
  padding: 0px;
  }

.slider{
  /*display: block;*/
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  overflow: hidden;
  position: absolute;

  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  }

.slider > div {
  /* .slider > * */
  /*alle Elemente (*) die ein Kindelement von slider (>) sind         Selektoren*/
  position: absolute;
  /*display: block;*/
  width: 100%;
  height: 100%;
  background: #1f1f1f;
  animation: sliden 12s infinite; /* infinite=Endlosschleife */
  overflow: hidden;

  opacity: 0;

  /* für die vertikale Zentrierung der Slidetexte: */  
  display: table;      
  }

.album:hover .slider{
  opacity: 0;
  }

@keyframes sliden{
  0% { left: 100%;}
  5% { left: 0%;}
  25% { left: 0%; opacity: 1;}
  30% { left: -100%; opacity: 0;}
  100% { left: 100%;}
  }

.slider > div:nth-child(1){
  animation-delay: -1s;
  /*background-image: url();*/
  background-size: cover;   /* passt die kleinere Seite des Hintergrundbilds in die Box ein */
  background-position: center;
  }

.slider > div:nth-child(2){
  animation-delay: 2s;
  /*background-image: url();*/
  background-size: cover;
  background-position: center;
  }

.slider > div:nth-child(3){
  animation-delay: 5s;
  /*background-image: url();*/
  background-size: cover;
  background-position: center;
  }

.slider > div:nth-child(4){
  animation-delay: 8s;
  /*background-image: url();*/
  background-size: cover;
  background-position: center;
  }

.slider p{
  position: relative;
  text-align: center;

  /*font-family: Comfortaa;*/
  font-family: "Times New Roman",Times,serif;
  font-size: /*4em*/ /*alt: 1.8em*/ calc(1.8em * 0.8);
  font-style: italic;
  font-weight: lighter;
  color: #FFFFFF;
  text-shadow: 0 3px 3px #000000;
  
  margin: 0px;
  padding-bottom: 30px;

  /* für die vertikale Zentrierung der Slidetexte:*/  
  display: table-cell;
  vertical-align: middle;
  }

.fortschrittscontainer{
  width: 100%;
  position: absolute;
  /*display: block;*/
  }

.fortschrittscontainer > * {
  /*alle Elemente (*) die ein Kindelement von slider (>) sind         Selektoren*/
  /*position: relative;*/
  display: block;
  width: 100%;
  height: 6px;
  bottom: 0px;
  background: #C0C0C0;
  overflow: hidden;

  animation: fortschrittsbalken 3s infinite; /* infinite=Endlosschleife */
  animation-delay: -1s;   

  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  }

@keyframes fortschrittsbalken{ 
  from { 
    width: 100%; 
    } 
  to { 
    width: 0%; 
    } 
  }

/* Soziale Netzwerke - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - -  */

.datum{
	margin-bottom: 10px;
	line-height: 1.4em;
	}
  
.datum:after{
  /* erzeugt nach <div class="datum"></div> ein Pseudoclearendes Element,
  damit der Elementenfluß dahinter wieder normal ist und so der .bildcontainer
  ganz rechts angezeigt werden kann */
  content: "";
  display: block;
  clear: both;
  }

.icon_facebook{
	width: 20px;
	height: 20px;
	background-image: url('icon_facebook_artikel_g.svg')
	}	
	
.icon_facebook:hover{
	background-image: url('icon_facebook_artikel_f.svg')	
	}

.icon_twitter{
	width: 20px;
	height: 20px;
	background-image: url('icon_twitter_artikel_g.svg')
	}	
	
.icon_twitter:hover{
	background-image: url('icon_twitter_artikel_f.svg')	
	}
	
.icon_whatsapp{
	width: 20px;
	height: 20px;
	background-image: url('icon_whatsapp_artikel_g.svg')
	}	
	
.icon_whatsapp:hover{
	background-image: url('icon_whatsapp_artikel_f.svg')	
	}	

.icon_email{
	width: 20px;
	height: 20px;
	background-image: url('icon_email_artikel_g.svg')
	}	
	
.icon_email:hover{
	background-image: url('icon_email_artikel_f.svg')	
	}		
	
.icon_permanentlink{
	width: 20px;
	height: 20px;
	background-image: url('icon_permanentlink_artikel_g.svg')
	}	
	
.icon_permanentlink:hover{
	background-image: url('icon_permanentlink_artikel_f.svg')	
	}		

.icon{
  float: right;
  margin-top: -2px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0px;
  }

.icon a:hover,
.icon a:focus,
.icon a:active{
  background-color: transparent;
  }  
  
.icon > div{
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 0px;
  }
  
.icon > div span{
  display: none;
  }
  
/* Fahnen für Sprache - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - */

.fahne_de::after{
  content: url("deutsch.svg");
  margin-left: 0.3em;
  }

.fahne_it::after{
  content: url("italienisch.svg");
  margin-left: 0.3em;
  }

.fahne_fr::after{
  content: url("franzoesisch.svg");
  margin-left: 0.3em;
  }

.fahne_en::after{
  content: url("englisch.svg");
  margin-left: 0.3em;
  }

.fahne_pl::after{
  content: url("polnisch.svg");
  margin-left: 0.3em;
  }
  
/* Texthervorhebung - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

.texthervorhebung{
  background: #FFCCCC none repeat scroll 0% 0%;
	background-repeat: repeat;
	padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  margin-left: 10px;
	border-left: 5px solid #FF0000;
  
  line-height: 1.4em;
  }

.texthervorhebung h2{
	margin-top: 1px !important;
	margin-bottom: 8px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: /*alt: 1.5em*/ calc(1.5em * 0.8);
	font-style: italic;
	font-weight: lighter;  
  }