/*  GENERAL STYLES FOR THE WEBSITE  */
* {
    margin:0;
    padding:0;
}
body {
    width:100.1%;
    height:100%;
    font:15px/18px Roboto,Arial,sans-serif;
    color:#4a4a49;
}
input,
button,
textarea,
select {
    font-size:15px;
}
h1,
h2,
h3 {
    font-family:Merriweather,Georgia,serif;
}
h4,
h5,
h6,
p,
ul,
li {
    font-family:Roboto,Arial,sans-serif;
}
h5 {
    padding-top:4px;
    font-size:1.1rem;
    line-height:1.6rem;
    letter-spacing:.3px;
    word-spacing:1px;
    font-weight:700;
}
h6 {
    font-size:1.2rem;
    font-weight:bold;
}
input {
    padding-left:2px;
}
.white {
    color:#fff;
}

/* 97C1DA */
a {
    text-decoration:none;
    color:#628bc4;
    font-weight:500;
}

/* 97C1DA */
.mod_navigation a {
    text-decoration:none;
    color:#628bc4;
    font-weight:700;
}
.flex_v {
    display: flex;
      flex-flow: column wrap;
      justify-content: center;
}
.flex_h {
    display: flex;
      flex-flow: row nowrap;
      justify-content: center;
}

/* Topheader */
@media all and (min-width:1180px) {
    #topheader {
        position: fixed;
    }
}

/* Topheader */
@media all and (max-width:1179px) {
    #topheader {
        position: absolute;
    }
}

/* Topheader higher for Logo in Smartphone Portrait */
@media all and (max-width:450px) {
    #topheader {
            width:100vw;
            height:155px;
            margin-right:auto;
            margin-left:auto;
            background-color:#fff;
            border-top:8px solid #000;
            border-collapse:separate;
            -webkit-box-shadow:5px 5px 10px rgba(4a4a49,.1);
            box-shadow:5px 5px 10px rgba(4a4a49,.1);
            border-bottom:1px solid rgba(4a4a49,.5);
            behavior:url('assets/css3pie/1.0.0/PIE.htc');
            z-index: 200;
    }
}
@media screen and (min-width:451px) {
    #topheader {
        width:100vw;
        height:218px;
        left:0;
        top:0;
        margin-right:auto;
        margin-left:auto;
        padding-top: 7px;
        background-color:#fff;
        border-top:8px solid #000;
        border-collapse:separate;
        -webkit-box-shadow:5px 5px 10px rgba(4a4a49,.1);
        box-shadow:5px 5px 10px rgba(4a4a49,.1);
        border-bottom:1px solid rgba(4a4a49,.5);
        behavior:url('assets/css3pie/1.0.0/PIE.htc');
        z-index: 1000;
    }
}
@media screen and (max-width:1023px) {
    #topheader {
      height: 158px;
    }
}

/* Changelanguage */
@media screen and (max-width:1023px) {
    #topheader .mod_changelanguage ul {
            width:30px;
            height:30px;
            left:25px;
            top:110px;
            position:absolute;
            z-index:10000;
            display:flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
    }
}

/* Change language */
@media screen and (min-width:1024px) {
    #topheader .mod_changelanguage ul {
        position:absolute;
        left:20px;
        top:30px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        z-index:1000;
    }
}
@media screen and (max-width:1023px) {
    #topheader .mod_changelanguage li {
            font-size:1.2rem;
            line-height:1.3rem;
            padding-right: 15px;
    }
}
@media screen and (min-width:1023px) {
    #topheader .mod_changelanguage li,
    #topheader .mod_changelanguage li a{
       padding-right: 10px;
       font-size: 1.1rem;
      }
}
@media screen and (max-width:1023px) {
    #topheader h1 {
        left:auto;
        right:auto;
        position:relative;
        margin-top:10px;
        margin-bottom:10px;
        text-align:center;
        font:1rem Lora,Georgia,serif;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        z-index: 300;
    }
}
@media screen and (min-width:1024px) {
    #topheader h1 {
        left:auto;
        right:auto;
        position:relative;
        margin-top:10px;
        margin-bottom:7px;
        text-align:center;
        font-size: 1.1rem;
        line-height:1.3rem;
        font-weight:600;
        text-transform:uppercase;
        letter-spacing:1px;
        z-index: 300;
    }
}
#topheader h3 {
    margin-top:-10px;
    margin-bottom:8px;
    padding-top:0;
    padding-bottom:0;
    text-align:center;
    font-family:Lora,Georgia,serif;
    font-weight:bold;
    letter-spacing:1px;
}
#main {
    z-index: 100;
}

/* Header Icons Menu */
@media screen and (max-width:580px) {
    #iconMenu {
       display:none;
    }
}

/* Header Icons Menu */
@media screen and (min-width:581px) and  (max-width:1022px) {
    #iconMenu {
        position:absolute;
        right: 18px;
       top: 110px;
    }
}

/* Header Icons Menu */
@media screen and (min-width:1023px) {
    #iconMenu {
        position:absolute;
        right: 20px;
       top: 30px;
    }
}
@media screen and (max-width:580px) {
    #iconMenu ul {
        display:none;
    }
}
@media screen and (min-width:581px) {
    #iconMenu ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        z-index: 1000;
    }
}

/* Header Icons Menu */
@media screen and (min-width:581px) and (max-width:1022px) {
    #iconMenu li,
    #iconMenu li a {
        padding-right:5px;
        padding-left:8px;
        text-align:center;
        font-size:1.2rem;
        color:#4A4A49;
    }
}

/* Header Icons Menu */
@media screen and (min-width:1023px) {
    #iconMenu li,
    #iconMenu li a {
        padding-right:15px;
        padding-left:5px;
        text-align:center;
        font-size:1.2rem;
        color:#4A4A49;
    }
}

/* Topheader Logo */
@media screen and (max-width:418px) {
    #topheader div.inside img {
            width:70px;
           /* right:-40%;
            position:relative;
            float:none;
            display:block; */
            margin-top:-10px;
    }
}

/* Topheader Logo */
@media screen and (min-width:419px) and (max-width:1023px) {
    #topheader div.inside img {
            width:80px;
           /* right:-40%;
            position:relative;
            float:none;
            display:block; */
            margin-top:-10px;
    }
}

/* Main Menu Styles */
#topheader nav.mod_navigation ul {
    padding:0;
    text-transform:uppercase;
    list-style-type:none;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    z-index: 250;
}

/* Main Menu */
@media all and (min-device-width:1024px) and  (max-device-width:1149px) {
    #topheader nav.mod_navigation  li {
        position:relative;    
        padding-right:6px;
        padding-left:6px;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        letter-spacing:0px;
        font:.90rem/2rem Roboto,Arial,sans-serif;
    }
}

/* Main Menu */
@media all and (min-device-width:1150px) and (max-device-width:1279px) {
    #topheader nav.mod_navigation  li {
        position:relative;
        margin-left:0;
        padding-right:7px;
        padding-left:7px;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        letter-spacing:0px;
        font:.95rem/33px Roboto,Arial,sans-serif;
    }
}

/* Main Menu */
@media all and (min-width:1280px) {
    #topheader nav.mod_navigation  li {
        position:relative;
        margin-bottom:-4px;
        padding-right:8px;
        padding-left:10px;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        letter-spacing:1px;
        font:.95rem/33px Roboto,Arial,sans-serif;
    }
}

/* Style for main AND custom navigation */
#topheader a:hover {
    font-style:italic;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
}

/* Style for main AND custom navigation */
#topheader li.active span.active,
#topheader nav.mod_customnav li.active span.active {
    font:.9rem Merriweather,Garamond,serif;
    font-style:italic;
    color:#000;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight: 700;
}
.sibling a,
.active.info {
    word-spacing:-2px;
}

/* Mobile Navigation added in Mobile */
@media screen and (max-width:580px) {
    #mobilemenu {
            right:22px;
            top:92px;
            position:fixed;
            display:block;
            padding:3px 5px;
            background-color:#e6e6e6;
            border:.5px solid #8f8f8f;
            border-radius:3px;
            z-index:2000;
    }
}

/* Mobile Navigation added in Mobile */
@media screen and (min-width: 581px) and (max-width: 1023px) {
    #mobilemenu {
      right: 25px;
      top: 40px;
      position: fixed;
      display: block;
      padding: 3px 5px;
      background-color: #e6e6e6;
      border: .5px solid #8f8f8f;
      border-radius: 3px;
      z-index: 2000;
    }
}

/* Main Navigation removed in mobile */
@media screen and (max-width:1023px) {
    #topheader nav.mod_navigation ul {
      display:none;
    }
}
.mod_customnav {
    margin-top:-25px;
}
#topheader nav.mod_customnav li {
    position:relative;
    float:right;
    margin-right:2px;
    margin-bottom:0;
    margin-left:0;
    padding-right:8px;
    padding-left:8px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    font:.95rem/44px Roboto,Arial,sans-serif;
    z-index: 9999;
}

/* Add Mobile Menu when <1024px */
@media all and (max-width:1023px) {
    #mobilemenu {
       display:block;
        z-index: 600000;
		margin-right:10px;
    }
}

/* Add Mobile Menu when <1200px */
@media all and (min-width:1024px) {
    #mobilemenu {
       display:none;
    }
}
@media screen and (max-width:1023px) {
    .container {
        padding-top:0px;
        padding-bottom:30px;
        padding-right:10px;
        padding-left:10px;
    }
}
@media screen and (min-width:1024px) {
    .container {
        padding-top:0px;
        padding-bottom:10px;
    }
}
#info .block img,
#news .block img,
#newsreader .block img,
#bestellen .block img,
#warenkorb .block img,
#kasse .block img,
#checkout .block img,
:is(#kontakt, #kontakt-f) .block img,
#contact-f block img {
    margin-top:154px;
}

/* Formatting Forms */
input[type="text"],
input[type="tel"],
:is(#kontakt, #kontakt-f) .textarea,
input[type="email"],
select {
    max-width:530px;
    border-collapse:collapse;
    font-size:18px;
    border-color:rgba(219,217,217,.7);
    -webkit-box-shadow: inset 2px 4px 8px 2px , 0.5);
    -moz-box-shadow: inset 2px 4px 8px 2px , 0.5);
    box-shadow: inset 2px 4px 8px 2px , 0.5);
}
input[type="text"][name="Anzahl"] {
    width:80px;
}
.submit {
    margin-top:10px;
    margin-bottom:25px;
    padding:8px 14px;
    border-collapse:collapse;
    font-size:16px;
    border-color:rgba(219,217,217,.6);
    outline:none;
    transition: box-shadow .2s ease-in-out;
}

/* General styling of Text Blocks (Text Element) */
.ce_text p {
    text-align: justify;
    hyphens: auto;
}
@media screen and (max-width:580px) {
    .ce_text {
        padding-right:10px;
        padding-left:10px;
    }
}
@media screen and (min-width:581px) {
    .ce_text {
        padding-right:20px;
        padding-left:20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* General styling of Text Blocks (Text Element) */
div.ce_text.first.last.block,
div.ce_text.first.block,
div.ce_text.last.block {
    width:95%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:18px;
}

/* Main Formatting */
#main .inside {
    margin-right:auto;
    margin-left:auto;
    padding-bottom:3px;
}
#main .inside p,
#main .inside ul,
#main .inside li,
h1,
h2,
h3,
h4,
h5,
h6 {
    width:100%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
#main .inside p,
#main .inside li {
    font-size:1.1rem;
    line-height:1.7rem;
    word-spacing:1px;
}
#main .inside .datenschutz li {
    padding-left:5px;
    list-style-type:disc;
}
#main .inside .datenschutz ul {
    padding-top:10px;
    padding-bottom:10px;
    padding-left:40px;
    list-style-type:disc;
}
#main .inside p,
h1,
h2,
h3,
h4,
h5 {
    padding-top:2px;
    padding-right:10px;
    padding-bottom:2px;
}
@media screen and (min-width: 280px) and (max-width:489px) {
    #main .inside p {
            font-size:0.9rem;
            line-height:1.3rem;
            word-spacing:1px;
            padding-left:5px;
            padding-right:5px;
            padding-bottom: 14px;
            max-width:96%;
     }
}
@media screen and (min-width: 490px) and (max-width:1023px) {
    #main .inside p {
            font-size:1.1rem;
            line-height:1.5rem;
            word-spacing:1px;
            padding-left:5px;
            padding-right:10px;
            padding-bottom: 14px;
     }
}
@media screen and (max-width:460px) {
#main .inside h2 {
    font:1.3rem Roboto,Arial,sans-serif;
    letter-spacing:1px;
    word-spacing:1px;
}
#main .inside h3 {
    margin-top:1.6rem;
    margin-bottom:1.0rem;
    padding-top:0;
    font-size:1.5rem;
    line-height:1.8rem;
    text-transform:uppercase;
    word-spacing:1px;
    font-weight:300;
}
#main .inside h1 {
    margin-top:1.8rem;
    margin-bottom:1.5rem;
    text-align:center;
    font-size:2.2rem;
    line-height:2.8rem;
    text-transform:uppercase;
    word-spacing:1px;
    font-weight:500;
}}
@media screen and (min-width:461px) {
#main .inside h2 {
    font:1.5rem Roboto,Arial,sans-serif;
    letter-spacing:1px;
    word-spacing:1px;
}
#main .inside h3 {
    margin-top:1.9rem;
    margin-bottom:1.0rem;
    padding-top:0;
    font-size:1.9rem;
    line-height:2.3rem;
    text-transform:uppercase;
    word-spacing:1px;
    font-weight:300;
}
#main .inside h1 {
    margin-top:2.8rem;
    margin-bottom:1.8rem;
    text-align:center;
    font-size:2.5rem;
    line-height:3.4rem;
    text-transform:uppercase;
    word-spacing:1px;
    font-weight:500;
}}

.newspage #main .inside h1,
.agenda  #main .inside h1 {
    margin-top:3.8rem;
    margin-bottom:1.8rem;
    text-align:center;
    font-size:2.5rem;
    line-height:3.4rem;
    text-transform:uppercase;
    word-spacing:1px;
    font-weight:500;
}
#main .inside h4 {
    margin-top:40px;
    margin-bottom:20px;
    font-size:1.6rem;
    line-height:2.1rem;
    font-weight:500;
}
#main p.error {
    width:200px;
    margin:.25em;
    padding:.3em;
    background-color:#ffc0cb;
    border:1px solid #f00;
    color:#000;
}

/* Footer CSS */
#footer {
    text-align:center;
    background-color:#4a4a49;
    color:#fff;
}
#footer p {
    width:100%;
    position:relative;
    float:left;
    clear:both;
    padding-top:5px;
    padding-bottom:8px;
    padding-left:20px;
    text-align:left;
    background-color:#000;
    line-height:1.8rem;
    color:#fff;
}
#footer h1 {
    margin-top:0;
    padding-top:30px;
    padding-bottom:5px;
    font-size:1.9rem;
    line-height:2.1rem;
    letter-spacing:2px;
    word-spacing:2px;
    font-weight:400;
}
#footer h3 {
    padding-top:15px;
    padding-bottom:40px;
    font:1.1rem Roboto,Arial,sans-serif;;
    font-weight:normal;
    letter-spacing:1px;
    word-spacing:1px;
}
#footer h5 {
    right:4px;
    position:absolute;
    padding-top:6px;
    padding-right:2px;
    padding-bottom:4px;
    text-align:right;
    font-size:.9rem;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:1px;
    z-index: 10000;
}

/* Parallax CSS */
section.module   p a {
    font-style:italic;
    font-weight:normal;
    color:#4A4A49;
}

/* Parallax CSS */
.gebet section.module   p a {
    font-style:italic;
    font-weight:normal;
    color:#628bc4;
}
section.module   h3 a {
    font:1.1rem Roboto,Arial,sans-serif;
    font-style:italic;
    font-weight:normal;
    color:#fff;
}
section.module h5 a {
    margin-top:-10px;
    font-style:italic;
    font-weight:normal;
    color:#fff;
}
section.module p {
    margin-bottom:20px;
    font-size:16px;
    font-weight: 300;
}
section.module p:last-child {
    margin-bottom:0;
}
section.module.content {
    width:100%;
    padding-top:35px;
    padding-bottom:45px;
}
:is(#gebet,#gebet-f) section.module.content {
    width:100%;
    padding-top:15px;
    padding-bottom:5px;
}
section.module.content .mod_article.first.last.block,
section.module.content .mod_article.first.block,
section.module.content.mod_article.last.block {
    padding-right:10px;
    padding-left:18px;
}

/* RESPO Parallax */
@media (min-width: 1201px) {
    section.module.parallax {
            width:100%;
            position:relative;
            padding:100px 0;
            background-position: -5px 0;
        }
}

/* RESPO Parallax */
@media screen and (max-width:1200px) {
    section.module.parallax {
        width:100%;
        min-height: 300px;
        padding:50px 0;
        background-position: -0px 0;
    }
}

#main section.module.parallax h1,
#main section.module.parallax-2 h1 {
    padding-top:50px;
    padding-bottom:30px;
    text-align:center;
    font-size:2.2rem;
    line-height:2.7rem;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    word-spacing:2px;
    font-weight:400;
}
section.module.parallax h4 {
    text-align:center;
    font-size:32px;
    font-style:italic;
    color:#fff;
    text-transform:uppercase;
}

/* RESPO Home 1/800 */
@media (min-width: 300px) and (max-width: 800px) {
    section.module.parallax-1 {
        min-height:370px;
        width:100%;
        background-image:url("../../files/bilder/bild11_800.jpg");
        background-color:#4a4a49;
        position: relative;
        top: 80px;
        margin-bottom: 20px;
        background-position:center top;
        background-repeat:no-repeat;
        background-size: cover;
        z-index: -1;
    }
}

/* RESPO Home 1/1200 */
@media (min-width: 801px) and (max-width: 1200px) {
    section.module.parallax-1 {
        min-height:500px;
        width:100%;
        background-image:url("../../files/bilder/bild11_1200.jpg");
        position: relative;
        top: 64px;
        margin-bottom: 10px;
        background-position:center top;
        background-repeat:no-repeat;
        z-index: -1;
    }
}

/* RESPO Home 1/1916 */
@media (min-width: 1201px) {
    section.module.parallax-1 {
        width:100%;
        min-height:650px;
        background-image:url("../../files/bilder/bild11_1916.jpg");
        background-position:center top;
        background-repeat:no-repeat;
        padding-top:10px;
    }
}

/* RESPO Home 2/800 */
@media (min-width: 300px) and (max-width: 800px) {
    section.module.parallax-2 {
        position: relative;
        width:100%;
        min-height: 450px;
        top: 0px;
        padding-top:40px;
        padding-bottom:40px;
        background-image:url("../../files/bilder/bild21_800.jpg");
        background-color:#4a4a49;
        background-position:center top;
    }
}

/* RESPO Home 2/1200 */
@media (min-width: 801px) and (max-width: 1200px) {
    section.module.parallax-2 {
        width:100%;
        min-height:500px;
        padding-top:60px;
        padding-bottom:60px;
        background-image:url("../../files/bilder/bild21_1200.jpg");
        background-color:#4a4a49;
        background-position:center top;
        background-repeat:no-repeat;
    }
}

/* RESPO Home 2/1916 */
@media (min-width: 1201px) {
    section.module.parallax-2 {
        width:100%;
        min-height:400px;
        background-image:url("../../files/bilder/bild21_1916.jpg");
        background-position:center top;
        background-repeat:no-repeat;
    }
}

/* RESPO Home 3/1916 */
@media screen and  (min-width: 1201px) {
    section.module.parallax-3 {
        min-height:350px;
        width:100%;
        padding-top:100px;
        padding-bottom:100px;
        background-image:url("../../files/bilder/bild31b.jpg");
        background-position:center top;
        background-repeat:no-repeat;
    }
}

/* RESPO Home 3/1200 */
@media screen and (min-width: 801px) and (max-width: 1200px) {
    section.module.parallax-3 {
        width:100%;
        min-height: 350px;
        padding-top:60px;
        padding-bottom:60px;
        background-image:url("../../files/bilder/bild31_1200.jpg");
        background-position:center top;
        background-repeat:no-repeat;
    }
}

/* RESPO Home 3/800 */
@media screen and (min-width: 300px) and (max-width: 800px) {
    section.module.parallax-3 {
        position: relative;
        width:100%;
        min-height: 450px;
        background-position:center 0%;
        padding-top:5px;
        padding-bottom:5px;
        background-image:url("../../files/bilder/bild31_800.jpg");
        top:100px;
        background-repeat:no-repeat;
    }
}

/* RESPO Picture for Page Vision */
@media (min-width: 801px) and (max-width: 1200px) {
    section.module.parallax-1V {
            width:100%;
            max-height:600px;
            padding-top: 300px;
            background-image:url("../../files/bilder/bild41_1916.jpg");
            background-position:center top;
            background-repeat:no-repeat;
        }
}

/* RESPO Picture for Page Vision */
@media (min-width: 1201px) {
    section.module.parallax-1V {
        width:100%;
        max-height:600px;
        padding-top: 300px;
        background-image:url("../../files/bilder/bild41_1916.jpg");
        background-position:center top;
        background-repeat:no-repeat;
    }
}

/* RESPO Picture for Vision 1/800 */
@media (min-width: 300px) and (max-width: 800px) {
    section.module.parallax-1V {
        width:100%;
        min-height:334px;
        background-image:url("../../files/bilder/bild41_800.jpg");
        position: relative;
        top: 80px;
        margin-bottom: 20px;
        background-position:center top;
        background-repeat:no-repeat;
        z-index: -1;
    }
}

/* Picture for Page Gebet */
@media screen and (max-width:579px) {
    section.module.parallax-1G {
       width:100%;
       min-height:680px;
       margin-top:10px;
        padding-top:70px;
        padding-bottom:70px;
        background-position:center center;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild81_800.jpg");
        background-size:cover;
    }
}

/* Picture for Page Gebet */
@media screen and (min-width:580px) and (max-width:1023px) {
    section.module.parallax-1G {
       width:100%;
       min-height:580px;
       margin-top:10px;
        padding-top:70px;
        padding-bottom:70px;
        background-position:center center;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild81_800.jpg");
        background-size:cover;
    }
}
@media screen and (min-width:1024px) {
    section.module.parallax-1G {
        max-height:500px;
        padding-top:280px;
        background-image:url("../../files/bilder/bild81.jpg");
        background-position:center top;
        background-repeat:no-repeat;
    }
}
@media screen and (min-width:581px) and (max-width:1023px) {
    section.module.parallax-1G {
        margin-top:10px;
        min-height:480px;
        padding-top:70px;
        padding-bottom:70px;
        background-position:center center;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild81_800.jpg");
        background-size:cover;
    }
}

/* Picture Page News */
section.module.parallax-1N {
    min-height:560px;
    background-image:url("../../files/bilder/bild51_1916.jpg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* Picture Page News */
section.module.parallax-1S {
    height:320px;
    background-image:url("../../files/bilder/bild31_1916.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size: cover;
}

/* Picture Page News */
section.module.parallax-1W {
    min-height:560px;
    margin-top:40px;
    background-image:url("../../files/bilder/bild71b.jpg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* Picture Page Agenda */
section.module.parallax-1A {
    min-height:560px;
    background-image:url("../../files/bilder/bild61.jpg");
    background-position:center top;
    background-repeat:no-repeat;
}

/* RESPO Agenda 1/800 */
@media (min-width: 300px) and (max-width: 800px) {
    section.module.parallax-1A {
        width:100%;
        min-height:334px;
        background-image:url("../../files/bilder/bild61_800.jpg");
        position: relative;
        top: 80px;
        margin-bottom: 20px;
        background-position:center top;
        background-repeat:no-repeat;
        z-index: -1;
    }
}

/* RESPO Agenda 1/1200 */
@media (min-width: 801px) and (max-width: 1200px) {
    section.module.parallax-1A {
        width:100%;
        min-height:500px;
        background-image:url("../../files/bilder/bild61_1200.jpg");
        position: relative;
        top: 60px;
        margin-bottom: 10px;
        background-position:center top;
        background-repeat:no-repeat;
        z-index: -1;
    }
}

/* Picture Page Kontakt */
section.module.parallax-1K {
    background-position:center top;
    background-repeat:no-repeat;
    background-image:url("../../files/bilder/bild51b.jpg");
}

/* Background dark Articles */
.bg_dark {
    background-color:#4a4a49;
    color:#fff;
}

/* Background dark Articles */
section.module.bg_dark h5 a,
section.module.bg_dark p a,
section.module.bg_dark a {
    color:#fff;
}

/* Home Boxed heading */
.box_border {
    width: 60%;
      max-width: 500px;
      margin: 20px auto 30px;
      padding: 20px;
      border: 2px solid #ffffff;
      display: flex;
      flex-flow: column wrap;
      flex-flow: column wrap;
      justify-content: center;
      align-content: space-around;
}
@media screen and (max-width:519px) {
    #main .inside .box_border h1 {
        font-size: 1.5rem;
          line-height: 2.4rem;
          text-transform: uppercase;
          word-spacing: 1px;
          font-weight: 500;
          margin:0;
    }
}
@media screen and (min-width:520px) {
    #main .inside .box_border h1 {
        font-size: 2.5rem;
          line-height: 3.4rem;
          text-transform: uppercase;
          word-spacing: 1px;
          font-weight: 500;
          margin:0;
    }
}
:is(#home,#homer-f) .mod_article.first.last.block section.module.content div.container.bg_dark {
    padding:10px;
}

/* Style for "Die Vision von TJCII" (border) */
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container2 div.ce_text.first.last.block div.box_border h1 {
    font-size:32px;
    color:#fff;
    letter-spacing:2px;
}

/* Home Formatting */
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container {
    margin-top:-50px;
    text-align:center;
    background-color:#4a4a49;
    color:#fff;
}
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container2 {
    margin-top:-10px;
    text-align:center;
    background-color:#4a4a49;
    color:#fff;
}
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container div.ce_text.first.last.block h1,
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container2 div.ce_text.first.last.block h1 {
    margin-top:45px;
    margin-bottom:20px;
    font-size:2rem;
    line-height:2.6rem;
    color:#97C1DA;
    text-transform:uppercase;
    letter-spacing:2px;
    word-spacing:7px;
    font-weight:500;
}
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container div.ce_text.first.last.block p {
    margin-right:auto;
    margin-bottom:20px;
    margin-left:auto;
    text-align:center;
    font-size:1.1rem;
    font-style:italic;
    letter-spacing:1px;
    font-weight: 300;
}
:is(#home,#homer-f) .mod_article.first.last.block section.module.parallax.parallax-2 div.container h3,
:is(#home,#homer-f) .mod_article.first.last.block section.module.parallax.parallax-3 div.container h3 {
    margin-top:-10px;
    text-align:center;
    font-size:1.4rem;
    font-style:italic;
    color:#fff;
}
:is(#home,#homer-f) .mod_article section.module.content div.container div h2 {
    margin-bottom:12px;
    padding-bottom:5px;
    text-align:center;
    font-size:1.7rem;
    font-weight:bold;
    color:#4a4a49;
    text-transform:uppercase;
    letter-spacing:1px;
}
:is(#home,#homer-f)  section.module.content {
    padding:15px 15px 60px;
}
:is(#home,#homer-f)  section.module.content div.ce_text.first.last.block {
    width:100%;
    max-width:900px;
    margin-top:35px;
    margin-bottom:-30px;
    padding-right:10px;
    padding-left:18px;
}

/* VISION / GEEBET PAGE CSS */
:is(#vision,#vision-f) .mod_article.first.last.block section.module.parallax.parallax-1V div.container h1,
:is(#gebet,#gebet-f).mod_article.first.last.block section.module.parallax.parallax-1V div.container h1 {
    padding-top:460px;
    font-size:2.6rem;
    line-height:3.2rem;
    font-weight:normal;
    text-transform:none;
}
.inside :is(#vision,#vision-f)  div.ce_text.first.last.block h4,
.inside :is(#gebet,#gebet-f) div.ce_text.first.last.block h4 {
    font-size:1.4rem;
    line-height:1.6rem;
    font-weight:bold;
}

/* RESPO Parallax h1 */
@media screen and (max-width:800px) {
    :is(#vision,#vision-f) .mod_article.first.last.block section.module.parallax.parallax-1V div.container h1 {
        padding-top:150px;
        padding-bottom: 50px;
        margin-bottom: 50px;
        font-size:1.6rem;
        line-height:2rem;
        font-weight:normal;
        text-transform:none;
    }
}

/* RESPO Parallax h1 */
@media screen and (min-width: 801px) and (max-width: 1200px) {
    :is(#vision,#vision-f) .mod_article.first.last.block section.module.parallax.parallax-1V div.container h1 {
        padding-top: 0px;
        padding-bottom: 50px;
        margin-bottom: -50px;
        font-size:1.6rem;
        line-height: 2rem;
        font-weight:normal;
        text-transform:none;
    }
}

/* RESPO Parallax h1 */
@media (min-width: 1200px) {
    :is(#vision,#vision-f) .mod_article.first.last.block section.module.parallax.parallax-1V div.container h1 {
        padding-top: 400px;
        font-size:2.6rem;
        line-height: 3.2 rem;
        font-weight:normal;
        text-transform:none;
    }
}
:is(#vision,#vision-f)  h2,
:is(#gebet,#gebet-f) h2 {
    font-size:30px;
    font-weight:bold;
    text-transform:uppercase;
}

/* RESPO Vision Background Special Article */
@media (min-width:600px) and (max-width:800px) {
    .wall {
        height:300px;
        overflow:hidden;
        background-image:url("../../files/bilder/bild81_800.jpg");
        background-repeat:no-repeat;
        color:#fff;
        background-size:cover;
    }
}

/* RESPO Vision Background Special Article */
@media (min-width:801px) and (max-width:1199px) {
    .wall {
        height:400px;
        overflow:hidden;
        background-image:url("../../files/bilder/bild81_1200.jpg");
        background-repeat:no-repeat;
        color:#fff;
        background-size:cover;
    }
}

/* RESPO Vision Background Special Article */
@media screen and (min-width: 1200px) {
    .wall {
        height:540px;
        overflow:hidden;
        background-image:url("../../files/bilder/bild81_1437.jpg");
        background-repeat:no-repeat;
        color:#fff;
        background-size:cover;
    }
}

/* Vision Background Special Article */
.wall .ce_text {
    margin-top:3%;
}
.list li {
    margin-top:20px;
    margin-left:25px;
    text-align:justify;
    font:1.1rem/1.9rem Roboto,Arial,sans-serif;
    list-style-type:decimal;
}
:is(#vision,#vision-f)  section.module.content div.ce_text.first.last.block {
    width:96%;
    max-width:960px;
    padding-top:35px;
    padding-bottom:12px;
}
section.module.content div.ce_text.first.last.block {
    width:96%;
    max-width:960px;
    padding-top:35px;
    padding-bottom:12px;
}
:is(#vision,#vision-f)  section.module.content div.ce_text.first.last.block a,
:is(#gebet,#gebet-f) section.module.content div.ce_text.first.last.block a {
    font-weight:normal;
    text-decoration:underline;
}
:is(#vision,#vision-f)  section.module.content div.ce_text.bg_dark.first.last.block a,
:is(#gebet,#gebet-f) section.module.content div.ce_text.bg_dark.first.last.block a {
    font-weight:normal;
    text-decoration:underline;
    color:#fff;
}

/* NEWS PAGE - columns defined here */
div.layout_full.block {
    width:96%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}

/* NEWS PAGE - columns defined here */
#newsreader div.ce_text.block {
    padding-top:10px;
    padding-bottom:10px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -ms-column-count: 2;
    -ms-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
#main .inside .mod_newsreader p.back {
    padding-top:30px;
    padding-bottom:30px;
    padding-left:40px;
}
.mod_newslist .arc_1,
.mod_newslist .arc_2 {
    padding-top:30px;
}
#news.mod_article.first.block div.ce_text.last.block div.ce_text.first.last.block h2 {
    font-weight:bold;
    text-transform:uppercase;
}
.teaser {
    padding-right:10px;
    padding-left:0;
}
.mod_newslist h2 {
    width:100%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
#main .inside .mod_newslist h2 a {
    padding-right:10px;
    padding-left:10px;
    font:1.6rem Merriweather,Garamond,serif;
    color:#4A4A49;
    letter-spacing:1px;
    word-spacing:1px;
    font-weight:700;
}

/* AGENDA PAGE - styles start here */
#events-list div.header.even.first,
#events-list div.header.odd.last,
#events-list.mod_article.last.block div.mod_eventlist.block div.header.odd,
#events-list.mod_article.last.block div.mod_eventlist.block div.header.even {
    width:98%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
.mod_eventlist.block {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:18px;
}
.mod_eventlist.block,
.mod_eventreader.eventreader.block {
    padding-right:10px;
    padding-left:18px;
}
.event {
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    background-color:#f2f2f2;
}
.mod_eventlist .header {
    margin-top:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    background-color:#808080;
    color:#fff;
}
#events #main .inside h2 {
    font:1.6rem Roboto,Arial,sans-serif;
    color:#000;
    text-transform:none;
    font-weight:700;
}
.event.layout_teaser span.date2,
.event.layout_teaser span.day2 {
    font-size:1.1rem;
}
#main .inside #events-list p {
    padding-top:0;
    padding-bottom:0;
    padding-left:5px;
    font-size:1.1rem;
}
#main .inside #events-list li {
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
    font-size:1.1rem;
}
#events-list div.header.even.first,
#events-list div.header.odd.first {
    margin-top:10px;
}
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser .upcoming.even.first.last.cal_3 h2 a,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser .upcoming.even.first.last.cal_3 h2,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.even.first.cal_3 h2 a,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.even.first.cal_3 h2,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.odd.last.cal_3 h2 a,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.odd.last.cal_3 h2 {
    margin-top:10px;
    margin-bottom:5px;
    margin-left:3px;
    padding-top:0;
    padding-bottom:0;
    font-weight:bold;
    color:#4A4A49;
}
#main .inside .mod_eventreader  div.event.layout_full.block h1 {
    font:1.6rem Roboto,Arial,sans-serif;
    font-weight:700;
}
#main .inside .mod_eventreader  div.event.layout_full.block li {
    font-size:.95rem;
    line-height:1.4rem;
    text-indent:15px;
}
#events-details .event.layout_list h2 a {
    margin-left:4px;
    font-size:1.1rem;
    font-weight:normal;
    color:#000;
}
#main .inside p.more,
#main .inside a.more {
    padding-bottom:20px;
    border-bottom:1px dotted #000;
}
p.more a {
    padding-left:0;
}
.info h4 {
    font-weight:bold;
    font:1.7rem Roboto,Arial,sans-serif;
}

/* SHOP SHOP SHOP SHOP */
.productlist {
    width:95%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
input,
button,
textarea,
select {
    margin-top:10px;
}

/* List of products */
#warenkorb .formbody,
#kasse .formbody,
#checkout #main .formbody,
#iso_mod_checkout_address .formbody {
    width:95%;
    max-width:960px;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    padding:15px;
    background-color:rgba(181,176,176,.2);
}

/* List of products */
#kasse .formbody div.payment,
#kasse .formbody div.shipping {
    width:95%;
    max-width:960px;
    margin:30px auto 40px;
    padding:30px 15px;
}

/* List of products */
#bestellen #main .formbody {
    width:95%;
    max-width:960px;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding:0;
}
.product .formbody {
    max-width:960px;
    margin-top:5px;
    padding:1rem 2.2rem;
    background-color:#f2f2f2;
}
.price {
    padding-top:10px;
    padding-bottom:10px;
}
.mod_iso_cart .price {
	padding-bottom:0;
}
.sku {
    display:none;
}
.shopping-cart {
    width:95%;
    max-width:960px;
    top:20px;
    position:absolute;
    float:right;
    margin-right:auto;
    margin-left:auto;
}
.formbody .teaser,
.formbody .price,
.formbody .details
 {
    width:80%;
    max-width:500px;
    float:left;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    font-size:16px;
}
.offer {
 /*   width:95%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;  */
    font-size:1.1rem;
}
#bestellen .teaser {
    width:70%;
    max-width:700px;
}
#bestellen .price,
#bestellen .offer {
    float:none;
    margin-top:15px;
    font-size:1.1rem;
}
#bestellen .formbody .submit_container {
    width:142px;
    float:right;
    display:inline;
    margin-top:-120px;
    padding-right:10px;
}
.product_list div.formbody h3 a {
    padding-top:0;
    font:1.5rem/4rem Roboto,Arial,sans-serif;
    font-weight:bold;
    text-decoration:none;
    color:#4A4A49;
    font-weight:500;
}
#main .inside div.product_list div.formbody h3 {
    max-width:780px;
    margin-left:0;
    padding-top:2px;
}
#main .inside div.product_list div.formbody h3 {
    max-width:780px;
    margin-top:0;
    margin-left:0;
    padding-top:2px;
}
#main .inside div.product_list .teaser {
    max-width:99%;
    margin-top:2rem;
}
#main .product .inside h3 a {
    margin-top:0;
}
#bestellen .details {
    margin-top:10px;
    padding-bottom:30px;
    border-bottom:1px dashed;
}
#bestellen .ce_text.block {
    width:95%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
#bestellen submit {
    font-size:15px;
}
.quantity_container input {
    width:30px;
    font-size:15px;
}
.quantity_container label {
    width:30px;
    font-size:15px;
}
#bestellen .quantity_container {
    width:200px;
    position:relative;
    margin-bottom:10px;
}

/* Cart */
.mod_iso_cart {
    width:95%;
    max-width:800px;
    margin-top:18px;
    margin-right:auto;
    margin-left:auto;
    font-size:15px;
}
#main .inside #warenkorb h2,
#warenkorb div.ce_text.last.block {
    width:78%;
    max-width:750px;
    margin-right:auto;
    margin-left:auto;
}
#kasse .formbody {
    margin-top:30px;
}

/*
.mod_iso_cart .formbody .teaser,
.mod_iso_cart .formbody .price,
.mod_iso_cart .formbody .details,
.mod_iso_cart .formbody h3 {
    width:30%;
    max-width:200px;
    float:left;
    font-size:15px;
}
*/
div.mod_iso_cart.block .formbody  input[type="text"] {
    width:20px;
    margin-right:15px;
    margin-left:25px;
}
td.col_1,
td.col_5 {
    top:10px;
    position:relative;
}
td.col_1 {
    min-width:250px;
    margin-left:50px;
}
td.col_2.quantity {
    position:relative;
}
td.col_4.price.total {
    width:40px;
    position:relative;
    margin-left:90px;
}
.mod_iso_cart table {
    width:95%;
    max-width:800px;
    position:relative;
}
td.col_5 {
    padding-left:50px;
}
.remove {
    margin-right:7px;
    padding-left:15px;
}


/* Checkout - Kasse */
.steps {
    visibility: hidden;
}
.iso_mod_checkout_address .address_new {
    width:400px;
}

/* Checkout - Kasse - Address */
#kasse div.address.billingaddress.first,
#kasse div.address.shippingaddress.last,
div.address.billingaddress.first,
div.address.shippingaddress.last {
    width:450px;
}
#iso_mod_checkout_address .formbody div.address.billingaddress.first input[type="text"],
#iso_mod_checkout_address .formbody div.address.billingaddress.first input[type="tel"],
#iso_mod_checkout_address .formbody div.address.billingaddress.first input[type="email"],
#iso_mod_checkout_address .formbody div.address.billingaddress.first select {
    width:350px;
    top:-45px;
    position:relative;
    float:right;
    padding-top:2px;
    padding-bottom:2px;
    font-size:15px;
    outline:none;
    transition: box-shadow .2s ease-in-out;
}
#iso_mod_checkout_address .formbody div.address.shippingaddress.last input[type="text"],
#iso_mod_checkout_address .formbody div.address.shippingaddress.last input[type="tel"],
#iso_mod_checkout_address .formbody div.address.shippingaddress.last input[type="email"],
#iso_mod_checkout_address .formbody div.address.shippingaddress.last select {
    width:250px;
    float:right;
    padding-top:6px;
    padding-bottom:6px;
    font-size:15px;
    outline:none;
    transition: box-shadow .2s ease-in-out;
}
#iso_mod_checkout_address .formbody input#opt_shippingaddress_1.radio,
#iso_mod_checkout_address .formbody input#opt_shippingaddress_0.radio {
    display:block;
}
@media screen and (max-width: 950px) {
    #iso_mod_checkout_review {
        margin-top: 80px }
}
#iso_mod_checkout_address .formbody label {
    font-size:15px;
    line-height:42px;
    font-weight:normal;
}
#f4 div.formbody,
#f6 div.formbody,
div.formbody {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    padding:20px 3px 3px 20px;
    background-color:#f2f2f2;
}
#kasse div.address.shipping_address.last {
    width:450px;
}
#kasse  #opt_shippingaddress_0,
#kasse  #opt_shippingaddress_1 {
    float:left;
    display:block;
    margin-top:12px;
    margin-right:5px;
}
#kasse #lbl_shippingaddress_0 {
    display:block;
}
.submit_container {
    width:100%;
    max-width:960px;
    margin-top:25px;
    margin-right:auto;
    margin-left:auto;
}

/* Review */
div.review.orderproducts div.name {
    margin-top:20px;
    font-size:18px;
}

/* Review */
div.review.orderproducts .subtotal {
    margin-top:20px;
    font-size:15px;
    font-weight:bold;
}

/* Review */
div.review.orderconditionsafterproducts.orderconditions {
    display:block;
    margin-top:20px;
    font-size:15px;
}

/* Newsletter */
:is(#newsletter,#newsletter-f) .ce_text.block,
:is(#newsletter,#newsletter-f) .ce_downloads.last.block,
:is(#newsletter,#newsletter-f) .ce_downloads.first.block,
:is(#newsletter,#newsletter-f) .ce_downloads.first.last.block,
:is(#newsletter,#newsletter-f) div.mod_subscribe.block,
#newsletter-unsubscribe div.mod_unsubscribe.block {
    width:95%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
:is(#newsletter,#newsletter-f) div.mod_subscribe.block .submit,
#newsletter-unsubscribe div.mod_unsubscribe.block .submit {
    margin-top:5px;
    margin-bottom:5px;
    padding:.25em;
    border-collapse:collapse;
    border-color:rgba(219,217,217,.6);
    outline:none;
    transition: box-shadow .2s ease-in-out;
}
div#newsletter.mod_article.first.last.block div.ce_image.first.block figure.image_container img,
div#newsletter-f.mod_article.first.last.block div.ce_image.first.block figure.image_container img,
:is(#impressum,#impressum-f).mod_article.first.last.block div.ce_image.first.block figure.image_container img,
:is(#kontakt, #kontakt-f) .mod_article.first.last.block div.ce_image.first.block figure.image_container img,
#bestellen.mod_article.first.block div.ce_image.first.block figure.image_container img,
#warenkorb.mod_article.first.block div.ce_image.first.block figure.image_container img,
#bestellabschluss.mod_article.first.last.block div.ce_image.first.block figure.image_container img,
#news0.mod_article.first.last.block div.ce_image.first.block figure.image_container,
#news_basis.mod_article.first.last.block div.ce_image.first.block figure.image_container,
#spenden.mod_article.first.last.block div.ce_image.first.block figure.image_container,
#downloads.mod_article.first.last.block div.ce_image.first.block figure.image_container,
#newsreader.mod_article.first.last.block div.ce_image.first.block figure.image_container {
    margin-top:174px;
}
.mod_article.info.first.last.block div.ce_image.first.block figure.image_container img {
    margin-top:174px;
}
:is(#newsletter,#newsletter-f) div.mod_subscribe.block input#ctrl_email_30.text,
#newsletter-unsubscribe div.mod_unsubscribe.block input#ctrl_email_31.text {
    width:250px;
    height:30px;
    margin-right:20px;
    padding-right:3px;
    font-size:1.1rem;
    -moz-box-shadow:inset 1px 1px 5px #cfcfcf;
    -webkit-box-shadow:inset 1px 1px 5px #cfcfcf;
    box-shadow:inset 1px 1px 5px #cfcfcf;
}
#main .inside #newsreader h2 {
    text-transform:none;
    font:1.1rem Roboto.Arial,sans-serif;
}

/* Newsletter Confirmation in red */
:is(#newsletter,#newsletter-f) div.mod_subscribe.block p.confirm {
    font-size:1.1rem;
    color:#c90000;
}

/* Newsletter Downloads */
:is(#newsletter,#newsletter-f) div.ce_downloads.first.block ul,
:is(#newsletter,#newsletter-f) div.ce_downloads.last.block ul,
:is(#newsletter,#newsletter-f) div.ce_downloads.first.last.block ul,
#downloads div.ce_downloads.first.block ul,
#downloads div.ce_downloads.last.block ul,
#downloads div.ce_downloads.first.last.block ul {
    width:100%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
    font-size:1rem;
}

/* Downloads */
.ce_downloads li a {
    font-size:1.1rem;
    line-height:1.6rem;
    font-weight:normal;
}
#main .inside div.downloadli,
#main .inside div.downloadre {
    width:48%;
    max-width:490px;
    float:left;
    display:inline;
    margin-bottom:30px;
    margin-left:10px;
}
@media only screen and (max-width: 800px) {
    #main .inside div.downloadli,
    #main .inside div.downloadre {
        width:400px;
        float:none;
        display:block;
        margin-bottom:30px;
        margin-left:10px;
    }
}

/* Kontakt */
:is(#kontakt, #kontakt-f) .ce_form {
    width:600px;
    margin:0 auto;
    font-size:1.15rem;
    line-height:1.6rem;
}

/* Kontakt */
#emailform .ce_form {
    width:600px;
    margin:0 auto;
    font-size:1rem;
    line-height:1.6rem;
    letter-spacing:1px;
    word-spacing:2px;
}
.widget > label {
    margin-bottom:0;
}
#f4 #ctrl_8 span,
#f4 #ctrl_7 span {
    display:block;
}
#f4 div.formbody p {
    font-size:1rem;
    line-height:1.6rem;
}
#f4 legend {
    margin:30px 0 10px;
    padding:10px 0 0;
    font-size:1.3rem;
    font-weight:bold;
}
#f4 #ctrl_35 {
    width:295px;
    float:left;
}
#f4 #ctrl_25,
#f4 #ctrl_27 {
    width:364px;
    float:left;
}
#f4 #ctrl_26,
#f4 #ctrl_28 {
    width:70px;
    margin-top:5px;
}
#f4 #ctrl_22 {
    width:225px;
    float:left;
}
#f4 .formular_adresse {
    width:400px;
    margin-top:20px;
    margin-bottom:20px;
}
#f4 .formular_adresse label {
    width:150px;
    float:left;
    display:block;
}
#f4 .formular_adresse input {
    width:270px;
    display:block;
}
#f4 div.widget:nth-child(19) > label:nth-child(1) {
    width:150px;
    float:left;
    display:block;
}
#f4 span.captcha_text {
    display:block;
    margin-top:4px;
    font-size:.9rem;
}
#f4 div.formbody input#ctrl_18 {
    width:270px;
    display:block;
    font-size:.9rem;
}

/* Email Form */
#f3 {
    width:200px;
    margin-right:auto;
    margin-left:auto;
    padding:10px 100px;
    background-color:rgba(74,74,73,.2);
}
input[type=submit] {
    font-size:14px;
}

/* Kontakt */
:is(#kontakt, #kontakt-f) .image_container {
    margin-top:40px;
}

/* Search Page CSS */
#search.mod_article.first.last.block div.ce_text.first.block h1 {
    width:100%;
    display:block;
    padding-top:180px;
    text-transform:uppercase;
}
#main div.inside div#search.mod_article.first.last.block div.mod_search.block {
    width:100%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
#search > div.mod_search.block > form {
    margin:0 auto;
}
#search.mod_article.first.last.block div.mod_search.block form div.formbody input {
    padding-top:8px;
    padding-bottom:8px;
}
#search.mod_article.first.last.block div.mod_search.block form div.formbody input#ctrl_keywords_33 {
    width:50%;
    max-width:960px;
    margin-bottom:20%;
    margin-left:20%;
}
.search1 #main .inside h3 {
    margin-top:40px;
    font-size:1.5rem;
    line-height:1.7rem;
}
.search1 #main .inside p {
    font-size:1.05rem;
    line-height:1.5rem;
}
.search1 p.url {
    border-bottom:2px dotted;
}
input[type="search"] {
    max-width:98%;
    margin-top:50px;
    margin-right:10px;
    line-height:2rem;
}
/* ************************************************************************************************************************** */
@media screen {
#info > div.ce_text.first.last.block > p:nth-child(1) {
    width:0px;
    height:0px;
    display:none;
    margin:0;
    padding:0;
}
#mobile-menu-57 {
    z-index:60000;
}
#mobile-menu-57 .inner {
    right:20px;
    top:70px;
    padding-top:8px;
    padding-left:14px;
    border:1px solid rgba(209,209,209,.2);
    border-radius:5px;
    z-index: 60000;
}
.mobile_menu .inner {
    background-color:rgba(56,56,56,.8);
    z-index:50000;
}
.mobile_menu .inner ul {
    margin-top:50px;
}
.mobile_menu .inner li {
    margin-left:20px;
    border-bottom:1px dotted #fff;
    border-spacing:20px;
}
.mobile_menu .inner li .active {
    margin-right:0;
    margin-left:0;
    background-color:#1b87c2;
    border-bottom:1px dotted #fff;
    border-spacing:20px;
    font-size:1.1rem;
    line-height:2rem;
    font-style:italic;
    color:#fff;
    text-indent:15px;
}
.mobile_menu .inner p,
.mobile_menu .inner a {
    margin-right:5px;
    margin-left:5px;
    border-spacing:20px;
    font-size:1.1rem;
    line-height:2rem;
    color:#fff;
    z-index: 5500;
}
#footer p {
    width:100%;
    position:relative;
    float:left;
    margin:0;
    padding-top:5px;
    text-align:left;
}
section.module.content {
    padding:6px 0 5px;
}
section.module.parallax h1 {
    text-align:center;
    font:2.7em Lora,Georgia,serif;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    word-spacing:2px;
}
@media screen and (max-width:1023px) {
    section.module.parallax h4 {
        text-align:center;
        font-size:32px;
        font-style:italic;
        color:#fff;
        text-transform:uppercase;
    }
}
@media screen and (max-width:1023px) {
    section.module.parallax-2 {
        height:300px;
        padding-top:50px;
        padding-bottom:50px;
        background-position:center top;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild12_838.jpg");
        background-size:cover;
    }
}
@media screen and (max-width:1023px) {
    section.module.parallax-3 {
        padding-top:0;
        padding-bottom:0;
        background-position:center top;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild31_838.jpg");
        background-size:cover;
    }
}
@media screen and (max-width:1023px) {
    section.module.parallax-3 h1 {
        margin-top:-40px;
    }
}
@media screen and (max-width:1023px) {
    section.module.parallax-1V {
        margin-top:50px;
        padding-top:90px;
        padding-bottom:70px;
        background-position: center center;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild41_1916.jpg");
        background-size:cover;
    }
}

/* Picture Page News */
section.module.parallax-1N {
    background-image:url("../../files/bilder/bild51_838.jpg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

/* Picture for Page Agenda */
@media screen and max-width:1200px) {
    section.module.parallax-1A {
        padding-bottom:0;
        background-position:center center;
        background-repeat:no-repeat;
        background-image:url("../../files/bilder/bild61_838.jpg");
    }
}

/* Picture for Page Kontakt */
section.module.parallax-1K {
    background-position:center top;
    background-repeat:no-repeat;
    background-image:url("
    ../../files/bilder/bild51b.jpg"
    );
}

/* RESPO Vision Background Special Article */
.wall {
    width:100%;
    height:430px;
    overflow:hidden;
    background-image:url("../../files/bilder/bild81_599.jpg");
    background-repeat:no-repeat;
    color:#fff;
    background-size:cover;
}
#main .inside div.ce_text.bg_picV.first.last.block h3 {
    padding-top:0;
}

/* Vision / Gebet special style */
:is(#vision,#vision-f)  h4,
:is(#gebet,#gebet-f) h4 {
    font-size:1.5rem;
    font-weight:bold;
    text-transform:none;
    letter-spacing:2px;
    word-spacing:2px;
}
:is(#vision,#vision-f)   section.module.content div.bg_dark p a,
:is(#gebet,#gebet-f)  section.module.content div.bg_dark p a {
    color:#fff;
}
:is(#vision,#vision-f)  .list li,
:is(#gebet,#gebet-f) .list li {
    margin-top:10px;
    margin-left:25px;
    font-size:1.1rem;
    line-height:1.6rem;
    color:#fff;
    font-weight:300;
}
:is(#vision,#vision-f)  section.module.content div.ce_text.bg_dark.first.last.block a,
:is(#gebet,#gebet-f) section.module.content div.ce_text.bg_dark.first.last.block a {
    font-weight:normal;
    text-decoration:underline;
    color:#fff;
}

/* Background for dark Articles */
.bg_dark {
    background-color:#4a4a49;
    color:#fff;
}

/* Home Boxed heading */
.box_border {
    width:70%;
    max-width:500px;
    margin:20px auto 30px;
    padding:5px;
    border:2px solid #fff;
    text-transform:uppercase;
}

/* Padding To Mobile Pages */
#info.ce_text,
#events-list,
#bestellen > div.ce_text.block {
    padding:5px 10px;
}
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container div.ce_text.first.last.block div.box_border h1,
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container2 div.ce_text.first.last.block div.box_border h1 {
    font-size:32px;
    color:#fff;
    letter-spacing:2px;
}

/* Home CSS */
:is(#home,#homer-f) .mod_article.first.last.block section.module.content.bg_dark div.container {
    margin-top:-25px;
    text-align:center;
    background-color:#4a4a49;
    color:#fff;
}

/* VISION PAGE CSS */
:is(#vision,#vision-f) .mod_article.first.last.block section.module.parallax.parallax-1V div.container h1 {
    padding-top:10px;
    font-size:2rem;
    text-transform:none;
}

/* GEBET PAGE CSS */
:is(#gebet,#gebet-f).mod_article.first.last.block section.module.parallax.parallax-1G div.container h1 {
    padding-top:10px;
    font-size:2rem;
    text-transform:none;
}

/* Gebet special style */
:is(#gebet,#gebet-f) h4 {
    font-size:1.5rem;
    font-weight:bold;
    text-transform:none;
    letter-spacing:2px;
    word-spacing:2px;
}
:is(#vision,#vision-f)  h2,
:is(#gebet,#gebet-f) h2 {
    font-size:30px;
    font-weight:bold;
    text-transform:uppercase;
}
#main .inside .container div.ce_text.first.last.block {
    padding-top:10px;
    padding-right:10px;
    padding-left:0;
}

/* NEWS PAGE - columns defined here */
@media screen and  (max-width:499px) {
    #newsreader div.ce_text.block {
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -ms-column-count: 1;
        -ms-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px; }
}

/* NEWS PAGE - columns defined here */
@media screen and (min-width:500px) {
    #newsreader div.ce_text.block {
        -moz-column-count: 12;
        -moz-column-gap: 20px;
        -ms-column-count: 2;
        -ms-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px; }
}

/* NEWS PAGE - columns defined here */
div.layout_full.block {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:8px;
    padding-left:8px;
}
#news.mod_article.first.block div.ce_text.last.block div.ce_text.first.last.block h2 {
    font-weight:bold;
    text-transform:uppercase;
}
.mod_newslist h2 {
    max-width:600px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.mod_newslist p {
    margin-top:20px;
}
@media screen and (max-width:1023px) {
    .mod_newslist .more a {
       margin-left:20px;
    }
}
#main .inside .mod_newslist h2 a {
    font:1.6rem Lora,Georgia,serif;
    font-weight:bold;
    color:#4A4A49;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:1px;
}
#news0 > div.mod_newslist.block > div > p > a {
    padding-right:15px;
    padding-left:15px;
}
#news0 > div.mod_newslist.block > div.layout_latest > div {
    padding-right:15px;
    padding-left:15px;
}
#main .inside #newsreader h2 {
    text-transform:none;
    font:1.1rem Roboto.Arial,sans-serif;
}

/* AGENDA PAGE - styles start here */
#events-list div.header.even.first,
#events-list div.header.odd.last,
#events-list.mod_article.last.block div.mod_eventlist.block div.header.odd,
#events-list.mod_article.last.block div.mod_eventlist.block div.header.even {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
#events #main .inside h2 {
    font-weight:bold;
    color:#000;
    text-transform:none;
    font:1.6rem Roboto,Arial,sans-serif;
}
#main container2 .event {
    padding-bottom:10px;
    padding-left:10px;
    background-color:#f2f2f2;
}
#events-list div.header.odd,
#events-list div.header.even {
    width:960px;
    margin-right:auto;
    margin-left:auto;
    padding-top:10px;
    border-top:1px dotted;
    font-size:14px;
}
#events-list span.date,
#events-list span.day {
    padding-top:15px;
    font-size:.9rem;
}
.event {
    padding-bottom:10px;
    padding-left:10px;
    background-color:#f2f2f2;
}
#main .inside #events-list p,
#main .inside #events-list li {
    padding-top:0;
    padding-bottom:0;
    font-size:.9rem;
}
#events-list div.header.even.first {
    margin-top:10px;
}
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.even.first.last.cal_3 h2 a,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.even.first.cal_3 h2 a,
#events-list.mod_article.last.block div.mod_eventlist.block div.event.layout_teaser.upcoming.odd.last.cal_3 h2 a {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    color:#4A4A49;
}
#main .mod_eventlist p.time time,
#main .mod_eventlist p.location,
#main .mod_eventlist h2 {
    margin-right:20px;
    margin-left:20px;
    padding-top:15px;
    padding-left:0;
}
#main .inside .mod_eventreader  div.event.layout_full.block h1 {
    font:1.9rem Roboto,Arial,sans-serif;
}
#main .inside .mod_eventreader  div.event.layout_full.block li {
    font-size:.95rem;
    line-height:1.4rem;
    text-indent:15px;
}

/* Info CSS */
.info h4 {
    font-weight:bold;
    font:1.7rem Roboto.Arial,sans-serif;
}

/* SHOP SHOP SHOP */
#bestellen h3 {
    font-size: 1rem !important;
}
.productlist {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
input,
button,
textarea,
select {
    margin-top:10px;
}

/* List of products */
#warenkorb .formbody,
#kasse .formbody,
#checkout #main .formbody {
    width:100%;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    padding:15px;
    background-color:rgba(181,176,176,.2);
}

/* List of products */
#kasse .formbody div.payment,
#kasse .formbody div.shipping {
    width:98%;
    margin:30px auto 40px;
    padding:30px 15px;
}

/* List of products */
#bestellen #main .formbody {
    width:96%;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding:0;
}
.sku {
    display:none;
}
.shopping-cart {
    width:98%;
    top:20px;
    position:absolute;
    float:right;
    margin-right:auto;
    margin-left:auto;
}
.formbody .teaser,
.formbody .price,
.formbody .details,
.formbody h3 {
/*    float:left;    */          /*   *****************************  */
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    text-align:justify;
    font-size:15px;
}
.offer .price {
 /*   width:98%;  */									/*  *****************************  */
    margin-right:auto;
    margin-left:auto;
}
#bestellen .formbody .submit_container {
    width:98%;
    float:left;
    display:inline;
    margin-top:-50px;
    padding-bottom:10px;
    border-bottom:1px dotted;
}
.product_list div.formbody h3 a {
    padding-top:20px;
    font-weight:600!important;
    text-decoration:none;
    color:#4A4A49;
    font:18px Roboto,Arial,sans-serif;
}
#main .inside div.product_list div.formbody h3 {
    padding-top:20px;
}
#bestellen .details {
    margin-top:10px;
    padding-bottom:40px;
}
#bestellen submit {
    font-size:15px;
}
.quantity_container input {
    width:30px;
    font-size:15px;
}
.quantity_container label {
    width:30px;
    font-size:15px;
}
.quantity_container {
    width:200px;
    margin-top:10px;
    margin-bottom:10px;
}
.iso_confirm {
    width:70%;
    padding-top:5px;
    padding-right:2px;
    padding-left:2px;
    font-size:.9rem;
    line-height:1.2rem;
    font-style:italic;
    color:#912323;
}

/* Cart */
.mod_iso_cart {
    width:98%;
    margin-right:auto;
    margin-left:auto;
    font-size:15px;
}
#kasse .formbody {
    margin-top:30px;
}
.mod_iso_cart .formbody .teaser,
/* .mod_iso_cart .formbody .price, */ 
.mod_iso_cart .formbody h3 {
    width:100px;
    float:left;
    font-size:15px;
}
div.mod_iso_cart.block .formbody  input[type="text"] {
    width:40px;
    margin-right:15px;
    margin-left:25px;
}
td.col_1,
td.col_5 {
    position:relative;
}
td.col_1 {
    padding-left:15px;
}
.mod_iso_cart table {
    margin-right:0;
    margin-left:0;
}
.mod_iso_cart td {
    min-width: 40px;
    padding: 4px 5px;
}
.iso_mod_checkout_address .address_new {
    width:85%;
}

/* Checkout - Kasse - Address */
#kasse div.address.billingaddress.first,
#kasse div.address.shippingaddress.last {
    min-width:250px;
}
#iso_mod_checkout_address .formbody div.address.billingaddress.first input[type="text"],
#iso_mod_checkout_address .formbody div.address.billingaddress.first input[type="tel"],
#iso_mod_checkout_address .formbody div.address.billingaddress.first input[type="email"],
#iso_mod_checkout_address .formbody div.address.billingaddress.first select,

#iso_mod_checkout_address .formbody div.address.shippingaddress.last input[type="text"],
#iso_mod_checkout_address .formbody div.address.shippingaddress.last input[type="tel"],
#iso_mod_checkout_address .formbody div.address.shippingaddress.last input[type="email"],
#iso_mod_checkout_address .formbody div.address.shippingaddress.last select {
    width:250px;
    float:right;
    padding-top:6px;
    padding-bottom:6px;
    font-size:15px;
    outline:none;
    transition: box-shadow .2s ease-in-out;
}
#shippingaddress_new input, #shippingaddress_new #ctrl_shippingaddress_country {
	margin-top:-40px;
}
#iso_mod_checkout_address .formbody input#opt_shippingaddress_0.radio {
	display:inline-block;
}
#iso_mod_checkout_address .formbody input#opt_shippingaddress_1.radio {
    display:block;
}
#iso_mod_checkout_address .formbody label {
    font-size:15px;
    line-height:42px;
    font-weight:normal;
}
#kasse div.address.shipping_address.last {
    width:450px;
}
#kasse  #opt_shippingaddress_0,
#kasse  #opt_shippingaddress_1 {
    float:left;
    display:block;
    margin-top:12px;
    margin-right:5px;
}
#kasse #lbl_shippingaddress_0 {
    display:block;
}
.submit_container {
    margin-top:25px;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:20px;
}

/* Review */
div.review.orderproducts div.name {
    margin-top:20px;
    font-size:18px;
}

/* Review */
div.review.orderproducts .subtotal {
    margin-top:20px;
    font-size:15px;
    font-weight:bold;
}
#ctrl_shippingaddress, #ctrl_shippingmethod, #ctrl_paymentmethod {
	padding:10px;
}
/* Review */
div.review.orderconditionsafterproducts.orderconditions {
    display:block;
    margin-top:20px;
    font-size:15px;
}



/* NEWSLETTER CSS */
:is(#newsletter,#newsletter-f) div.mod_subscribe.block,
#newsletter-unsubscribe div.mod_unsubscribe.block {
    width:98%;
    margin-right:auto;
    margin-left:auto;
    padding-right:8px;
    padding-left:8px;
}
:is(#newsletter,#newsletter-f) div.mod_subscribe.block .submit,
#newsletter-unsubscribe div.mod_unsubscribe.block .submit {
    margin-top:5px;
    margin-bottom:5px;
    padding:.25em;
    border-collapse:collapse;
    border-color:rgba(219,217,217,.6);
    outline:none;
    transition: box-shadow .2s ease-in-out;
}
#main .inside :is(#newsletter,#newsletter-f)  p,
#main .inside :is(#newsletter,#newsletter-f)  h1,
#main .inside :is(#newsletter,#newsletter-f)  h2,
#main .inside :is(#newsletter,#newsletter-f)  h3,
#main .inside :is(#newsletter,#newsletter-f)  h4,
#main .inside :is(#newsletter,#newsletter-f)  h5,
#main .inside #newsletter-unsubscribe  p,
#main .inside #newsletter-unsubscribe  h1,
#main .inside #newsletter-unsubscribe  h2,
#main .inside #newsletter-unsubscribe  h3,
#main .inside #newsletter-unsubscribe  h4,
#main .inside #newsletter-unsubscribe  h5 {
    padding-right:8px;
    padding-left:8px;
}
:is(#newsletter,#newsletter-f) div.mod_subscribe.block input#ctrl_email_30.text,
#newsletter-unsubscribe div.mod_unsubscribe.block input#ctrl_email_31.text {
    width:250px;
    height:30px;
    margin-right:20px;
    padding-right:3px;
    font-size:1.1rem;
    -moz-box-shadow:inset 1px 1px 5px #cfcfcf;
    -webkit-box-shadow:inset 1px 1px 5px #cfcfcf;
    box-shadow:inset 1px 1px 5px #cfcfcf;
}

/* Newsletter Confirmation in red */
:is(#newsletter,#newsletter-f) div.mod_subscribe.block p.confirm {
    font-size:1.1rem;
    color:#c90000;
}

/* Newsletter Downloads */
:is(#newsletter,#newsletter-f) div.ce_downloads.last.block ul {
    width:98%;
    margin-right:auto;
    margin-left:auto;
    font-size:1rem;
}

/* Downloads */
.ce_downloads li a {
    font-size:1rem;
    line-height:1.6rem;
    font-weight:normal;
}

/* Impressum */
#main .inside #impressum, #main .inside #impressum-f {
    padding-right:15px;
    padding-left:15px;
    text-align:justify;
}

/* KONTAKT */
:is(#kontakt, #kontakt-f) .ce_form {
    width:90%;
    margin-right:auto;
    margin-left:auto;
    font-size:.9rem;
    line-height:1.6rem;
    font-weight:normal;
    letter-spacing:1px;
    word-spacing:2px;
}
:is(#kontakt, #kontakt-f) .ce_form input[type="text"],
:is(#kontakt, #kontakt-f) .ce_form input[type="tel"],
:is(#kontakt, #kontakt-f) .ce_form input[type="email"],
:is(#kontakt, #kontakt-f) .ce_form  input[type="textarea"] {
    width:70%;
    line-height:2rem;
}
#f4 #ctrl_8 span,
#f4 #ctrl_7 span {
    display:block;
}
#f4 div.formbody p {
    font-size:.9rem;
    line-height:1.6rem;
}
#f4 legend {
    margin:30px 0 10px;
    padding:10px 0 0;
    font-size:1.3rem;
    font-weight:bold;
}
#f4 #ctrl_35 {
    width:295px;
    float:left;
}
#f4 #ctrl_25,
#f4 #ctrl_27 {
    width:360px;
    float:left;
}
#f4 #ctrl_26,
#f4 #ctrl_28 {
    width:50px;
}
#f4 #ctrl_22 {
    width:225px;
    float:left;
}
#f4 .formular_adresse {
    width:400px;
    margin-top:20px;
    margin-bottom:20px;
}
#f4 .formular_adresse label {
    width:150px;
    float:left;
    display:block;
}
#f4 .formular_adresse input {
    width:270px;
    display:block;
}
#f4 div.widget:nth-child(19) > label:nth-child(1) {
    width:150px;
    float:left;
    display:block;
}
#f4 span.captcha_text {
    display:block;
    margin-top:4px;
    margin-left:5px;
    font-size:.9rem;
}
#f4 div.formbody input#ctrl_18 {
    width:270px;
    display:block;
    font-size:.9rem;
}
}
#f4 #ctrl_8 span,
#f4 #ctrl_7 span,
#f6 #ctrl_60 span,
#f6 #ctrl_65 span {
    display:block;
}

.vergriffen .quantity_container {
	opacity:0;
	z-index: -1;
    position: relative;
}
.vergriffen .add_to_cart, .vergriffen .update {
	display:none;
}