index-teaserhtml {
    overflow-y: scroll;
}

body {
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-family: arial, sans-serif;
}

.bilder-balken-rechts {
    margin-left: 2%;
}

.bilder-balken-rechts img {
    margin-bottom: 2rem;
    display: block;
}

.sprache {
    position: absolute;
    background: #FF9966;
    font-weight: bold;
    transform: rotate(-28deg);
    padding: 1rem;
    border-radius: 9px;
    top: 13%;
}

.indte {display: block; border: solid 1px #ff6600; border-radius: 12px; padding: 1rem;}
.indte img {margin-bottom: 1rem;}

#top {
    display: block;
}

ul, ol {
    margin: 2rem 0;
}

li {
    margin: 0.4rem;
}

h1, #kommentar {
    color: #ff6600;
    font-size: 4rem;
    margin-top: 4rem;
}

h2 {
    font-size: 3rem;
}

h3 {
    font-size: 2.5rem;
}

h3 strong {
    margin-right: 33px;
}

h4 {
    font-weight: bold;
}

h5 {
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 8px;
    padding: 3px;
    margin-top: 12px;
    font-size: 17px;
}

img {
    border: none;
}

textarea {
    background-color: #EAF5FA;
    font-family: "Times New Roman", Times, serif;
}

/* Links allgemein */
.link {
    color: #333;
    text-decoration: underline;
}

.link:hover {
    text-decoration: none;
    color: #777;
}

.linka {
    color: #007575;
}

.linka:hover {
    text-decoration: none;
}

.neu {
    text-decoration: none;
    color: #203783;
    display: block;
    text-align: left;
}

.neu:hover {
    text-decoration: none;
    color: #777;
    background-color: #fff;
}

.hinweis {
    color: #ff0000;
    font-weight: normal;
    line-height: 2.2rem;
    margin-bottom: 5px;
}

.zitat {
    padding: 12px;
    color: #555;
    line-height: 20px;
    background-color: #e0f2f8;
    text-align: left;
}

.gross {
    padding: 1.2rem 4.4rem 1.2rem 1.2rem;
    color: #666;
    line-height: 0.9rem;
    text-align: justify;
}

.kritik {
    color: #225588;
    background: none;
    padding-top: 3rem;
}

.text {
    color: #336699;
    background-color: #fff;
    text-decoration: underline;
}

.text:hover {
    text-decoration: none;
    color: #fff;
    background-color: #FF6600;
    padding: 0.2rem;
    margin: 0 -0.2rem;
}

.betrifft {
    color: #ff6600;
    font-weight: bold;
    letter-spacing: 0.1rem;
    line-height: 0.9rem;
    background-color: #fff;
}

.navigation {
    background-image: linear-gradient(to right, #000, #555);
    background: #000;
    background: linear-gradient(to right, #000, #555);
    padding: 2px;
    border: solid 0.1rem #000;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}

.nav {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border: solid 0.1rem #FF9900;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    background-color: #000;
    margin: 2px;
    padding: 2px;
    padding-left: 4px !important;
}

.nav:hover {
    color: #00cc66;
    text-decoration: none;
}

.nava, .nava:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border: solid 0.1rem #00cc66;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    background-color: #000;
    margin: 2px;
    padding: 2px;
    padding-left: 4px !important;
}

.subnav {
    margin: 0.5rem 0 0.3rem 0.3rem;
}

.subnav a {
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
    margin: 0.4rem 0;
    display: block;
}

.sub {
    text-decoration: none;
    display: block;
    background-color: transparent;
    color: #fff;
    padding: 0.5rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.sub:hover {
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right, #555, #000);
    background: #000;
    background: linear-gradient(to right, #555, #000);
}

.suba, .suba:hover {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #ff6600;
    padding: 0.5rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.subsub {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: transparent;
    padding: 0.4rem 0.6rem 0.4rem 1.5rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.subsub:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}

.subsuba, .subsuba:hover {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #ff8822;
    padding: 0.4rem 0.6rem 0.4rem 1.5rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.kreis {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: transparent;
    padding: 0.4rem 0.6rem 0.4rem 1.5rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.kreis:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}

.kreisa, .kreisa:hover {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #ff8822;
    padding: 0.4rem 0.6rem 0.4rem 1.5rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    font-weight: bold;
}

.zaehler {
    position: absolute;
    top: 80px;
    left: 75%;
    text-align: center;
    transform: scaleY(-1);
    margin-right: 12px;
}

.zaehler a {
    float: right;
    transform: scaleY(-1);
    font-size: 3rem;
    color: rgba(51,102,153,0.7);
    background: rgba(255,204,102,0.7);
    text-decoration: none;
    margin: 2px;
    padding: 0.7rem 1rem;
    width: 8rem;
    line-height: 7rem;
    height: 8rem;
    border-radius: 0.4rem;
}

.zaehler a:hover {
    color: #fff;
    font-weight: bold;
    background-color: #ff8822;
    text-decoration: none;
}

#zaehlera {
    color: #fff;
    font-weight: bold;
    background-color: #ff8822;
    width: 8rem;
}

.kopfzeile {
    margin: 8px 0;
    height: auto;
    min-height: 36px;
}

.kopfzeile a {
    font-size: 3rem;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    display: block;
    float: left;
    border: solid 0.1rem #FF6600;
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #eee;
    margin: 0.3rem 0.2rem;
}

.kopfzeile a:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none;
}

.kopfzeile .kopfa {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.kopfzeile .kopfi {
    color: #0033FF;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

.kopfzeile .kopfo {
    color: #f00;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

.fu {
    color: #F60;
    padding: 9px;
    font-weight: bold;
    background-color: #fff;
    border: solid 1px #aaa;
    position: static;
    bottom: 0;
    margin: 9px;
}

.fu a {
    color: #555;
    font-weight: normal;
}

.map {
    text-decoration: none;
    display: block;
}

.map:hover {
    text-decoration: underline;
    color: #008000;
}

.kom {
    display: block;
    margin: 5px 0 0 10px;
    border-left: solid 5px #bbb;
    padding-left: 3px;
}

.kom:link {
    text-decoration: none;
    color: #003465;
}

.kom:visited {
    text-decoration: none;
    color: #003465;
}

.kom:active {
    text-decoration: none;
    color: #ff2222;
}

.kom:hover {
    text-decoration: none;
    color: #008000;
    font-weight: bold;
}

.num {
    float: right;
    border: solid 1px #ff6600;
    border-radius: 6px;
    margin: 1px 1px 1px 10px;
    padding: 3px;
    background-color: #eee;
    color: #ff6600;
    font-weight: bold;
}

.mini {
    font-size: 1rem;
    color: #666;
    line-height: 18px;
    background-color: #eee;
    padding: 3px;
}

.nachtrag {
    font-size: 1rem;
    color: #555;
    line-height: 16px;
    background-color: #f4faff;
    padding: 6px;
    border: solid 1px #dfefff;
}

.bemerkung {
    background-color: #ffefdf;
    padding: 4px 2px 1px 2px;
    border: solid 1px #ff9900;
}

.predigt {
    position: absolute;
    top: 660px;
    left: 790px;
    padding: 0 3px 3px 3px;
    border: solid 1px #ccc;
    background-color: #fff;
    width: 355px;
}

.kommentar {
    border: solid 1px #ff6600;
    padding: 1rem 1rem 0 1rem;
    margin-top: 1.5rem;
    background-color: #fafafa;
    border-radius: 5px;
}

.comment {
    width: 100%;
    height: 40rem;
    margin: 0.5rem 0;
}

.comment-pos a {
    text-decoration: none;
}

.inputt {
    width: 33%;
}

.kommentarschreiben {
    display: block;
}

.rahmen {
    border-top: solid 1px;
    border-left: solid 1px;
    border-color: #678;
    font-family: verdana, sans-serif;
    background-color: #fbfbfb;
}

.rahmenzu {
    border-bottom: solid 1px;
    border-right: solid 1px;
    border-color: #678;
    background-color: #fbfbfb;
    width: 100%;
    margin-bottom: 1rem;
}

.rahmenzu td {
    padding: 2px;
}

.rahmen-k {
    border-top: solid 1px;
    border-left: solid 1px;
    border-color: #678;
    font-family: verdana, sans-serif;
    background-color: #fbfbfb;
    text-align: center;
}

.rahmen-k a {
    padding: 0.5rem;
    line-height: 2.5rem;
}

.kategorie {
    color: #fff;
    text-decoration: none;
    display: block;
    border: solid 0.1rem #FF9900;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    background-color: #000;
    margin: 2px;
    padding: 0.3rem 0.3rem 0.3rem 0.8rem;
}

.kategoriea, .kategorie:hover, .kategoriea:hover {
    color: #ffcc88;
    text-decoration: none;
    display: block;
    border: solid 0.1rem #FF9900;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    background-color: #000;
    margin: 2px;
    padding: 0.3rem 0.3rem 0.3rem 0.8rem;
}

.border {
    padding: 2px 0 2px 5px;
}

.table {
    color: #333;
}

.themalink {
    font-size: 1rem;
    font-weight: bold;
    line-height: 22px;
}

a.themalink:link {
    text-decoration: none;
    color: #333;
}

a.themalink:visited {
    text-decoration: none;
    color: #333;
}

a.themalink:active {
    text-decoration: none;
    color: #333;
}

a.themalink:hover {
    text-decoration: underline;
    color: #666;
}

.themalinka {
    font-weight: bold;
    line-height: 22px;
}

a.themalinka:link {
    text-decoration: none;
    color: #666;
}

a.themalinka:visited {
    text-decoration: none;
    color: #666;
}

a.themalinka:active {
    text-decoration: none;
    color: #666;
}

a.themalinka:hover {
    text-decoration: underline;
    color: #999;
}

.deaktiv {
    font-size: 13px;
    color: #999;
    font-weight: bold;
}

a.deaktiv:link {
    text-decoration: none;
    color: #999;
}

a.deaktiv:visited {
    text-decoration: none;
    color: #999;
}

a.deaktiv:active {
    text-decoration: none;
    color: #999;
}

a.deaktiv:hover {
    text-decoration: underline;
    color: #999999;
}

.seite {
    color: #333;
    font-weight: bold;
    line-height: 11px;
}

a.seite:link {
    color: #333;
}

a.seite:visited {
    color: #333;
}

a.seite:active {
    color: #333;
}

a.seite:hover {
    text-decoration: none;
    color: #666;
}

.einschub {
    color: #555;
    margin: 1.2rem 0;
    padding: 0.3rem;
    text-align: left;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 7px;
}

div.einschub p {
    margin: 0;
    padding: 0.3rem;
}

div.einschub p.brief {
    padding: 0 9px;
    margin: 9px 0;
}

.klein {
    color: #777;
    font-weight: normal;
}

.zeiger-cont {
    width: 120px;
    padding: 2px;
    margin: 7px 0;
    background-color: #eee;
}

.zeiger-aussen {
    margin-right: 7px;
}

.zeiger a {
    font-size: 12px;
    line-height: 14px;
    color: #336699;
    text-decoration: none;
    display: block;
}

.wachtturm {
    color: #333;
    border-left: solid 3px;
    padding: 9px;
    background-color: #f7f7f7;
    margin: 12px 0;
}

div.wachtturm {
    padding: 9px 9px 1px 9px;
}

.wachturm {
    color: #333;
    border-left: solid 3px;
    border-right: solid 1px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding: 3px 9px;
    background-color: #f7f7f7;
}

.floatlink {
    float: right;
    background: #DFE0FD;
    padding: 3px;
}

.floatlink img {
    vertical-align: -7px;
}

.abstand {
    clear: right;
    line-height: 8px;
}

.brief, div p.brief, .bibel, div p.bibel {
    color: #336699;
    border-left: solid 3px #FF9966;
    padding: 0 9px;
    background-color: #fbfbfb;
    margin: 12px 0;
}

.wichtig {
    float: right;
    margin: 0 -3px -1px 0;
}

.wichtig a {
    text-decoration: none;
    padding: 3px;
    color: #fff;
    background-color: #CC0000;
    font-weight: bold;
}

.gegenrede {
    line-height: 18px;
    color: #777;
    border: solid 1px #777;
    padding: 7px;
    margin: 12px 0 0 0;
}

.g1 {
    text-align: center;
    margin: 20px;
}

.j1 {
    border: solid 1px #ff6600;
    width: 30rem;
    margin: 1rem 0;
    padding: 0.2rem 0;
    position: relative;
    z-index: 5;
}

.j2 {
    display: block;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    color: #203783;
}

.f1 {
    border: solid 1px #ff6600;
    background-color: #eee;
}

.stern {
    float: right;
    margin: 0 0 0 1rem;
    border: none;
}

.bs {
    background-image: url(/de/images/wichtige-nachricht.gif);
    height: 54px;
    background-repeat: no-repeat;
    margin:  12px 0;
}

.bs a {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 13px;
    position: absolute;
}

.bs h1 {
    color: #fff !important;
    font-size: 16px !important;
    padding: 17px 0 0 5px !important;
}

.bss {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 17px 0 18px 6px;
    text-decoration: none;
}

.wtg {
    float: left;
    position: relative;
    margin: 20px 0 0 -15px;
}

.wtg-text {
    width: 360px;
    text-align: left;
}

.download {
    text-align: center;
    border: solid 2px #ff6600;
    background-color: #f6f6f6;
    margin-bottom: 15px;
    padding: 3px 0;
    width: 100%;
}

.download2 {
    line-height: 20px;
    letter-spacing: -1px;
    text-align: center;
}

.komm {
    border: solid 1px #fafafa;
}

.lang {
    position: fixed;
    top: 2.2rem;
    right: 2rem;
}

.lang a {
    border: solid 2px #f60;
    border-radius: 4px;
    color: #f60;
    padding: 6px 9px;
    font-size: 2.5rem;
    background: #fff;
}

.lang a:hover {
    color: #fff;
    background: #f60;
    text-decoration: none;
}

.fremd {
    background: #fCfDdC;
    color: #444;
    padding: 3px 7px;
    border: solid 2px #ccc;
}

.gott {
    font-weight: bold;
    color: #FF6600;
    line-height: 12px;
}

.eucharistie {
    margin: 0 0 10px 0;
}

.links ul {
    padding: 0;
}

.links li {
    list-style: none;
    float: left;
    margin-right: 12px;
}

.adhoc {
    clear: both;
    height: auto;
    min-height: 18px;
}

.adhoc li a:first-child {
    color: #555;
    text-decoration: none;
    display: block;
    background: #eaeaea;
    padding: 3px;
}

.adhoc li a:hover {
    color: #000;
    background: #fff;
}

.adhoc li {
    border: solid 1px #999;
    list-style: none;
    padding: 3px;
    margin: 3px;
    height: auto;
    min-height: 22px;
    color: #777;
}

.zusatz {
    display: block;
    border-bottom: 1px dashed;
}

.zusatz span {
    display: none;
}

.zusatz:hover span {
    display: block;
    position: relative;
    float: right;
    margin: 20px 0 -300px -300px;
    width: 300px;
    height: auto;
    background-color: #FFFFCC;
    border: solid 2px #555;
    color: #555;
    padding: 3px 6px;
    line-height: 14px;
    text-align: left;
}

.bilder {
    width: 100%;
}

.bilder img {
    margin: 4px 8px 4px 0;
    border: solid 1px #FF9900;
    border-radius: 5px;
    width: 23%;
    height: auto;
}

.wachtturm-betrug img {
    margin: 4px 8px 4px 0;
    border: solid 1px #FF9900;
    border-radius: 5px;
    width: 30%;
    height: auto;
}

.wer {
    display: none;
}

.dreieinig {
    margin: 17px 0;
}

.dreieinig a {
    text-decoration: none;
    color: #444;
    font-style: italic;
}

.dreieinig a:hover {
    text-decoration: underline;
    color: #777;
}

.drues {
    width: 20px;
    margin: 5px -7px 10px 0;
}

.baphomet {
    float: left;
    margin: 0 1rem;
}

.tipp {
    border: solid 0.2rem #BDDCEB;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 0 0.5rem 0.1rem 0.5rem;
    color: #336699;
    background-color: #fbfbfb;
    margin: 2rem 0;
}

.ultima {
    border: solid 0.2rem #FF9900;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    font-style: italic;
    background-color: #fff;
}

.ultima a {
    color: #CC0033;
    font-size: 3.5rem;
    line-height: 4rem;
    text-decoration: none;
    display: block;
    padding: 1.5rem;
}

.ultima:hover a {
    color: #552;
    text-decoration: none;
}

.ultima:hover {
    background-color: #fff;
}

.ultima {
    margin: 0.5rem;
    width: 20rem;
    float: left;
    text-align: center;
}

.wwgg, .wwwggg {
    border: solid 0.2rem #FF9900;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1.7rem;
    font-style: italic;
    background-color: #FFCC99;
}

.wwgg a {
    color: #CC0033;
    line-height: 2rem;
    text-decoration: none;
    display: block;
    padding: 0.4rem;
}

.wwgg:hover a {
    color: #990000;
    text-decoration: none;
}

.wwgg:hover, .wwwggg:hover {
    background-color: #fff;
}

.wwgg {
    margin: 0.5rem;
    width: 20rem;
    float: left;
    text-align: center;
}

.clear {
    clear: both;
}

.wwwggg {
    margin: 0.5rem;
    width: 20rem;
    height: 12rem;
    float: left;
    text-align: center;
    background-color: #fff;
}

.wwwggg img {
    margin: 0.5rem 2rem;
}

.kacheln {
    margin-bottom: 1rem;
}

.kacheln img {
    margin: 0.5rem;
    border: solid 2px #FF9900;
}

.alle {
    display: none;
}

@media (min-width: 993px) {
    .zaehler {
        display: block !important;
    }
}

.red {
    color: red;
}

@media (max-width: 992px) {
    .drucken:before {
        top: 2.3rem;
        /*Ende Mai 21*/
        padding-top: 2rem;
    }

    .alle {
        position: absolute;
        top: 0.4rem;
        left: 12rem;
        background: transparent !important;
        color: #FF6600 !important;
        font-size: 3rem;
        font-weight: bold !important;
        padding: 5px !important;
        border: none !important;
        display: block;
    }

    .zaehler {
        position: absolute;
        top: 6rem;
        left: 26px;
        background: #fff;
    }

    img {
        width: 100%;
        height: auto;
    }

    .bilder img {
        width: 120px;
        height: 90px;
    }

    .inputt {
        width: 100%;
    }

    .nav, .nava, .nava:hover {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .neu, .map {
        line-height: 24px;
    }
}

.springezurnavi {
    display: none;
    text-align: center;
    width: 12rem;
}

.springezurnavi a {
    font-size: 6rem;
    color: #ff6600;
    display: block;
    padding: 1.5rem;
    text-decoration: none;
}

@media (max-width: 991px) {
    .kritik {
        margin: 0;
    }

    .springezurnavi {
        display: block;
        padding: 0.3rem 0.3rem 0 .1rem;
    }
}

iframe, object, embed {
    width: 100%;
    border: 0;
}

.zelle120 {
    width: 15%;
}

.wg {
    font-size: 3rem;
    margin: 20px 0 0 0;
    text-align: center;
    padding: 12px;
}

.wg {
    border: solid 0.2rem #FF9900;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1.7rem;
    font-style: italic;
    line-height: 1.7rem;
    background-color: #FFCC99;
}

.wg a {
    color: #CC0033;
    text-decoration: none;
    display: block;
    padding: 0.4rem;
    line-height: 3rem;
}

.wg:hover a {
    color: #990000;
    text-decoration: none;
}

.wg:hover {
    background-color: #fff;
}

#output ol li {
    margin-top: 20px;
}

#output ol li a {
    font-weight: bold;
}

.slider {
    margin: 12px 0;
}

.bibellehrer {
    padding: 10px 0 10px 10px;
    border: solid 1px #FF9900;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1.7rem;
}

.bibellehrer p {
    font-style: italic;
    line-height: 25px;
}

.flex-video {
    position: relative;
    padding-top: 1.7%;
    padding-bottom: 67.5%;
    height: 0;
    margin: 16px 0;
    overflow: hidden;
    border-radius: 9px;
    box-shadow: 6px 6px 6px #888888;
}

.flex-video.widescreen {
    padding-bottom: 54.6%;
    background: #000;
}

.flex-video.vimeo {
    padding-top: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}

.sup {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.kommentar-erscheint {
    float: left;
    margin-top: 7px;
}

.inputsubmit {
    float: right;
    margin: 6px 0 12px 0;
}

.actionsicher {
    margin: 0;
}

.gesamteform {
    margin: 20px 0;
}

.bilderreihe img {
    margin: 6px;
}

.bildabstand {
    margin: 12px;
}

.bildabstandlinks {
    margin-left: 20px;
}

.bildabstandrechts {
    margin-right: 20px;
}

.textcenter {
    text-align: center;
}

.jehovas:after {
    content: " Jehovas";
}

.zeugen:after {
    content: " Zeugen";
}

.ug-thumbs-grid-inner {
    margin-left: 4px;
}

.tabelle td {
    padding: 3px;
}

.pdf {
    padding: 15px;
    background: rgba(244,244,244,0.5);
    border: solid 3px #dfdfdf;
    border-radius: 12px;
    margin: 12px 0;
}

hr {
    border: solid 2px #dfdfdf;
    border-radius: 12px;
}

.pdf span {
    font-weight: bold;
    color: #999;
}

.drucken:before {
    width: 3.3rem;
    height: 4.1rem;
    padding-top: 0.9rem;
    content: "⎙";
    font-size: 5rem;
    position:absolute;
    top: 1rem;
    left: 2rem;
    color: #ff9900;
    z-index: 99;
}

@media (max-width: 991px) {
    .bilder img {
        height: auto;
        width: 23%;
    }
}

@media (max-width: 605px) {
    .bilder img {
        height: auto;
        width: 46%;
    }
}

@media (max-width: 323px) {
    .bilder img {
        height: auto;
        width: 96%;
    }
}

.jworg {
    background-color: #203550;
}

.mordorg {
    background-color: #f00;
}

.jworg, .mordorg {
    color: #fff;
    font-size: 144px;
    line-height: 144px;
    text-align: center;
    border: solid 1px #fff;
    padding: 7% 0;
}

@media (max-width: 1790px) {
    .jworg, .mordorg {
        font-size: 122px;
        line-height: 122px;
    }
}

@media (max-width: 1590px) {
    .jworg, .mordorg {
        font-size: 111px;
        line-height: 111px;
    }
}

@media (max-width: 1490px) {
    .jworg, .mordorg {
        font-size: 100px;
        line-height: 100px;
    }
}

@media (max-width: 1320px) {
    .jworg, .mordorg {
        font-size: 90px;
        line-height: 90px;
    }
}

@media (max-width: 1220px) {
    .jworg, .mordorg {
        font-size: 80px;
        line-height: 80px;
    }
}

@media (max-width: 1090px) {
    .jworg, .mordorg {
        font-size: 70px;
        line-height: 70px;
    }
}

@media (max-width: 991px) {
    .jworg, .mordorg {
        font-size: 200px;
        line-height: 200px;
    }
}

@media (max-width: 691px) {
    .jworg, .mordorg {
        font-size: 170px;
        line-height: 170px;
    }
}

@media (max-width: 691px) {
    .jworg, .mordorg {
        font-size: 140px;
        line-height: 140px;
    }
}

@media (max-width: 491px) {
    .jworg, .mordorg {
        font-size: 110px;
        line-height: 110px;
    }
}

@media (max-width: 401px) {
    .jworg, .mordorg {
        font-size: 90px;
        line-height: 90px;
    }
}

@media (max-width: 341px) {
    .jworg, .mordorg {
        font-size: 70px;
        line-height: 70px;
    }
}

.kommentarlinkunten {
    margin: 30px 0 10px 0;
}

.marginou {
    margin: 20px 0;
}

.table-bordered td {
    padding: 4px;
}

table.table-bordered td:first-child {
    text-align: center;
    width: 15%;
}

table.table-bordered.normal td:first-child {
    text-align: left;
}

.carousel, .carousel-inner {
    max-width: 999px;
    border-radius: 12px;
}

.carousel-control.right, .carousel-control.left {
    background: none;
}

.fingerzeig {
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s; /* Firefox < 16 */
    -o-animation: fadein 5s; /* Opera < 12.1 */
    animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fingerzeig a {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    font-size: 140%;
    color: #fff !important;
    line-height: 120%;
    text-align: center;
    background: rgba(0,0,0,0.5);
    padding: 0.5%;
    z-index: 9999;
}

.fingerzeig a:hover {
    text-decoration: none;
}

@media (max-width: 515px) {
    .fingerzeig a {
        font-size: 100%;
    }

    h1, #kommentar {
        font-size: 22px;
    }

    h2, #kommentar {
        font-size: 2rem;
    }

    .neu {
        width: 80%;
    }
}

@media (max-width: 360px) {
    .fingerzeig a {
        font-size: 80%;
    }
}

.abstandstart {
    margin-bottom: 22px;
}

.btn {
    margin-left: 4px;
    padding: 0;
}

.pull-right.comment-pos.btn.btn-default a {
    color: #fff;
    font-size: 2rem;
    padding: 1.2rem 1rem;
    line-height: 3.5rem;
}

.pull-right.comment-pos.btn.btn-default {
    background: #ff6600;
    border-color: #ff6600;
}

.pull-right.comment-pos.btn.btn-default a:hover {
    color: #ff6600;
}

.pull-right.comment-pos.btn.btn-default:hover {
    background: #fff;
}

.pdf-iframe {
    height: 900px;
    margin: 16px 0;
    width: 100%;
}

.einzelbild img, .einzelbilder img {
    width: 100%;
    border: solid 1px #FF9900;
    border-radius: 5px;
}

.einzelbilder img {
    margin: 5px 0;
}
.searchword {
    color: #222;
    background-color: #ff6;
    border: 1px dotted #ff6;
}
.searchword0 {
    color: #222;
    background-color: #ff6;
    border: 1px dotted #ff6;
}
.searchword1 {
    color: #222;
    background-color: #a0ffff;
    border: 1px dotted #0affff;
}
.searchword2 {
    color: #222;
    background-color: #9f9;
    border: 1px dotted #9f9;
}
.searchword3 {
    color: #222;
    background-color: #f99;
    border: 1px dotted #f99;
}
.searchword4 {
    color: #222;
    background-color: #f6f;
    border: 1px dotted #f6f;
}
.searchword5 {
    color: #fff;
    background-color: #800;
    border: 1px dotted #800;
}
.searchword6 {
    color: #fff;
    background-color: #0a0;
    border: 1px dotted #0a0;
}
.searchword7 {
    color: #fff;
    background-color: #886800;
    border: 1px dotted #886800;
}
.searchword8 {
    color: #fff;
    background-color: #004699;
    border: 1px dotted #004699;
}
.searchword9 {
    color: #fff;
    background-color: #909;
    border: 1px dotted #909;
}

.datum {
    float: right;
    margin: 0 12px;
}

.index-teaser p {
    padding: 1%;
    height: 8rem;
}

.index-teaser a {
    display: block;
    text-decoration: none;
}

.index-teaser img {
    height: 222px;
    width: auto;
    border-radius: 5px;
}

.index-teaser div {
    max-height: 360px;
}

.index-h1 {
    margin: -14px 0 18px 0;
}

.gelb {
    background: yellow;
    padding: 3px;
    margin-left: -3px;
}

textarea.comment {
    padding: 0 3px;
    font-family: arial, sans-serif;
}

.co2 {
    width: 111px;
    height: auto;
    position: fixed;
    bottom: 0;
    right: 7px;
    z-index: 5;
}

.co2:hover {
    width: 135px;
}

.bibel-verdrehen {
    position: fixed;
    bottom: 3rem;
    left: -5rem;
    z-index: 5;
    background: #FF9966;
    font-weight: bold;
    transform: rotate(28deg);
}

.bibel-verdrehen a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 1rem 9rem 1rem 7rem;
    text-shadow: #777 3px -3px 3px;
}

#accordion {
    height: 0;
}

.symbole a, .symbole a:hover {
    width: 100%;
    text-align: center;
    display: block;
    color: #FF6600;
    background: #fff;
    border: solid 2px;
    height: 4.5rem;
}

.symbole a span {
    padding: 0 3%;
    font-size: 2.2rem;
}

.werbung {
    visibility: hidden;
    animation: werbungWeg 60s;
}

@keyframes werbungWeg {
    0%{visibility: visible}
    100%{visibility: hidden}
}