/* Contents of the css tag goes here. See https://docs.textpattern.com/tags/css */

body.front-page header.padded.grid > .padded.grid:nth-child(1), body.listing-page header.padded.grid > .padded.grid:nth-child(1) {
margin-left: 1.5rem !important;
margin-right: 0rem !important;
}

footer {
background-color: #ffffff;
/* background-color: #e2e3e6; */
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 60%;
    max-height : 70%;
    margin: 0;
}

h1.ansprechpersonen {
font-family: LatoLatinWebHairline !important;
font-weight: normal;
color: #793a8b !important;
margin-left: 1rem;
}


div.ui.nine.column.padded.grid.kaleidoskop div.column, div.ui.five.column.padded.grid.kaleidoskop div.column {
padding: 0;
}

body.stichwortseite #banner {
padding-left: 0;
padding-right: 0;
}
body.stichwortseite main {
padding-top: 0 !important;
margin-left: 2em;
}


/* Listendarstellung TODO überarbeiten */

ul.kalenderliste a.carolinen-kalender, .car, #hauptnavigation_bereich a.car:hover {
color: #cf252f;
}
ul.kalenderliste a.epiphanias-kalender, .epi, #hauptnavigation_bereich a.epi:hover {
color: #19af5c;
}
ul.kalenderliste a.bethlehem-kalender, .bet, #hauptnavigation_bereich a.bet:hover {
color: #0a56a4;
}
#hauptnavigation_bereich .ui.text.menu .right.menu a.car:hover {
color: #cf252f !important;
font-weight: bold;
}
#hauptnavigation_bereich .ui.text.menu .right.menu a.epi:hover {
color: #19af5c;
font-weight: bold;
}
#hauptnavigation_bereich .ui.text.menu .right.menu a.bet:hover {
color: #0a56a4;
font-weight: bold;
}



body#front-page ul.carolinen-kalender span.roevfonts.faro, body#front-page ul.carolinen-kalender span.roevfonts.faro a, body#terminliste-page ul.carolinen-kalender span.roevfonts.faro, body#terminliste-page ul.carolinen-kalender span.roevfonts.faro a {
color: #d31735;
}
body#front-page ul.ak-kalender span.roevfonts.faro, body#front-page ul.ak-kalender span.roevfonts.faro a, body#terminliste-page ul.ak-kalender span.roevfonts.faro, body#terminliste-page ul.ak-kalender span.roevfonts.faro a {
color: #1d4c7c;
}
body#front-page ul.vk-kalender span.roevfonts.faro, body#front-page ul.vk-kalender span.roevfonts.faro a, body#terminliste-page ul.vk-kalender span.roevfonts.faro, body#terminliste-page ul.vk-kalender span.roevfonts.faro a {
color: #a1c767;
}
body#front-page ul span.roevfonts.faro.corona, body#terminliste-page ul span.roevfonts.faro.corona {
color: #333;
}




span.caldivider_carolinen, span.caldivider_carolinen-kalender {
  color: red;
font-weight: bold;
}
span.caldivider_bethlehem, span.caldivider_bethlehem-kalender {
  color: blue;
font-weight: bold;
}
span.caldivider_epiphanias, span.caldivider_epiphanias-kalender {
  color: green;
font-weight: bold;
}
span.caldivider_artikel {
font-weight: bold;
}

ul.carolinen, ul.bethlehem, ul.epiphanias, ul.kalenderliste {
list-style-type: none;
}


li.neuertag {
margin-top: 1em;
margin-bottom: .3em;
}
span.listen_datumsangabe span.lidatum {
float: left;
margin-top: .5em;
/* background-color: red;
color: white; */
}
span.listen_datumsangabe span.liuhrzeit {
/* float: right; */
}
span.listen_datumsangabe {
width: 10em;
/* display: block; */
float: left;
padding-right: .8em;
text-align: right;
}
span.listen_zeitangabe {
width: 5em;
/* display: block; */
float: left;
padding-right: .8em;
text-align: right;
}


.erloeserkirche li.neuertag {
border-top: 1px solid #d31735;
}
.apostelkirche li.neuertag {
border-top: 1px solid #1d4c7c;
clear: both !important;
}
.versoehnungskirche li.neuertag {
border-top: 1px solid #a1c767;
}
.erloeserkirche li.So.neuertag {
border-top: 5px solid #d31735;
}
.apostelkirche li.So.neuertag {
border-top: 5px solid #1d4c7c;
}
.versoehnungskirche li.So.neuertag {
border-top: 5px solid #a1c767;
}
.carolinen em.lidatum, .carolinen li.So em.liwochentag, .carolinen em.lidatum, .carolinen li.So em.liwochentag {
background-color: #cf252f;
color: white;
}
.bethlehem em.lidatum, .bethlehem li.So em.liwochentag, .bethlehem em.lidatum, .bethlehem li.So em.liwochentag {
background-color: #0a56a4;
color: white;
}
.epiphanias em.lidatum, .epiphanias li.So em.liwochentag, .epiphanias em.lidatum, .epiphanias li.So em.liwochentag {
background-color: #19af5c;
color: white;
}
.carolinen em.liwochentag, .ek-kalender em.liwochentag {
background-color: #cf252f;
color: #d31735;
}
.bethlehem em.liwochentag, .ak-kalender em.liwochentag {
background-color: #0a56a4;
color: #1d4c7c;
}
.epiphanias em.liwochentag, .vk-kalender em.liwochentag {
background-color: #19af5c;
color: #a1c767;
}
em.liwochentag {
padding: 0 0em 0 .15em;
font-style: normal;
font-weight: bold;
}
em.lidatum {
padding: 0 .2em 0 .15em;
font-style: normal;
font-weight: bold;
}

ul.ak-kalender, ul.ek-kalender, ul.vk-kalender, ul.kalender, ul.kalenderliste {
list-style-type: none;
margin: 0;
padding: 0;
display: table;
}
ul.ak-kalender li, ul.ek-kalender li, ul.vk-kalender li, ul.kalender li {
display: table-row;
}
#terminliste-page ul.ak-kalender li, #terminliste-page ul.ek-kalender li, #terminliste-page ul.vk-kalender li, #terminliste-page ul.kalender li {
display: block;
}
#front-page ul.ak-kalender li, #front-page ul.ek-kalender li, #front-page ul.vk-kalender li, #front-page ul.kalender li {
display: block;
}
span.liste_datumsangabe, span.Veranstaltungslink {
display: table-cell;
padding: 0;
vertical-align: top;
}

.ak-kalender li.neuertag {
clear: both !important;
}

/* ENDE Listendarstellung TODO überarbeiten */


table {
width: 100%;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}

table td {
vertical-align: top;
width: 14%; 
border-left: 2px dotted gray;
}
table td:nth-child(7) {
border-right: 2px dotted #6e368c;
}

table tbody {
margin-top: 2em;
}

table h4 {
font-size: 1.3em;
margin: 0;
color: gray;
background-color: #ffffff;
border-top: 0px solid gray;
border-bottom: 3px solid gray;
padding-left: .3em;
}
table .smd_cal_event h4 {
}
table tr.smd_cal_daynames th {
background-color: gray;
}
table tr.smd_cal_daynames th:nth-child(7) {
background-color: #6e368c;
}
table tr td:nth-child(7) h4 {
color: #6e368c;
border-color: #6e368c;
}

.smd_cal_navrow form span {
font-size: 1em;
}
.smd_cal_standard p, .smd_cal_recur p, .smd_cal_recurfirst p, .smd_cal_extra p {
margin: 0;
border-bottom: 1px solid #f0f0f0;
}
.smd_cal_event p a {
border-bottom: 0;
}
table .zeit a {
color: gray;
font-size: 0.9em;
font-weight: bold;
}
a.smd_cal_navprev, a.smd_cal_navnext {
border: 0;
font-size: 1em;
font-weight: bold;
color: gray;
}


.bereich_carolinen-kalender a, .carolinen-kalender em.liwochentag {
color: #cf252f;
}
.bereich_bethlehem-kalender a, .bereich_bethlehem-kalender em.liwochentag {
color: #0a56a4;
}
.bereich_epiphanias-kalender a, .bereich_epiphanias-kalender em.liwochentag {
color: #19af5c;
}

figure.ui.right.floated.padded.card {
margin-left: 1em;
}


.ui.stackable.three.column.grid div ul {
padding: 0;
margin: 0;
}

.ui.green.basic.buttons .button:hover,
.ui.green.basic.button:hover, .ui.green.basic.active.button {
  background-color: #16ab39 !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}
.ui.blue.basic.buttons .button:hover,
.ui.blue.basic.button:hover, .ui.blue.basic.active.button {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}
.ui.red.basic.buttons .button:hover,
.ui.red.basic.button:hover, .ui.red.basic.active.button {
  background-color: #d01919 !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}

#nav2 {
margin-left: 1em;
}
body.stichwortseite main h1.stichwortresultat {
margin: 1em .5em 1em 2.5em !important;
font-size: .92857143em;
}


#stichwortnavigation button {
margin-bottom: .6em;
}

#hauptnavigation_bereich {
// margin-right: .5em;
}

.fluid.popup .five.column a.column {
color: black !important;
padding: .3em !important;
}


a.inactive.item {
color: silver !important;
}


#stichwortnavigation {
background-color: #f9f9f9;
padding: 1em 1em .7em 1em;
box-shadow: inset 0 0.2em 4px gray;
}
#bereiche {
margin-top: 0;
background-color: #f9f9f9;
}

#hauptinhalt {
margin-top: 0rem !important;
box-shadow: 0 -5px 5px -3px silver;
background-color: white;
}
body.stichwortseite main section {
box-shadow: 0 -5px 5px -3px silver;
}




#nav2.ui.text.menu {
margin: 0 0 0 3.3em !important;
}
#nav2 a.header.item {
padding-left: 0;
}
body.listing-page #nav2 a.header.item {
padding-left: 2em;
}
/* #carolinen #nav2.ui.text.menu {
margin: 0 0 0 3.5em !important;
} */

.ui.card, .ui.cards>.card, #artikelliste .items .item {
background-color: #f6f6f6;
// background-color: #f9f7ef;
box-shadow: none !important;
}
#artikelliste.items .item {
// background-color: #f9f7ef !important;
}

aside {
background-color: #f0f0f0;
}

header.padded.grid, header.sticky.grid {
background-color: #f9f9f9;
}


#hauptnavigationb > div > div > div.ui.flowing.popup.segen.bottom.right.transition, #hauptnavigationb > div > div > div.ui.flowing.popup.segen.bottom.right.transition > div {
padding-top: 0;
padding-bottom: 0;
}
#hauptnavigationb > div > div > div.ui.flowing.popup.segen.bottom.right.transition > div {
margin-top: 0;
margin-bottom: 0;
}
#hauptnavigationb > div > div > div.ui.flowing.popup.startseite.bottom.left.transition, #hauptnavigationb > div > div > div.ui.flowing.popup.startseite.bottom.left.transition > div {
padding-top: 0;
padding-bottom: 0;
}
#hauptnavigationb > div > div > div.ui.flowing.popup.startseite.bottom.left.transition > div {
margin-top: 0;
margin-bottom: 0;
}

#ebcjf-slider {
overflow: hidden;
}

#ebcjf-slider figure {
position: relative;
width: 600%;
margin: 0;
left: 0;
animation: 50s slider infinite;
}
#ebcjf-slider figure img {
width: 16.66666%;
height: auto;
float: left;
}

@keyframes slider {
0% {
left: 0;
}
16.66666% {
left: 0;
}
20% {
left: -100%;
}
36.66666% {
left: -100%;
}
40% {
left: -200%;
}
56.66666% {
left: -200%;
}
60% {
left: -300%;
}
76.66666% {
left: -300%;
}
80% {
left: -400%;
}
96.66666% {
left: -400%;
}
100% {
left: -500%;
}
}


#hauptnavigation_inhalt, #hauptnavigation_inhalt > div, #hauptnavigation_bereich, #hauptnavigation_bereich > div {
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#hauptnavigation_bereich .flowing.popup.segen {
border: 0 !important;
box-shadow: none !important;
background-color: #f9f9f9;
margin-top: 0;
padding-top: 0;
} 
h1.sixteen.wide.column.ansprechpersonen {
margin-top: .3rem;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
footer .column.ansprechpersonen ul.ui.link.list, footer .column.ansprechpersonen li.item {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
ul.ui.list li:before {
content: '';
}

#hauptnavigation_bereich a.item, #hauptnavigation_bereich a.active.item {
text-transform: uppercase;
}
#hauptnavigation_bereich a.active.item {
font-weight: 700;
}
a {
color: #666666;
}
a:hover {
// color: #6e368c;
color: black;
}
/* überschriften in bereichsfarbe hovern 
article.carolinen .header a:hover {
color: #cf252f;
}
article.epiphanias .header a:hover {
color: #19af5c;
}
article.bethlehem .header a:hover {
color: #0a56a4;
}
*/

th.monthscroll {
text-align: left;
}
th.monthscroll a:nth-child(2) {
margin-left: .3rem;
}
th.calselect {
text-align: right !important;
}
tr.smd_cal_navrow {
box-shadow: inset 0 0.2em 4px gray;
}
body div thead tr.smd_cal_daynames th {
margin: 0 0 1em 0;
padding: 0;
text-transform: uppercase;
border-bottom: 0;
background-color: gray;
color: white;
}

::placeholder {
color: #666666 !important;
pointer-events: none;
text-align: right;
}
input:matches([type="button"], [type="submit"], [type="reset"]), input[type="file"]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
border-top-color: buttonface;
border-right-color: buttonface;
border-bottom-color: buttonface;
border-left-color: buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
}
.ui.transparent.icon.input>input {
padding-right: 0em !important;
}


#banner figure {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}

/* BEGINN dreifach aufgeteilte conten-spalte per class=triple */
.ui.column.triple.grid>[class*="five wide"].column, .ui.triple.grid>.column.row>[class*="five wide"].column, .ui.triple.grid>.row>[class*="five wide"].column, .ui.triple.grid>[class*="five wide"].column {
width: 33.33333% !important;
}
.ui.column.triple.grid>[class*="ten wide"].column, .ui.triple.grid>.column.row>[class*="ten wide"].column, .ui.triple.grid>.row>[class*="ten wide"].column, .ui.triple.grid>[class*="ten wide"].column {
width: 66.66666% !important;
}
.ui.column.triple.grid>[class*="fifteen wide"].column, .ui.triple.grid>.column.row>[class*="fifteen wide"].column, .ui.triple.grid>.row>[class*="fifteen wide"].column, .ui.triple.grid>[class*="fifteen wide"].column {
width: 99.99999% !important;
}

@media only screen and (max-width: 767px) {
.ui.triple.grid>.stackable.stackable.row>.column, .ui.stackable.triple.grid>.column.grid>.column, .ui.stackable.triple.grid>.column.row>.column, .ui.stackable.triple.grid>.column:not(.row), .ui.stackable.triple.grid>.row>.column, .ui.stackable.triple.grid>.row>.wide.column, .ui.stackable.triple.grid>.wide.column {
width: 100%!important;
margin: 0 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
padding: 1rem 1rem!important;
}
}

/* ENDE dreifach aufgeteilte conten-spalte per class=triple */





.ui.transparent.input>input[type=search]:focus {
width: 15em;
background-color: white !important;
// border-bottom: 1px dotted black !important;
}
form button#suchstart.ui.circular {
display: none;
}
input[type=search]:focus + button#suchstart.ui.circular {
display: block;
}
button#suchstart.ui.circular:focus {
display: block;
}

.ui.transparent.input>input[type=search]:focus::placeholder {
color: white !important;
}
button#suchstart.ui.mini.basic, button#suchstart.ui.mini.basic:hover {
box-shadow: 0 0 0 0px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
}
button#suchstart.ui.mini.basic:hover {
display: block;
background-color: #6e368c !important;
color: white !important;
}

header div.grid div.four {
margin-top: 1rem;
}

article p, article li {
    font-family: karmina, PTSerifWebRegular, minion-pro, Times, Georgia, serif;
}
article p.meta.datumzeit {
    font-family: karmina-sans, LatoLatinWeb, sans-serif;
}

body {
background: #f9f9f9 !important;
padding-top: 1rem;
}
header {
margin-top: 1rem !important;
}
#hauptinhalt aside section {
margin-top: 2rem !important;
}
#artikelliste {
padding-top: .5rem;
}
.header.stichwortresultat, .header.stichwortresultat + p.fehlermeldung {
margin-left: 1rem;
}
h1.header.stichwortresultat {
color: rgba(0,0,0,.85);
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
}

h1 span.zusatzinfo {
font-size: 1rem;
font-weight: 400;
}
section.gottesdienste_2spalter div.sixteen:nth-child(1), section.suchergebnisse div.sixteen:nth-child(1) {
margin-top: 1rem;
}

.ui.card>.content, .ui.cards>.card>.content, .ui.items>.item>.content>.description, div#hauptinhalt main article p {
font-size: 1.2rem;
}

section article div.description .lk_widget {
border: 0px solid #ccc;
font-size: 1em;
color: #555;
box-sizing: border-box;
background-color: #f6f6f6;
}
section article div.description .lk_widget_inner {
margin: 0;
}
section article div.description .lk_widget_inner h2 {
display: none;
}
section article div.description .lk_widget_box {
background-color: #f6f6f6;
// font-size: 0.875em;
padding: 0;
margin: 0;
border: 0px solid #e2e2e2;
}

aside .ui.card, aside .ui.cards>.card, aside .items .item {
background-color: #f0f0f0;
}
aside article {
margin-top: 1rem;
}

body main.twelve.wide.column {
padding-left: 3rem !important;
}
body aside.four.wide.column {
padding-right: 5rem !important;
}
main section article .ui.card {
background-color: #fff;
}
.ui.cards.bildergalerie {
margin: -.875em -.5em 0 -.875em;
}

.card .meta.datumzeit {
font-family: karmina-sans, LatoLatinWeb,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 600;
font-size: 1.2rem;
}

article.five.wide .ui.large.header {
margin-bottom: .5rem;
}

.kombiartikel {
margin-top: 1.5rem !important;
}
div.secondary.segment#mailformular .ui.form {
max-width: 75rem;
margin: 0 auto;
}
div.secondary.segment#mailformular {
clear: both;
}



/* SchriftBildWort: Style für responsive Bilder */
/* Bilder definierbar durch: */
/* horizontalen Anteil an umgebender Textspalte */
/* oder durch vertikalen Anteil an Viewporthöhe */
/* oder durch Anzahl an Zeilen, die sie umfließen sollen */
/* plus freigestellte, rechtsbündige Bilder */
/* */
.ui.ganzbreit.image, .ui.ganzbreit.images .image, .ui.ganzbreit.images img, .ui.ganzbreit.images svg {
width: 100%;
height: auto;
}
.ui.viertelbreit.image, .ui.viertelbreit.images .image, .ui.viertelbreit.images img, .ui.viertelbreit.images svg {
width: 25%;
height: auto;
}
.ui.drittelbreit.image, .ui.drittelbreit.images .image, .ui.drittelbreit.images img, .ui.drittelbreit.images svg {
width: 33.33333%;
height: auto;
}
.ui.halbbreit.image, .ui.halbbreit.images .image, .ui.halbbreit.images img, .ui.halbbreit.images svg {
width: 50%;
height: auto;
}
.ui.zweidrittelbreit.image, .ui.zweidrittelbreit.images .image, .ui.zweidrittelbreit.images img, .ui.zweidrittelbreit.images svg {
width: 66.66666%;
height: auto;
}
.ui.dreiviertelbreit.image, .ui.dreiviertelbreit.images .image, .ui.dreiviertelbreit.images img, .ui.dreiviertelbreit.images svg {
width: 75%;
height: auto;
}
.ui.ganzhoch.image, .ui.ganzhoch.images .image, .ui.ganzhoch.images img, .ui.ganzhoch.images svg {
width: auto;
height: 100vh;
}
.ui.viertelhoch.image, .ui.viertelhoch.images .image, .ui.viertelhoch.images img, .ui.viertelhoch.images svg {
width: auto;
height: 25vh;
}
.ui.drittelhoch.image, .ui.drittelhoch.images .image, .ui.drittelhoch.images img, .ui.drittelhoch.images svg {
width: auto;
height: 33.33333vh;
}
.ui.halbhoch.image, .ui.halbhoch.images .image, .ui.halbhoch.images img, .ui.halbhoch.images svg {
width: auto;
height: 50vh;
}
.ui.zweidrittelhoch.image, .ui.zweidrittelhoch.images .image, .ui.zweidrittelhoch.images img, .ui.zweidrittelhoch.images svg {
width: auto;
height: 66.66666vh;
}
.ui.dreiviertelhoch.image, .ui.dreiviertelhoch.images .image, .ui.dreiviertelhoch.images img, .ui.dreiviertelhoch.images svg {
width: auto;
height: 75vh;
}
.ui.einzeilig.image, .ui.einzeilig.images .image, .ui.einzeilig.images img, .ui.einzeilig.images svg {
width: auto;
height: 1.25em;
}
.ui.zweizeilig.image, .ui.zweizeilig.images .image, .ui.zweizeilig.images img, .ui.zweizeilig.images svg {
width: auto;
height: 2.5em;
}
.ui.dreizeilig.image, .ui.dreizeilig.images .image, .ui.dreizeilig.images img, .ui.dreizeilig.images svg {
width: auto;
height: 3.75em;
}
.ui.vierzeilig.image, .ui.vierzeilig.images .image, .ui.vierzeilig.images img, .ui.vierzeilig.images svg {
width: auto;
height: 5em;
}
.ui.fuenfzeilig.image, .ui.fuenfzeilig.images .image, .ui.fuenfzeilig.images img, .ui.fuenfzeilig.images svg {
width: auto;
height: 6.25em;
}
.ui.sechszeilig.image, .ui.sechszeilig.images .image, .ui.sechszeilig.images img, .ui.sechszeilig.images svg {
width: auto;
height: 7.5em;
}
.ui.siebenzeilig.image, .ui.siebenzeilig.images .image, .ui.siebenzeilig.images img, .ui.siebenzeilig.images svg {
width: auto;
height: 8.75em;
}
.ui.achtzeilig.image, .ui.achtzeilig.images .image, .ui.achtzeilig.images img, .ui.achtzeilig.images svg {
width: auto;
height: 10em;
}
.ui.neunzeilig.image, .ui.neunzeilig.images .image, .ui.neunzeilig.images img, .ui.neunzeilig.images svg {
width: auto;
height: 11.25em;
}
.ui.zehnzeilig.image, .ui.zehnzeilig.images .image, .ui.zehnzeilig.images img, .ui.zehnzeilig.images svg {
width: auto;
height: 12.5em;
}
.ui.elfzeilig.image, .ui.elfzeilig.images .image, .ui.elfzeilig.images img, .ui.elfzeilig.images svg {
width: auto;
height: 13.75em;
}
.ui.zwoelfzeilig.image, .ui.zwoelfzeilig.images .image, .ui.zwoelfzeilig.images img, .ui.zwoelfzeilig.images svg {
width: auto;
height: 15em;
}
.ui.right.aligned.image, .ui.right.aligned.images .image, .ui.right.aligned.images img, .ui.right aligned.images svg {
right: 0px;
margin-right: 0;
margin-left: auto;
}
/* ENDE SchriftBildWort: Style für responsive Bilder */


article.five.wide.column .ui.card .content img, article.five.wide.column .ui.cards>.card .content img {
max-width: 100%;
height: auto;
}

audio, video {
max-width: 100%;
}

footer {
padding-left: 2.5em !important;
}

span.liturgdatum {
font-weight: normal;
font-style: italic;
}

article div.ui.fluid.card div.ui.fluid.image {
margin-bottom: 1.1rem !important;
}