/* ==========================================================================
   Styling and layout for all media
   ========================================================================== */


/* Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE7-9, Firefox3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* corrects inline-block display not defined in IE7-9, Firefox3 */
audio,
canvas,
video {
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

/* prevents modern browsers from displaying 'audio' without controls, remove excess height in iOS5 devices */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] {
  display: none;
}

html {
  /* corrects text resizing oddly in IE7 when body font-size is set using em units -
     http://clagnut.com/blog/348/#c790 */
  font-size: 100%;
  /* always force scrollbar padding so we don't get 'jumping' */
  overflow-y: scroll;
  /* prevents iOS text size adjust after orientation change, without disabling user zoom -
     http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* as above, for Windows Phone */
  -ms-text-size-adjust: 100%;
}

/* Addresses margins set differently in IE7 */
p,
pre {
  margin: 1em 0;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b,
strong {
  font-weight: bold;
}

/* addresses CSS quotes not supported in IE7, addresses quote property not supported in Safari4 */
q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

/* prevents sub and sup affecting line-height in all browsers */
sub,
sup {
  /* 12px */
  font-size: .85714285714286em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* removes border when inside 'a' element in IE7-9, Firefox3, improves image quality when scaled in IE7 -
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* consistent tables */
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* make table cells align top and left by default */
th,
td {
  vertical-align: top;
  text-align: left;
}

/* addresses margins set differently in IE7 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 2em;
}

/* remove margins from nested lists */
dl dl,
ul ul,
ol ol {
  margin: 0;
}

/* addresses paddings set differently in IE7 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}


/* @font-face {
  font-family: "RosenheimEvangelischDe";
  src: url('../fonts/icons-rosenheim-70.eot');
  src: url('../fonts/icons-rosenheim-70.eot?#iefix') format('embedded-opentype'),
       url('../fonts/icons-rosenheim-70.woff2') format('woff2'),
       url('../fonts/icons-rosenheim-70.woff') format('woff'),
       url('../fonts/icons-rosenheim-70.ttf') format('truetype'),
       url('../fonts/icons-rosenheim-70.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: "RosenheimEvangelischDe";
  src: url('../fonts/icons-rosenheim-75.eot');
  src: url('../fonts/icons-rosenheim-75.eot?#iefix') format('embedded-opentype'),
       url('../fonts/icons-rosenheim-75.woff2') format('woff2'),
       url('../fonts/icons-rosenheim-75.woff') format('woff'),
       url('../fonts/icons-rosenheim-75.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

span.roevfonts {
font-family: "RosenheimEvangelischDe";
max-height: 14px;
}
p.legende {
text-align: right;
color: gray;
}


[data-tooltip]:after {
font-family: LatoLatinWeb, sans-serif;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 95%;
    height : 900px;
    max-width  : 95%;
    max-height : 95%;
    margin: 0;
}
span.kalenderansicht {
float: right;
}

#mailformular.segment {
background-color: #cdbed6 !important;
}

figcaption span.meta, div.fancybox-caption__body span.meta {
display: block;
}

.noborder .container {
border: none;
}

#roterfaden button {
margin-bottom: .5em;
}

.ansprechpartner ul.link.list a {
color: black !important;
}
.ansprechpartner ul.link.list, .ansprechpartner li {
margin-left: 0;
padding-left: 0 !important;
}
.ansprechpartner ul.link.list .item a.header {
font-weight: bold !important;
color: black !important;
}
span.spende {
margin: 0 .3em 0 .5em;
}


/* 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 */

p.liturgdatum {
font-style: italic;
color: gray;
// text-align: right;
margin-bottom: 0;
}


/* Clearfix
   ========================================================================== */
/* updated to prevent margin-collapsing on child elements in most situations -
   http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix,
header,
nav ul,
.container,
footer,
#paginator,
#monthly-list {
  /* zoom IE7 fix */
  *zoom: 1;
}

.clearfix:before,
.clearfix:after,
header:before,
header:after,
nav ul:before,
nav ul:after,
.container:before,
.container:after,
footer:before,
footer:after,
#paginator:before,
#paginator:after,
#monthly-list:before,
#monthly-list:after {
  content: "";
  display: table;
}

.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  clear: both;
}

p.footnote {
clear: both;
}


.embed-container {
  position: relative; 
  padding-bottom: 230%; /* ratio 1x2 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
border-bottom: 2px solid red;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}




/* ==========================================================================
   Styling and layout for screen media (mobile first)
   ========================================================================== */

@media screen {


/* Layout
   ========================================================================== */

body {
  margin: 0;
/*  background: #f7f7f7; wirkt nur auf Header */
}

.liuhrzeit {
font-family: "Arial Narrow", Arial, sans-serif; 
font-size: .9em;
}
.liuhrzeit.lilang {
font-family: "Arial Narrow", Arial, sans-serif; 
font-size: .7em;
}

div#mailformular {
max-width: 70em;
}

a {
color: #9a7cae;
}

body#front-page ul.ek-kalender span.roevfonts.faro, body#front-page ul.ek-kalender span.roevfonts.faro a, body#terminliste-page ul.ek-kalender span.roevfonts.faro, body#terminliste-page ul.ek-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;
}


.ui.item.menu.hauptnavigation .item {
justify-content: left;
}
.hauptnavigation.ui.secondary.pointing.menu .item {
padding-top: 0;
padding-bottom: 0;
}
.ui.three.stackable.cards.fokusartikel {
margin-bottom: 2em;
}


.wrapper {
/*  border-bottom: solid 1px #ccc; */
  padding-bottom: 1.2em;
  background: #fff;
}

header,
.container,
footer {
  margin: 0 auto;
  /* 960px / 1024px */
/*  width: 93.75%; */
  width: 98%;
/*  max-width: 86em; */
/*  max-width: 106em; */
}

#familienzeit-page div.container {
  border-bottom: 0;
  border-top: 0 !important;
}
div.ui.three.pointing.menu {
padding-top: 0;
margin-top:0;
}


header {
  padding: .6em 0 .3em 0;
}
header {
position: relative;
}

header h1 {
position: absolute;
  margin: 0;
bottom: .3em;
width: 78%;
}

header h3 {
  /* 14px margin top */
  margin: .66666666666667em 0 0;
}
header img {
float: right;
width: 17%;
}

header form {
float: right;
}


nav {
  border-top: solid 1px #333;
}

nav h1, .artikel_erloeserkirche h1.bereich, .artikel_apostelkirche h1.bereich, .artikel_versoehnungskirche h1.bereich {
  display: none;
}

nav ul {
  margin: 0 auto;
  padding: 0;
  max-width: 86em;
  list-style: none;
  list-style-image: none;
}

nav li {
  margin: 0;
width: 33%;
text-align: center;
}

nav li:last-child {
  border-bottom: 0;
}

nav li:hover,
nav li.active {
  background-color: #ffe477;
}
nav li.erloeserkirche:hover,
nav li.erloeserkirche.active {
  background-color: #ed9fab;
}
nav li.apostelkirche:hover,
nav li.apostelkirche.active {
  background-color: #a1b5c9;
}
nav li.versoehnungskirche:hover,
nav li.versoehnungskirche.active {
  background-color: #d8e8c0;
}
div .artikel a h3, div .artikel a h2, article.artikel h1 a, body#vk-versoehnungskirche-page ul.hauptnavigation li.artikel a:hover h2, body#ak-apostelkirche-page ul.hauptnavigation li.artikel a:hover h2, body#vk-kalender-page ul.hauptnavigation li.artikel a:hover h2, body#ak-kalender-page ul.hauptnavigation li.artikel a:hover h2, article.artikel h1, span.contlink.artikel a:hover, a.artikel:hover, h3.artikel a {
  color: #6a3988;
}
div .presse a h3, div .presse a h2, article.presse h1 a, body#vk-versoehnungskirche-page ul.hauptnavigation li.presse a:hover h2, body#ak-apostelkirche-page ul.hauptnavigation li.presse a:hover h2, body#vk-kalender-page ul.hauptnavigation li.presse a:hover h2, body#ak-kalender-page ul.hauptnavigation li.presse a:hover h2, article.presse h1, span.contlink.presse a:hover, a.presse:hover, h3.presse a {
  color: #6a3988;
}
div .erloeserkirche a h3, div .erloeserkirche a h2, article.ek-erloeserkirche h1 a, article.ek-kalender h1 a, body#vk-versoehnungskirche-page ul.hauptnavigation li.erloeserkirche a:hover h2, body#ak-apostelkirche-page ul.hauptnavigation li.erloeserkirche a:hover h2, body#vk-kalender-page ul.hauptnavigation li.erloeserkirche a:hover h2, body#ak-kalender-page ul.hauptnavigation li.erloeserkirche a:hover h2, article.ek-erloeserkirche h1, article.ek-kalender h1, span.contlink.ek-kalender a:hover, span.contlink.ek-erloeserkirche a:hover, a.ek-kalender:hover, h3.ek-erloeserkirche a, a.erloeserkirche h2.bereichstitel {
  color: #d31735;
}
div .apostelkirche a h3, div .apostelkirche a h2, article.ak-apostelkirche h1 a, article.ak-kalender h1 a, body#vk-versoehnungskirche-page ul.hauptnavigation li.apostelkirche a:hover h2, body#ek-erloeserkirche-page ul.hauptnavigation li.apostelkirche a:hover h2, body#vk-kalender-page ul.hauptnavigation li.apostelkirche a:hover h2, body#ek-kalender-page ul.hauptnavigation li.apostelkirche a:hover h2, article.ak-apostelkirche h1, article.ak-kalender h1, span.contlink.ak-kalender a:hover, span.contlink.ak-apostelkirche a:hover, a.ak-kalender:hover, h3.ak-apostelkirche a, a.apostelkirche h2.bereichstitel {
  color: #1d4c7c;
}
div .versoehnungskirche a h3, div .versoehnungskirche a h2, article.vk-versoehnungskirche h1 a, article.vk-kalender h1 a, body#ak-apostelkirche-page ul.hauptnavigation li.versoehnungskirche a:hover h2, body#ek-erloeserkirche-page ul.hauptnavigation li.versoehnungskirche a:hover h2, body#ak-kalender-page ul.hauptnavigation li.versoehnungskirche a:hover h2, body#ek-kalender-page ul.hauptnavigation li.versoehnungskirche a:hover h2, article.vk-versoehnungskirche h1, article.vk-kalender h1, span.contlink.vk-kalender a:hover, span.contlink.vk-versoehnungskirche a:hover, a.vk-kalender:hover, h3.vk-versoehnungskirche a, a.versoehnungskirche h2.bereichstitel {
  color: #a1c767;
}
span.caldivider_ek-kalender, span.caldivider_ek-erloeserkirche {
  color: #d31735;
font-weight: bold;
}
span.caldivider_ak-kalender, span.caldivider_ak-apostelkirche {
  color: #1d4c7c;
font-weight: bold;
}
span.caldivider_vk-kalender, span.caldivider_vk-versoehnungskirche {
  color: #a1c767;
font-weight: bold;
}
span.caldivider_artikel {
font-weight: bold;
}

ul.ek-kalender, ul.ak-kalender, ul.vk-kalender {
list-style-type: none;
}

span.wochentag, span.datum, span.uhrzeit {
display: block;
}
span.separator {
display: none;
}

nav li:active {
  background-color: #3b68b1;
}

nav a {
  display: block;
  padding: .5em 3.125%;
  color: #333;
}

  nav li.tagcloud li {
    float: left;
    margin: 0;
    border-right: 0;
  }
  nav li.tagcloud a {
    text-decoration: none;
    display: block;
    padding: 2px 8px;
    color: #333333;
font-weight: normal;
  }
  nav li.tagcloud a:hover, nav li.tagcloud a:active {
    text-decoration: none;
    background: #ffe477;
  }
nav li.tagcloud h4 {
margin-left: 8px;
}
body#kalender-page tbody td {
width: 14.28%;
}
body#kalender-page p.bereich_ek-kalender, body#kalender-page p.bereich_ek-erloeserkirche {
border-left: 3px solid #d40031;
padding-left: 4px;
margin-bottom: 2px;
}
body#kalender-page p.bereich_ak-kalender, body#kalender-page p.bereich_ak-apostelkirche {
border-left: 3px solid #006ab2;
padding-left: 4px;
margin-bottom: 2px;
}
body#kalender-page p.bereich_vk-kalender, body#kalender-page p.bereich_vk-versoehnungskirche {
border-left: 3px solid #78b53e;
padding-left: 4px;
margin-bottom: 2px;
}

a.artikelbild img {
margin-top: .2em;
}


[role="article"] {
  margin-bottom: 2em;
border-bottom: 1px solid gray;
}
.artikel_erloeserkirche article, .artikel_apostelkirche article, .artikel_versoehnungskirche article {
padding-right: 1em;
}
article.abgelaufen {
background-color: #f0f0f0;
padding: 1em;
}

[role="complementary"] {
  margin-bottom: 2em;
  padding-top: 2em;
  border-top: dashed 2px #ccc;
}

[role="search"] p {
  margin-top: 0;
}

footer {
width: 100%;
max-width: 100%;
  padding: .5em 0;
  font-family: "LatoLatinWeb", "karmina-sans", "RotisIISansW01-SemiBold_882443", Calibri, Verdana, Helvetica, sans-serif;
}

div#kontakte {
  background-color: #eee;
} 

.impressumszeile {
clear: both;
font-size: .8em;
padding-top: 1em;
}

.ansprechpartner ul li, .ansprechpartner ul {
list-style: none !important;
}
.ansprechpartner .ui.bulleted.list .list>.item:before, .ansprechpartner .ui.bulleted.list>.item:before, .ansprechpartner ul.ui.list li:before {
content: '';
}




.panel-label {
	padding: 5px;
	font-size: 20px;
font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold 882443', Verdana, Arial, Helvetica, sans-serif;
	color: #333;
font-weight: normal !important;
width: 100%;
text-align: left;
font-style: normal;
}

span.gesamtkalender {
font-size: .7em;
}
span.gottesdienst {
background-color: #f0f0f0;
}

img.footimage {
float: right;
}

span.listen_datumsangabe {
width: 10em;
/* display: block; */
float: left;
padding-right: .8em;
text-align: right;
}
div.tag_infoartikel {
clear: both;
width: 65%;
float: left;
}
div.tag_infoartikel_alt {
clear: both;
background-color: #f0f0f0;
margin-left: 5em;
}
div.tag_veranstaltungen {
width: 30%;
padding-left: 1em;
float: left;
}

nav li.tagcloud li {
float: left;
list-style-type: none;
}
ul.smd_related_tags li {
list-style-type: none;
margin-top: 2em;
}
ul.smd_tag_list {
margin: 0;
}

h2.stichwortliste {
margin-top: 2em;
font-weight: bold;
font-style: normal;
}
p.veranstaltungsinfo {
margin-bottom: .3em;
padding-bottom: 0;
background-color: blue;
color: white;
font-weight: bold;
}
div.liturgischeinfo {
width: 60%;
float: right;
}

div.bildleiste {
clear: both;
margin-bottom: 1.5em;
}
div.bildleiste img.not-active { 
-webkit-filter: grayscale(100%) opacity(0.5);
filter: grayscale(100%) opacity(0.5);
}
div.bildleiste img.not-active:hover { 
-webkit-filter: grayscale(0%) opacity(0.5);
filter: grayscale(0%) opacity(0.5);
}
div.bildleiste .as-panel {
background-color: white;
}

#search-page #article-list {
padding-left: 0;
}
#search-page #article-list li {
border-bottom: 0;
list-style-type: none;
background-color: #f0f0f0;
padding: 1.2em;
margin-bottom: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
}

div.gesamt article {
margin-top: 0em;
background-color: #f0f0f0;
padding: 1em;
border-bottom: 0;
border: 1px solid #aaa;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

span.listen_datumsangabe span.lidatum {
float: left;
/* background-color: red;
color: white; */
}
span.listen_datumsangabe span.liuhrzeit {
float: right;
}
span.listen_datumsangabe {
}

.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;
}
.erloeserkirche em.lidatum, .erloeserkirche li.So em.liwochentag, .ek-kalender em.lidatum, .ek-kalender li.So em.liwochentag {
background-color: #d31735;
color: white;
}
.apostelkirche em.lidatum, .apostelkirche li.So em.liwochentag, .ak-kalender em.lidatum, .ak-kalender li.So em.liwochentag {
background-color: #1d4c7c;
color: white;
}
.versoehnungskirche em.lidatum, .versoehnungskirche li.So em.liwochentag, .vk-kalender em.lidatum, .vk-kalender li.So em.liwochentag {
background-color: #a1c767;
color: white;
}
.erloeserkirche em.liwochentag, .ek-kalender em.liwochentag {
background-color: #f2b9c2;
color: #d31735;
}
.apostelkirche em.liwochentag, .ak-kalender em.liwochentag {
background-color: #bbc9d8;
color: #1d4c7c;
}
.versoehnungskirche em.liwochentag, .vk-kalender em.liwochentag {
background-color: #e3eed1;
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;
}

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

.ui.secondary.pointing.menu .erloeserkirche.active.item {
border-color: #d31735;
border-width: 4px;
}
.ui.secondary.pointing.menu .apostelkirche.active.item {
border-color: #1d4c7c;
border-width: 4px;
}
.ui.secondary.pointing.menu .versoehnungskirche.active.item {
border-color: #a1c767;
border-width: 4px;
}

/* Links
   ========================================================================== */

a {
  position: relative;
  text-decoration: none;
  color: #114eb1;
  color: #ed9007;
  color: #808080;
/*  color: #634583; */
  -webkit-tap-highlight-color: rgba(0, 102, 255, 0.5);
}

a:hover, a:active {
  /* improves readability when focused and also mouse hovered in all browsers */
  outline: 0;
}

a:active {
  top: 1px;
} 

a:focus {
  outline: thin dotted #06f;
}

header a {
  color: #6a3988;
  -moz-border-radius: .11904761904762em;
  border-radius: .11904761904762em;
}

header a:hover, header a:active {
  background: #e8e8e8;
}

[role="main"] a:hover,
[role="main"] a:active,
[role="complementary"] a:hover,
[role="complementary"] a:active,
footer a:hover,
footer a:active {
  text-decoration: underline;
  color: #9a7cae;
}

[role="main"] a:visited,
[role="complementary"] a:visited,
footer a:visited {
  color: #6a3988;
}

[role="main"] h1 a {
  color: #6a3988;
  -moz-border-radius: .11904761904762em;
  border-radius: .11904761904762em;
}

[role="main"] h1 a:visited {
  color: #9a7cae;
}

[role="main"] h1 a:hover,
[role="main"] h1 a:active {
  text-decoration: none;
  color: #6a3988;
  background: #fff;
}

span#gruppenlink a {
margin-left: 1.5em;
font-size: .8em;
float: left;
font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold 882443', Verdana, Calibri, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.21428571428571;
}
span#kalenderlink a {
margin-left: 1.5em;
font-size: .8em;
float: left;
font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold 882443', Verdana, Calibri, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.21428571428571;
}
span#sozmedlink {
margin-left: 1.5em;
margin-right: 2em;
float: left;
}
div.stichworte label {
font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold 882443', Verdana, Calibri, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.21428571428571;
}

/* Typography
   ========================================================================== */

body {
  font-family: LatoLatinWeb, "PT Serif", Georgia, serif;
  /* 14px / 16px */
  font-size: 0.875em;
  line-height: 1.5;
  color: #333;
}

nav {
  font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold 882443', Verdana, Calibri, Helvetica, sans-serif;
font-weight: normal !important;
}

h1, p.tag {
  font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold_882443', Verdana, Calibri, Helvetica, sans-serif;
  /* 28px */
  font-size: 2em;
  /* 34px / 28px */
  line-height: 1.21428571428571;
  /* 28px margin top/bottom */
  margin: .66666666666667em 0;
font-weight: normal !important;
}

h1:first-child {
  margin-top: 0;
}
.inhaltskasten h1:first-child {
  margin: .66666666666667em 0;
}

h2 {
  font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold_882443', Verdana, Calibri, Helvetica, sans-serif;
font-weight: normal !important;
  /* 21px */
  font-size: 1.5em;
  /* 28px / 21px */
  line-height: 1.33333333333333;
  /* 21px margin top/bottom */
  margin: .75em 0;
}
h2.bereichstitel {
margin: .2em 0;
}

h3 {
  font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold_882443', Verdana, Calibri, Helvetica, sans-serif;
  /* 18px */
  font-size: 1.28571428571429em;
  /* 26px / 18px */
  line-height: 1.44444444444444;
font-weight: normal !important;
  /* 16px margin top/bottom */
  margin: .76190476190476em 0;
}

h4 {
  font-family: "LatoLatinWeb", 'karmina-sans', 'RotisIISansW01-SemiBold_882443', Verdana, Calibri, Helvetica, sans-serif;
font-weight: normal !important;
  /* 16px */
  font-size: 1.14285714285714em;
  margin: 0;
}

blockquote {
  /* 16px */
  font-size: 1.14285714285714em;
  font-style: italic;
  margin: .875em 0 .875em 0;
  padding: 1px .875em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  background: #fff6d3;
}

address {
  margin: 1em 0;
}

/* addresses styling not present in IE7-9, Safari5, Chrome */
abbr[title],
dfn[title] {
  border-bottom: dotted 1px;
  cursor: help;
}

dfn,
mark,
q,
var {
  padding: 0 .21428571428571em;
  -moz-border-radius: .21428571428571em;
  border-radius: .21428571428571em;
  color: #333;
  background: #fff6d3;
}

dfn,
q {
  font-style: italic;
}

q q {
  padding: 0;
}

var {
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: Cousine, Consolas, "Lucida Console", Monaco, monospace;
}

code,
kbd,
samp {
  /* 13px */
  font-size: .92857142857143em;
  border: 1px solid #e3e3e3;
  padding: 0 .23076923076923em;
  -moz-border-radius: .23076923076923em;
  border-radius: .23076923076923em;
  background: #f7f7f7;
}

pre {
  /* 13px */
  font-size: .92857142857143em;
  overflow-x: auto;
  border: 1px solid #e3e3e3;
  padding: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  background: #f7f7f7;
  tab-size: 4;
}

pre code {
  /* 13px */
  font-size: 1em;
  border: 0;
  background: none;
}

small,
figcaption,
tfoot,
.footnote {
  /* 12px */
  font-size: .85714285714286em;
}

figcaption,
tfoot,
.footnote {
  color: #888;
}

figcaption {
  margin-top: .33333333333333em;
  font-style: italic;
}



/* Embedded content
   ========================================================================== */

img,
video {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

/* image alignemnts */
img.align-left {
  float: left;
  margin: 1em 1em 1em 0;
}
img.align-right {
  float: right;
  margin: 1em 0 1em 1em;
}
img.align-center {
  display: block;
  margin: 1em auto;
}

/* corrects overflow displayed oddly in IE9 */
  svg:not(:root) {
  overflow: hidden;
}


/* Tables
   ========================================================================== */

caption {
  font-style: italic;
  text-align: left;
  margin-bottom: .5em;
}

th,
td {
  border-bottom: solid 1px #ccc;
  padding: .28571428571429em .5em .28571428571429em 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

thead th,
thead td {
  border-bottom: solid 2px #ccc;
}

tfoot th,
tfoot td {
  border-bottom: 0;
  padding: .33333333333333em .58333333333333em .33333333333333em 0;
}

tfoot:last-child {
  padding-right: 0;
}


/* Lists
   ========================================================================== */

dt {
  font-style: italic;
}

[role="main"] #article-list {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  border-top: solid 1px #ccc;
}

#article-list li {
  border-bottom: solid 1px #ccc;
  padding-top: 1em;
  margin-bottom: 0;
}


/* Gallery
   ========================================================================== */

ul.images {
margin: 0;
padding: 0;
clear: both;
  list-style: none;
float: left;
}

ul.images li {
  list-style: none;
  margin: .2em;
  padding: .2em;
  border: solid 1px #ccc;
  float: left;
}





/* Forms
   ========================================================================== */

/* corrects margin displayed oddly in IE6-7 */
form {
  margin: 0;
}

/* remove default fieldset styling across browsers */
fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

/* corrects text not wrapping in FF3, corrects alignment displayed oddly in IE7 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  /* improves appearance and consistency in IE7 */
  *vertical-align: middle;
}

/* colour placeholder text (Webkit and Mozilla only, so far) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

/* suppress red glow that Firefox adds to form fields by default, even when user is still typing
   add focus glow on form elements and kill phantom spacing and dotted border that appears in Firefox */
button:invalid,
a.button:invalid,
input:invalid,
input[type="button"]:invalid,
input[type="reset"]:invalid,
input[type="submit"]:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:focus,
a.button:focus,
input:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 7px #114eb1; /* 0066ff */
  -moz-box-shadow: 0 0 7px #114eb1;
  box-shadow: 0 0 7px #114eb1;
  /* Opera */
  z-index: 1;
}

  /* remove inner padding and search cancel button in webkit on OS X */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea,
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
font-weight: normal !important;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type="search"], [role="search"] input[type="submit"] {
  border: 0;
margin-right: 1em;
  background: #dde4f0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  border-radius: 3px;
color: #000;
}
input[type="search"]:focus {
  -webkit-box-shadow: 0 0 0 #114eb1; /* 0066ff */
  -moz-box-shadow: 0 0 0 #114eb1;
  box-shadow: 0 0 0 #114eb1;
  /* Opera */
  z-index: 1;
}



input[type="color"] {
  padding: 0;
  height: 2.33333333333333em;
}

[role="complementary"] input[type="search"] {
  margin-right: 2px;
  width: 66.666666666667%;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

textarea {
  min-height: 3em;
  /* removes default vertical scrollbar in IE7-9 */
  overflow: auto;
  /* improves readability and alignment in all browsers */
  vertical-align: top;
  resize: vertical;
  width: 100%;
}

select {
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

optgroup {
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #333;
}

/* kill phantom spacing and dotted border that appears in Firefox */
optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* addresses box sizing set to content-box and excess padding in IE7-9 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 1em;
  *width: 1em;
}

/* make sure disable elements really are disabled */
button[disabled],
input[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
span.disabled {
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  border: solid 1px #d2d2d2 !important;
  text-shadow: none !important;
  color: #888888 !important;
  background: #eee !important;
  cursor: default !important;
  top: 0 !important;
}

.large input {
  width: 50%;
  min-width: 302px;
}

.large textarea {
  height: 156px;
}

.small input {
  width: 25%;
  min-width: 151px;
}

.small textarea {
  height: 5.5em;
}


/* Buttons
   ========================================================================== */

button,
[role] a.button,
span.disabled,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: auto;
  overflow: visible;
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-decoration: none;
/*  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); */
  cursor: pointer;
  border: solid 1px #114eb1;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: .5em 1em;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
  color: #eee;
  outline: 0;
  background-color: #6683b1;
  /* Konqueror * /
  background-image: -khtml-gradient(linear, left top, left bottom, from(#6683b1), to(#3b68b1));
  / * Safari4+, Chrome * /
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6683b1), to(#3b68b1));
  / * Safari5.1+, Chrome10+ * /
  background-image: -webkit-linear-gradient(#6683b1, #3b68b1);
  / * Firefox3.6 * /
  background-image: -moz-linear-gradient(#6683b1, #3b68b1);
  / * Opera11.10+ * /
  background-image: -o-linear-gradient(#6683b1, #3b68b1);
  / * CSS3 Compliant * /
  background-image: linear-gradient(#6683b1, #3b68b1); */
}

button:hover,
[role] a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #7b90b1;
  /* Konqueror * /
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7b90b1), to(#fbcc5d));
  / * Safari4+, Chrome * /
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7b90b1), to(#fbcc5d));
  / * Safari5.1+, Chrome10+ * /
  background-image: -webkit-linear-gradient(#7b90b1, #fbcc5d);
  / * Firefox3.6 * /
  background-image: -moz-linear-gradient(#7b90b1, #fbcc5d);
  / * Opera11.10+ * /
  background-image: -o-linear-gradient(#7b90b1, #fbcc5d);
  / * CSS3 Compliant * /
  background-image: linear-gradient(#7b90b1, #fbcc5d); */
}

button:active,
[role] a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  position: relative;
  top: 1px;
  color: #1a1a1a;
  background-color: #3b68b1;
  /* Konqueror * /
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3b68b1), to(#6683b1));
  / * Safari4+, Chrome * /
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3b68b1), to(#6683b1));
  / * Safari5.1+, Chrome10+ * /
  background-image: -webkit-linear-gradient(#3b68b1, #6683b1);
  / * Firefox3.6 * /
  background-image: -moz-linear-gradient(#3b68b1, #6683b1);
  / * Opera11.10+ * /
  background-image: -o-linear-gradient(#3b68b1, #6683b1);
  / * CSS3 Compliant * /
  background-image: linear-gradient(#3b68b1, #6683b1); */
}

#paginator {
  margin-bottom: 2em;
}

#paginator .button {
  padding: .25em 1em;
}

#paginator a.button {
  text-decoration: none;
  color: #333;
}

#paginator-l {
  float: left;
}

#paginator-r {
  float: right;
}

/* auskommentiert für semantic-buttons neuversuch
.smd_tag_list li a {
  border: solid 1px #fff;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 0em 1.5em 0em 0em;
font-weight: normal;
}

.smd_tag_list li.smd_tag_name_angezeigt a {
background-color: #6683b1;
  border: solid 1px #114eb1;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 0em .75em 0em .75em;
font-weight: normal;
color: white;
}
.smd_tag_list a:hover {
background-color: #7b90b1;
  border: solid 1px #114eb1;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: .1em .75em .1em .75em;
font-weight: normal;
color: white;
} */



/* Comments
   ========================================================================== */

.comments {
  margin-bottom: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em 1em 1px;
  background: #f7f7f7;
  word-wrap: break-word;
}

.comments h4 .is-author {
  font-weight: normal;
}

.comments h4 .comment-anchor {
  float: right;
  font-weight: normal;
 }

.comments-author {
  background: #efefef;
}

#cpreview {
  margin-bottom: 2px;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em;
  background: #fff3d6;
}

.comments_error {
  background: #fff4f4 !important;
}

.required,
.error_message li {
  color: #c00;
}

.required {
	cursor: help;
}


/* Popup comments (can be removed if you don't use popups)
   ========================================================================== */

#popup-page .wrapper {
  padding-top: 0;
}

#popup-page .container {
  max-width: 52em;
}

}


/* addresses select alignment in Safari/Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

select,
select[size="0"],
select[size="1"] {
  height: 2.2em;
}

select:not([size]),
select:not([multiple]) {
  position: relative;
  top: -1px;
}

span.strich-ek-kalender a {
color: #d40031;
font-weight: bold;
}
span.strich-ak-kalender a {
color: #006ab2;
font-weight: bold;
}
span.strich-vk-kalender a {
color: #78b53e;
font-weight: bold;
}



}



/* ==========================================================================
   Additional layout for screen media 490px and up
   ========================================================================== */


@media only screen and (min-width: 35em) {

nav ul {
  width: 93.75%;
}

nav li {
  float: left;
  border-right: solid 1px #333;
  border-bottom: 0;
}

nav li:first-child {
  border-left: solid 1px #333;
}

nav a {
  padding: .5em 1em;
}



}



/* ==========================================================================
   Additional layout for screen media 672px and up
   ========================================================================== */


@media only screen and (min-width: 48em) {

[role="main"] {
  float: left;
  /* 592px / 960px */
/*  width: 61.666666666667%; */
  width: 99.99999999997%;
}
div.artikel_apostelkirche, div.artikel_erloeserkirche, div.artikel_versoehnungskirche {
float: left;
width: 33.3333333333%;
}
div.apostelkirche, div.erloeserkirche, div.versoehnungskirche {
float: left;
width: 33.3333333333%;
}
ul.hauptnavigation {
margin: 0;
padding: 0;
width: 100%;
float: left;
}
ul.hauptnavigation li {
float: left;
width: 33.3333333333%;
overflow: hidden;
margin: 0;
padding: 0;
}
body#ek-erloeserkirche-page ul.hauptnavigation li.erloeserkirche, body#ak-apostelkirche-page ul.hauptnavigation li.apostelkirche, body#vk-versoehnungskirche-page ul.hauptnavigation li.versoehnungskirche, body#ek-kalender-page ul.hauptnavigation li.erloeserkirche, body#ak-kalender-page ul.hauptnavigation li.apostelkirche, body#vk-kalender-page ul.hauptnavigation li.versoehnungskirche {
float: left;
width: 100%; /* diese und drunter: ist wohl nötig, um voriges 33% zu überschreiben, sollte korrigiert werden */
margin: 0;
padding: 0;
}
body#ek-erloeserkirche-page div.erloeserkirche, body#ak-apostelkirche-page div.apostelkirche, body#vk-versoehnungskirche-page div.versoehnungskirche {
float: left;
width: 100%; /* diese und drunter: ist wohl nötig, um voriges 33% zu überschreiben, sollte korrigiert werden */
margin: 0;
padding: 0;
}

/* auskommentiert da das wohl für das dreifach-eingerückte design nötig war - sac 21Aug20
body#vk-versoehnungskirche-page ul.hauptnavigation li.erloeserkirche, body#vk-versoehnungskirche-page ul.hauptnavigation li.apostelkirche, body#ak-apostelkirche-page ul.hauptnavigation li.erloeserkirche, body#ak-apostelkirche-page ul.hauptnavigation li.versoehnungskirche, body#ek-erloeserkirche-page ul.hauptnavigation li.apostelkirche, body#ek-erloeserkirche-page ul.hauptnavigation li.versoehnungskirche, body#vk-kalender-page ul.hauptnavigation li.erloeserkirche, body#vk-kalender-page ul.hauptnavigation li.apostelkirche, body#ak-kalender-page ul.hauptnavigation li.erloeserkirche, body#ak-kalender-page ul.hauptnavigation li.versoehnungskirche, body#ek-kalender-page ul.hauptnavigation li.apostelkirche, body#ek-kalender-page ul.hauptnavigation li.versoehnungskirche {
float: left;
width: 8%;
overflow: hidden;
margin: 0;
padding: 0;
}
body#vk-versoehnungskirche-page ul.hauptnavigation li.erloeserkirche a h2, body#vk-versoehnungskirche-page ul.hauptnavigation li.apostelkirche a h2, body#ak-apostelkirche-page ul.hauptnavigation li.erloeserkirche a h2, body#ak-apostelkirche-page ul.hauptnavigation li.versoehnungskirche a h2, body#ek-erloeserkirche-page ul.hauptnavigation li.apostelkirche a h2, body#ek-erloeserkirche-page ul.hauptnavigation li.versoehnungskirche a h2, body#vk-kalender-page ul.hauptnavigation li.erloeserkirche a h2, body#vk-kalender-page ul.hauptnavigation li.apostelkirche a h2, body#ak-kalender-page ul.hauptnavigation li.erloeserkirche a h2, body#ak-kalender-page ul.hauptnavigation li.versoehnungskirche a h2, body#ek-kalender-page ul.hauptnavigation li.apostelkirche a h2, body#ek-kalender-page ul.hauptnavigation li.versoehnungskirche a h2 {
color: gray;
}
body#vk-versoehnungskirche-page div.erloeserkirche, body#vk-versoehnungskirche-page div.apostelkirche, body#ak-apostelkirche-page div.erloeserkirche, body#ak-apostelkirche-page div.versoehnungskirche, body#ek-erloeserkirche-page div.apostelkirche, body#ek-erloeserkirche-page div.versoehnungskirche {
float: left;
width: 8%;
overflow: hidden;
margin: 0;
padding: 0;
}  */


/* auskommentiert, da keine Einrückung mehr erfolgen soll - sac
body#ek-erloeserkirche-page.single {
}
body#ak-apostelkirche-page.single div.sektionsartikel {
width: 84%;
margin-left: 8%;
}
body#vk-versoehnungskirche-page.single div.sektionsartikel {
width: 80%;
margin-left: 16%;
} */

.masthead3, .masthead3full, .masthead3red {
margin-bottom: 1.5em;
}

/* auskommentiert da nur für schiebefenster design erforderlich - sac 
body#apostelkirche-page div.erloeserkirche, body#apostelkirche-page div.versoehnungskirche, body#apostelkirche-kalender-page div.erloeserkirche, body#apostelkirche-kalender-page div.versoehnungskirche {
float: left;
width: 10%;
overflow: hidden;
}
body#apostelkirche-page div.erloeserkirche a h3, body#apostelkirche-page div.versoehnungskirche a h3, body#apostelkirche-kalender-page div.erloeserkirche a h3, body#apostelkirche-kalender-page div.versoehnungskirche a h3 {
color: gray;
}
body#apostelkirche-page div.apostelkirche, body#apostelkirche-kalender-page div.apostelkirche {
float: left;
width: 79%;
height: 80px;
overflow: hidden;
}
body#erloeserkirche-page div.apostelkirche, body#erloeserkirche-page div.versoehnungskirche, body#erloeserkirche-kalender-page div.apostelkirche, body#erloeserkirche-kalender-page div.versoehnungskirche {
float: left;
width: 10%;
overflow: hidden;
}
body#erloeserkirche-page div.apostelkirche a h3, body#erloeserkirche-page div.versoehnungskirche a h3, body#erloeserkirche-kalender-page div.apostelkirche a h3, body#erloeserkirche-kalender-page div.versoehnungskirche a h3 {
color: gray;
}
body#erloeserkirche-page div.erloeserkirche, body#erloeserkirche-kalender-page div.erloeserkirche {
float: left;
width: 79%;
height: 80px;
overflow: hidden;
}
body#versoehnungskirche-page div.erloeserkirche, body#versoehnungskirche-page div.apostelkirche, body#versoehnungskirche-kalender-page div.erloeserkirche, body#versoehnungskirche-kalender-page div.apostelkirche {
float: left;
width: 10%;
overflow: hidden;
}
body#versoehnungskirche-page div.erloeserkirche a h3, body#versoehnungskirche-page div.apostelkirche a h3, body#versoehnungskirche-kalender-page div.erloeserkirche a h3, body#versoehnungskirche-kalender-page div.apostelkirche a h3 {
color: gray;
}
body#versoehnungskirche-page div.versoehnungskirche, body#versoehnungskirche-kalender-page div.versoehnungskirche {
float: left;
width: 79%;
height: 80px;
overflow: hidden;
} */

#roterfaden h1 {
float: left;
}
[role="search"] form {
float: left;
}
[role="search"] p label {
padding-left: 2em;
}



div.container {
border-top: 2px solid gray;
}
div#kontakte div.container {
border-top: 0px solid gray;
}

div.apostelkirche div.spalte, div.erloeserkirche div.spalte {
padding-right: 1em;
}
div.apostelkirche div.spalte, div.erloeserkirche div.spalte, div.versoehnungskirche div.spalte {
margin-top: 1.3em;
}
div.infokasten {
width: 33%;
float: left;
padding-top: 2em;
}
div.inhaltskasten {
width: 60%;
float: left;
padding-top: 2em;
}
div.sektionsartikel {
/* width: 66%; */
width: 90%;
float: left;
}
div.sektionsartikelliste {
width: 66%; 
float: left;
}
div.sektionskalender {
width: 30%;
float: right;
}

ul.ak-kalender, ul.ek-kalender, ul.vk-kalender, ul.kalender {
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;
}

div.masthead {
height: 80px;
overflow: hidden;
}
div.masthead3 {
height: 80px;
float: left;
overflow: hidden;
width: 33.33333%;
}
div.masthead3red {
height: 80px;
float: left;
overflow: hidden;
width: 8%;
}
div.masthead3red img {
height: 80px;
width: auto;
overflow: hidden;
}
div.masthead3full {
height: 80px;
float: left;
overflow: hidden;
width: 84%;
background-color: silver;
}


div.as-mask div.as-panels div.as-panel.as-opened {
overflow-y: scroll;
}

div.stichworte {
padding: 0 0 0 0;
/* border-bottom: solid 1px #ccc; */
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
}
div.container.stichworte.buttons {
padding: 0 0 0 0;
border-bottom: solid 1px #ccc;
border-top: solid 0 #ccc;
}
div.stichworte ul {
list-style-type: none;
padding: 0;
margin: 0;
}
div.stichworte ul li {
list-style-type: none;
float: left;
margin: 0;
}


div.info1, div.info2, div.info3, div.info4, div.info5 {
float: left;
width: auto;
padding-right: 2em;
font-size: 0.875em;

}
div.info5 {
padding-right: 0;
}
div.info1 ul, div.info2 ul, div.info3 ul, div.info4 ul, div.info5 ul {
float: left;
margin: 0;
padding-left: 1em;


list-style-type: square;
}




[role="complementary"] {
  float: right;
  border: 1px solid #e3e3e3;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em 1em 0;
  /* 290px / 960px */
  width: 30.208333333333%;
  background: #f7f7f7;
}

h1, p.tag {
  /* 21px */
  font-size: 1.5em;
}

h2 {
  /* 18px */
  font-size: 1.28571429em;
}

h3 {
  /* 14px */
  font-size: 1.28571429em;
}

blockquote {
  float: right;
  margin: 0 0 .875em .875em;
  /* 254px / 592px */
  width: 42.905405405405%;
}

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

table td {
vertical-align: top;
width: 14%; 
}

.smd_cal_daynames {
font-size: 1.6em;
text-align: left;
padding-left: 1em;
}
#kalender-page th h1 {
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold !important;
}
 
table h4 {
font-size: 2em;
margin: 0;
color: silver;
border-top: 4px solid gray;
border-bottom: 1px solid gray;
}
table .smd_cal_event h4 {
color: gray;
}

.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;
}

body div.ek.ga-panel, body div.ak.ga-panel, body div.vk.ga-panel {
height: 200px !important;
}


div#gruppen-ek, div#gruppen-ak, div#gruppen-vk {
width: 33%;
float: left;
}

#gruppen-ek h3.gruppen, #gruppen-vk h3.gruppen, #gruppen-ak h3.gruppen {
display: none;
}

h2.bereichsabschnitt {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

h2.bereichsabschnitt:focus {
position:relative;
left:0px;
width:auto;
height:auto;
overflow:auto;
}









}



/* ==========================================================================
   Additional layout for screen media 1280px and up
   ========================================================================== */


@media only screen and (min-width: 80em) {

body {
  /* 16px */
  font-size: 100%;
}

header,
nav ul,
.container,
footer {
  /* 1152px / 1280px */
  width: 99%;
}
footer {
  width: 100%;
}



}



/* ==========================================================================
   Additional layout for screen media 1800px and up
   ========================================================================== */


@media only screen and (min-width: 112.5em) {

body {
  /* 18px */
  font-size: 112.5%;
}

}



/* ==========================================================================
   Fix for reponsive embedded content in IE8
   ========================================================================== */


@media \0screen {

img,
video {
  width: auto;
}

}



/* ==========================================================================
   Styling and layout for print media
   ========================================================================== */


@media print {

* {
  /* black prints faster - http://sanbeiji.com/archives/953 */
  color: black !important;
  text-shadow: none !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

body {
  font-family: 'RotisIISansW01-SemiBold_882443', Calibri, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
  margin: .5cm;
  padding: 2em 5em;
}

header {
  border-bottom: solid 1pt black;
}
#familienzeit-page header, #familienzeit-page div.container {
  border-bottom: 0;
  border-top: 0 !important;
}

footer {
  margin-top: 12pt;
  border-top: solid 1pt black;
}

/* hide unnecessary content from print */
nav,
audio,
video,
form,
[role="complementary"],
#paginator,
#comments-form,
.comments h4 a:last-child {
  display: none;
}

a {
  text-decoration: none;
}

/* show URLs for certain links in print */
a[href]:after {
  content: " (" attr(href) ")";
}

h1 a[href]:after,
h2 a[href]:after,
h3 a[href]:after,
sup a[href]:after,
a[itemprop="discussionUrl"]:after,
a[rel="tag"]:after {
  content: "";
}

/* show long-form for abbreviations in print */
abbr[title]:after {
  content: " (" attr(title) ")";
}

h1 {
  font-size: 32pt;
  line-height: 36pt;
  font-weight: normal;
  margin: .5em 0;
}

h2 {
  font-size: 18pt;
  line-height: 23pt;
  page-break-after: avoid;
  orphans: 3;
  widows: 3;
  margin: .66666666666667em 0;
}

h3 {
  font-size: 12pt;
  line-height: 17pt;
  page-break-after: avoid;
  orphans: 3;
  widows: 3;
  margin: .66666666666667em 0;
}

p {
  orphans: 3;
  widows: 3;
}

footer,
figcaption,
tfoot,
small,
.footnote {
  font-size: 6pt;
}

blockquote {
  border: solid 1pt black;
  padding: 0 8pt;
  page-break-inside: avoid;
}

pre {
  margin-bottom: 8pt;
  border: solid 1pt black;
  padding: 8pt;
}

.comments {
  page-break-inside: avoid;
}

pre,
code,
kbd,
samp,
var {
  font-family: "Courier New", Courier, monospace;
}

dfn,
q,
dt {
  font-style: italic;
}

img {
  max-width: 100% !important;
  page-break-inside: avoid;
}

/* image alignemnts */
img.align-left {
  float: left;
  margin: 1em 1em 1em 0;
}
img.align-right {
  float: right;
  margin: 1em 0 1em 1em;
}
img.align-center {
  display: block;
  margin: 1em auto;
}

audio {
  display: none;
}

figure {
  margin-bottom: 8pt;
}

figcaption {
  margin-top: 4pt;
}

ul {
  list-style: square;
  margin: 0 0 8pt 1.8em;
}

ol {
  list-style: decimal;
  margin: 0 0 8pt 1.8em;
}

dl {
  margin: 0 0 8pt 1.8em;
}

table {
  margin-bottom: 8pt;
  width: 100%;
}

caption {
  font-weight: bold;
  text-align: left;
  margin-bottom: 4pt;
}

/* display table head across multi-page tables - http://css-discuss.incutio.com/wiki/Printing_Tables */
thead {
  display: table-header-group;
}

thead th {
  border-top: solid 1pt black;
}

tr {
  page-break-inside: avoid;
}

th,
td {
  border-bottom: solid 1pt black;
  padding: 4pt 8pt;
}

}