<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('/kirche-kosel/fonts');

:root {
  --maxwidth: 1366px;
  
  --BG0: #ffffff;
  --BG0D: #000011;
  --BG1: #ff000022;
  --BG2: #ffaa0022;
  --BG3: #00aaff22;
  --BG4: #0000ff22;

  --CB: #222222;
  --C0: #888888;
  --C1: #ff0000;
  --C2: #ffaa00;
  --C3: #00aaff;
  --C4: #0000ff;
}

@media (prefers-color-scheme: dark) {
	body, .rahmen-top, .fixoben, .bottom {
    	background-color: var(--BG0D);
    }
}

@media (prefers-color-scheme: light) {
	body {
    	background: linear-gradient(to bottom right,var(--BG2), var(--BG3));
    }
    .rahmen-top, .fixoben, .bottom {
    	background-color: var(--BG0);
    }
}

body {
  font-family: 'Open Sans';
  color: var(--CB);/**/
  background-attachment: fixed;
    /*linear-gradient(var(--BG1) 0%, var(--BG1) 50%, var(--BG2) 100%),
    /*linear-gradient(to right, var(--BG3) 30%, var(--BG1) 50%, var(--BG4)) 70%);/**/
}

kosel::before {
  content: "\0025AE ";
  color: #f79210;
}

fleckeby::before {
  content: "\0025AE ";
  color: #2b6d8b;
}

kfl::berfore {
  content: "\0025AE ";
  color: #2b6d8b;
}


ksx::before {
  content: "\0025AF ";
  color: #f79210;
}

flx::before {
  content: "\0025AF ";
  color: #2b6d8b;
}

others::before {
  content: "\0025AF ";
  color: #6ec72d;
}

.content {
  background-color: var(--BG0);
}

.logo, .rahmen {
  display: flex;
  align-items: center;
}
.rahmen-top {
  height: 100%;
}
.rahmen {
  height: 100%;
  justify-content: center;
}

.bottomline {
  border-bottom: 1px solid var(--C0);
}

.li-menu {
  list-style: none;
  padding-left: 0;
}


h1, h2, h3, h4, h5, h6, .little {
  color: var(--C0);
}
.m3:nth-child(4n+1) a {
  color: var(--C1);
}
.m3:nth-child(4n+2) a, li a.menu:nth-child(4n+2) {
  color: var(--C2);
}
.m3:nth-child(4n+3) a {
  color: var(--C3);
}
.m3:nth-child(4n) a {
  color: var(--C4);
}

a {
  color: var(--C4);
}
.txt {
}
a {
  text-decoration: none;
}

.bottom {
  position: fixed;
  bottom: 0;
  width: 96vw;
  left:
  text-align: right;
  padding: 0 2vw 0 2vw;
  margin: 0;
}
.fixoben {
  top: 0;
  position: sticky;
  width: 100%;
}
.little {
  font-size: 10px;
}

table, td, th {
  padding: 4px;
  border: 1px solid var(--C0);
}
table {
  width: 100%;
}

.gottesdienste {
  border-collapse: collapse;
}
.sonntag {
  font-weight: bold;
  /*background-color: var(--BG1);/**/
  background: linear-gradient(to bottom right,var(--BG1), var(--BG0));
}
.freitag {
  background-color: var(--BG2);
}
.dienstag {
  background-color: var(--BG3);
}
.samstag {
  background-color: var(--BG4);
}

.info {
  font-weight: normal;
  font-style: italic;
}
.menu {
  width: 100%;
  padding: 4;
  margin: 2 0 4 0;
}

.liste {
  padding: 0 0 0 8;
}

.liste:nth-child(3n) {
/*background-color: var(--BG1);/**/
background: linear-gradient(to bottom right,var(--BG1), var(--BG0));
}

.liste:nth-child(3n+1) {
  /*background-color: var(--BG2);/**/
  background: linear-gradient(to bottom right,var(--BG4), var(--BG0));
}

.liste:nth-child(3n+2) {
  /*background-color: var(--BG3);/**/
  background: linear-gradient(to bottom right,var(--BG2), var(--BG0));
}

/*.liste:nth-child(4n+3) {
  background: linear-gradient(to bottom right,var(--BG1), var(--BG0));
}/**/

.content {
  max-width: var(--maxwidth);
  min-height: calc(100% - 40px);
  margin: 0 auto;
  background-color: var(--BG0);
  padding: 20px;
}
.kosel {
  background-color: #f89c1c;
}
.fleckeby {
  color: #ffffff;
  background-color: #097393;
}
.louisenlund {
  background-color: #79c142;
}

@media (max-width: 500px) {
  .row, .row_kiki {
    grid-template-columns: 1fr 4fr;
  }
  .v1 {
    display: none;
  }
  .big .c4 {
  	font-size: 24px;
  }
}
@media (min-width: 501px) {
  .row {
    grid-template-columns: 2fr 3fr 1fr 5fr;
  }
  .vk {
    display: none;
  }
  .m3 {
    display: inline-block;
  }
  .m3:not(:last-child)::after {
    content: ' | ';
    color: var(--C0);
  }
  .bilder {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 600px) {
  .y1 {
    display: none;
  }
}
@media (min-width: 601px) {
  .yk {
    display: none;a
  }
}

.row_kiki {
  grid-template-columns: 3fr 2fr;
}

.row, .row_kiki {
  display: grid;

  border-bottom: 1px solid #cccccc;
  align-items: center;
}

.row:nth-child(2n), .row_kiki:nth-child(2n) {
  background-color: #f8f8f8;
}

.sp1, .sp2, .sp3, .sp4 {
  vertical-align: middle;
}

.bold {
  font-weight: bold;
}

.alert {
  color: var(--C1);
  font-weight: bold;
}

.lesung {
  color: var(--C4);
}
.lied {
  color: var(--C3);
}
@media not print {
  .print {
    display: none;
  }
}
@media print {
  audio, h2:not(.printit), .vk:not(h4), .v1:not(h1), h1:not(.v1), .bottom, .dontprint, .menu {
    display: none;
  }
  .print, .printit {
    display: show;
  }
  h4:.vk, h1:.v1 {
    text-align: right;
  }
  #qrcode {
    height: 256px;
    width: 256px;
  }
}

.gallerie {
  height: 150px;
}</pre></body></html>