/*
TYPO3 leicht und verstaendlich
copyright: Birgit Ruehring www.ruehring.de 
CSS Document 
Formate fuer Inhaltselemente, die in TYPO3 als Contentelemente eingegeben werden koennen
Formate fuer Inhaltselemente die ueber den RTE (Rich Text Editor) eingegeben werden koennen 
Diese CSS Datei als contentCSS fuer den RTE im pageTSconfig der Rootseite angeben:
RTE.default.contentCSS = fileadmin/templates/inhalt.css
Klassenzuweisung (.) im RTE (IDs # werden nicht angenommen!!!) ueber:
RTE.default.proc.allowedClasses (
  unsichtbar, rot, seitentitel, 
  csc-firstHeader,
  csc-bulletlist-0
}
*/
body {
  font-size: 75%;
}
/* form {
  font-size: 70%;
} */
.rot {
  color: #ff0000;
}
.unsichtbar {
  display: none;
}
p.hinweis {
  background-image: url(../gfx/pfeil_wichtig.gif);
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: 16px;
}
p.danger, p.success, p.info, p.warning, p.godireihe, 
div.danger, div.success, div.info, div.warning, div.godireihe {
    margin-bottom: 15px;
    padding: 10px 5px;
}
p.danger, div.danger {
    background-color: #ffdddd;
    border-left: 7px solid #f44336;
}
p.success, div.success {
    background-color: #ddffdd;
    border-left: 7px solid #4CAF50;
}
p.info, div.info {
    background-color: #e7f3fe;
    border-left: 7px solid #2196F3;
}
p.warning, div.warning {
    background-color: #ffffcc;
    border-left: 7px solid #ffeb3b;
}
p.godireihe {
    background-color: #DCDCDC;
    border-left: 7px solid rgb(127, 127, 127);
}
a,a:visited, a:hover, a:active {
  color: #e59400;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}
a.external-link::before, a.mail::before, .phone::before,
.mobile::before, .fax::before, .map::before, .map-footer::before, .new::before,
.archive::before, .calendar::before, .file-image::before, .file-pdf::before, 
.file-word::before, .file-excel::before, .file-powerpoint::before, 
.file-video::before, .file-audio::before, .file-archive::before,
div.losungen-license a::before, a[href$='.pdf']::before ,a[href$='.doc']::before, a[href$='.docx']::before, 
a[href$='.xls']::before, a[href$='.xlsx']::before, a[href$='.ppt']::before, a[href$='.pptx']::before,
a[href$='.mp4']::before, a[href$='.mp3']::before, a[href$='.jpg']::before, a[href$='.jpeg']::before,
a[href$='.png']::before, a[href$='.gif']::before, a[href$='.ics']::before, a[href$='.zip']::before, .file-download::before,
.file-copy::before, .vertrauen-link::before {
  margin-right: 3px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;  /* 900 (Solid), 400 (Regular or Brands), 300 (Light) */
  color: red;
}
a.external-link::before, div.losungen-license a::before {
  content: "\f35d" !important;
  font-size: 14px;
  }
a.mail::before {
  content: "\f0e0";
  font-size: 14px;
 }
.phone::before {
  content: "\f095";
  font-size: 14px;
}
.mobile::before {
  content: "\f3cd";
  font-size: 14px;
  padding-left: 2px;
 }
.fax::before {
  content: "\f1ac";
  font-size: 14px;
 }
.map::before {
  content: "\f3c5";
  font-size: 15px;
  margin-left:2px;
  margin-right:7px;
 }
.map-footer::before {
  content: "\f3c5";
  font-size: 15px;
 }
.new::before, p.new::before {
  content: "\f12a";
  font-size: 12px;
 }
.archive::before {
  content: "\f187";
  font-size: 15px;
 }
.calendar::before, a[href$='.ics']::before {
  content: "\f073";
  font-size: 17px;
 }
.file-pdf::before, a[href$='.pdf']::before {
  content: "\f1c1";
  font-size: 16px;
  color: red;
 }
a[href*="Gemeindebrief/gb"]::before, a[href*="News/"]::before {
  content: "";
  }
.file-word::before, a[href$='.doc']::before, a[href$='.docx']::before {
  content: "\f1c2";
  font-size: 16px;
  color: blue;
 }
.file-excel::before, a[href$='.xls']::before, a[href$='.xlsx']::before {
  content: "\f1c3";
  font-size: 16px;
  color: green;
 }
.file-powerpoint::before, a[href$='.ppt']::before, a[href$='.pptx']::before {
  content: "\f1c4";
  font-size: 16px;
  color: orange;
 }
.file-image::before, a[href$='.jpg']::before, a[href$='.jpeg']::before, 
a[href$='.png']::before, a[href$='.gif']::before {
  content: "\f1c5";
  font-size: 16px;
  color: teal;
 }
.file-video::before, a[href$='.mp4']::before {
  content: "\f1c8";
  font-size: 16px;
  color: mediumslateblue;
 }
.file-audio::before, a[href$='.mp3']::before {
  content: "\f1c7";
  font-size: 16px;
  color: indigo;
 }
.file-archive::before, a[href$='.zip']::before {
  content: "\f1c6";
  font-size: 16px;
  color: goldenrod;
 }
.file-download::before {
  content: "\f56d";
  font-size: 16px;
  color: grey;
 }
.file-copy::before {
  content: "\f0c5";
  font-size: 16px;
 }
.vertrauen-link::before {
  content: "\f0c1";
 }
/* Ende Font Awesome*/
h1.csc-firstHeader{
  margin-top: -4px;
}
h1.newsclear{
  clear:both;
}
h1{
  font-size:150%;
  line-height: 24px;
  font-weight: bold;
  margin: 24px 0 8px 0;
  padding:0;
}
h2.csc-firstHeader{
  margin-top: -4px;
}
h2 {
  font-size:130%;
  line-height: 24px;
  font-weight: normal;
  margin: 24px 0 8px 0;
  padding:0;
}
h2.csc-firstHeader{
  margin-top: -4px;
}
h3 {
  font-size: 120%;
  font-weight: normal;
  background-color: #ffcc66; /* #dddddd -Standard */
  border-left:7px solid #000066; /* #66666 - Standard */
  padding:10px 5px;
  margin: 16px 0px 8px 0px;
}
h3 a {
  color: #000066 !important;
  text-decoration: underline !important;
}
h4 {
  font-size: 100%;
  font-weight: bold;
  padding:0;
  margin: 16px 0 8px 0;
}
p {
  padding-bottom: 5px ;
  margin:0px; 
}
/* Blockzitat */
blockquote {
  /*font-style: italic;*/
  margin-left: 35px;
  margin-right: 0px;
  padding: 10px 5px;
  background-color: #ffebc6;
  border-left: 6px solid #ffcc66;
}
blockquote:before {
  display: block;
  height: 0;
  content: "“";
  margin-left: -45px;
  font: italic 500%/1 Cochin,Georgia,"Times New Roman", serif;
  color: #ffcc66;
}
blockquote p:last-child {
  margin-left: 15px;
  margin-right: 20px;
  font-family: Georgia, serif;
  font-size: 14px;
}
blockquote h1, blockquote h2, blockquote h4, blockquote h5 {
  margin-top: 0px;
}
/* Zitat im laufenden Text */
cite {
  font-style: normal;
  font-size: 80%;
}
/* Hervorhebung */
em {
  font-weight: bold;
  color: #333333;
  font-style: normal;
}
/* starke Hervorhebung */
strong {
  font-weight: bold;
  color: #ff0000;
}
/* Quellcode 
mit <pre></pre> umgeben, um Einrückungen zu erhalten*/
code {
  font-size: 100%;
  font-family: "Courier New", Courier, mono;
  color: #666666;  
  display: block;
  height: auto;
  background-color: #dddddd;
  padding: 2px;
}
/* Abkürzung z.B.*/
abbr {
}
/* Acronym BRD */
acronym {
}
/* Link "nach oben" */
P.csc-linkToTop { 
  text-align: right; 
}
P.csc-linkToTop A {
  font-weight: bold;
  color: #999999;
  background-image: url(../gfx/nach_oben.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding-right: 15px;
}
/* geordnete Listen */
ol {
  color: #333333;
  list-style-position: outside;
  margin-left:0;
  padding-left:20px;
  list-style-type: decimal;
}
fieldset ol li{
  float:left;
}
li, UL.csc-bulletlist LI { margin-left:0;}
/* Listen fuer Backendauswahl (Selectmen), Contentlement LISTE*/
ul, UL.csc-bulletlist-0 {
  color: #333333;
  list-style-position: outside;
  list-style-type: disc;
  margin-left:0;
  margin-top:0;
  padding-left:20px;
}
.csc-default ul {
  list-style: none; 
}
.csc-default ul li::before {
  content: "\2022";
  color: red;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
UL.csc-bulletlist-1 { color: #ff0000; list-style-type : decimal; font-weight: bold;}
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #333333; list-style-type: decimal; }.kasten_mitte {
  padding: 7px;
  border: 7px solid #FF0000;
}
/* Textboxen, Selectbox "Rahmen" im Backend */
DIV.csc-frame { border: 0px; padding: 5px;}
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 0px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
div.dahinter1 {border: 7px solid #666666; margin: 8px 0 8px 0;}
DIV.csc-frame-frame1 { padding: 0; border: 7px dashed #ff0000; margin: -7px;}
div.dahinter2 {border-left: 7px solid #666666; margin: 8px 0 8px 0;background-color: #dddddd;}
DIV.csc-frame-frame2 { padding: 7px; border-left: 7px dashed #ff0000; margin-left: -7px;}
DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
/* Tabellen */
/* RTE / Table styling */
table caption {
  text-align: left;
  /*font-weight: bold;*/
  margin-top: 2px;
}
/*table, TABLE.contenttable { border: none; margin: 10px 0px 10px 0px; width: 100%; background: #dddddd;}
th, TABLE.contenttable TR TH { margin: 1px; padding: 3px; background-color: #999999; color: #ffffff}
td, TABLE.contenttable TR TD { margin: 1px; padding: 3px 40px 3px 3px; background-color: #ffffff;text-align: right;}*/
/* TABLE.contenttable TR TD P.bodytext { font-size: 100%; } */
/* Info-Chip (Pfarramt, Angebote)*/
/* .chipwrap {
  text-align: left;  
} */
.chip {
  box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: auto;
  display: inline-block;
  margin-bottom: 15px;
  background-color: white;  
}
.chip img {  
  height: 110px;
  width: 110px;
  float: left;  
}
p.chiptitle {
  color: grey;
  margin-bottom: 5px;  
}
p.chipname {
  color: black;
  font-size: 150%;
  line-height: 24px;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 0px;   
}
div.chip > div > p {  
  padding-bottom: 0px;
}
div.chip div {
  margin-left: 120px;
}    
/* Info-Card Presbyterium/Gemeindevertretung */
.cardwrap {
  text-align: center;  
}
.card {
  box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.2);
  width: 155px;
  margin: auto;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 15px;
  background-color: white;  
}
.cardwrap img {
  width: 100%;
}
p.cardtitle {
  color: grey;
  margin-bottom: 10px;
}
p.cardname {   
 margin-top: 20px;
}
a.cardcontact {
  text-decoration: none;
  border: none;
  outline: 0;
  display: inline-block;
  color: black;
  background-color: #CCCCCC;
  text-align: center;
  width: 100%;
  transition: all 0.3s ease 0s;
  height: 25px;
  line-height:25px;
  box-sizing: border-box;
}
div.card > p {  
  padding-bottom: 0px;
} 
/* Kirchenfenster */
.kirchenfenster{
  box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 130px;
  margin: auto;
  margin-bottom: 15px;
  background-color: white;
}
.fenstertext{
  display: flex;              /* establish flex container */
  flex-direction: column;     /* stack flex items vertically */
  justify-content: center;    /* center items vertically, in this case */ 
  height: 130px;
}
p.fenstername {
  color: black;
  font-size: 140%;
  line-height: 24px;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 0px;   
}
p.fensterbibel {
  color: grey;
  margin-bottom: 5px;  
}
.fensterbild-links{
  text-align: left;
}
.fensterbild-links img {
  margin-right: 20px;
  height: 100%;
  width: auto;
  float: left;
}
.fensterbild-links .fenstertext{
  padding-right: 10px;  
}
.fensterbild-rechts{
  text-align: right;
}
.fensterbild-rechts img {
  margin-left: 20px;
  height: 100%;
  width: auto;
  float: right;  
}
.fensterbild-rechts .fenstertext{
  padding-left: 10px;  
}
.last{
  margin-bottom: 0px;
}
/* RTE Text durchgestrichen, Textausrichtung */
.strike {  
  text-decoration: line-through;
}
.align-left {
  text-align: left;
 }
.align-right {
  text-align: right;
 }
.align-center {
  text-align: center;
 }

/* Newsletter */
h3.h3-news{
  font-size: 120%;
  font-weight: normal;
  padding:10px 5px;
  margin: 16px 0px 8px 0px;
}
h3.h3-news-anmeldung{
  background-color: #ddffdd;
  border-left: 6px solid #4CAF50;
}
h3.h3-news-abmeldung{
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}
hr.hr-news {
  border: 0;
  height: 0;
  margin-top: 30px;
  margin-bottom 30px;
  background: white;
}