@media (max-width: 1620px) {
    #header ul.navi {
        width: 65%;
        padding-left: 5%;
    }

    #inhaltsbereich .content .frame .ce-column {
        margin-bottom: 10px;
    }
}

@media (max-width: 1500px) {
    #header ul.navi {
        width: 68%;
        padding-left: 2%;
    }

    #header ul.navi li {
        padding-right: 30px;
    }

    #footer .tx_cn-multicontent .tx_cn-columns .col-20:nth-child(2) {
        margin-top: 60px;
    }
}

@media (max-width: 1380px) {
    #header {
        width: 90%;
        padding: 15px 5%;
    }

    .frame-filtertermine li.termine {
        margin-top: 10px;
    }    

    #unterseite .termine-listansicht .article .termine-list-date {
        width: 28%;
    }

    #unterseite .termine-listansicht .article .inhalt {
        width: 70%;
    }

    #unterseite .termine-listansicht .article .termine-list-category {
        left: 30%;
    }

    #unterseite .termine-listansicht .article .termine-content .termine-list-tags > span:first-child {
        left: 51%;
    }

    .tx-felogin-pi1 fieldset label {
        width: 30%;
    }
}

@media (max-width: 1250px) {
    #header ul.navi li {
        padding-right: 20px;
    }
}

@media (max-width: 1150px) {
    #wichtigeinfos {
        margin-top: 152px;
    }

    /* --- Mob Navi --- */
    .mob_button span::after, .mob_button span::before {
        transform: translateZ(0px);
    }
    
    .mob_button {
        position: absolute;
        right: 10%;
        top: 0;
        width: 30px;
        height: 24px;
        cursor: pointer;
        white-space: nowrap;
        margin: 55px 0 0 0;
        z-index: 6;
        display: block;
        cursor: pointer;
    }
    
    .mob_button span {
        background-color: #ff8000;
        height: 2px;
        left: 0;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        transition: background-color 0.3s ease 0.3s;
        width: 30px;
    }
    
    .mob_button span::after, .mob_button span::before {
        backface-visibility: hidden;
        background-color: #ff8000;
        content: "";
        height: 2px;
        position: absolute;
        transform: translateZ(0px);
        transition: transform 0.3s ease 0.3s;
        width: 100%;
        display: block;
    }
    
    .mob_button span::before {
        transform: translateY(-8px);
    }
    
    .mob_button span::after {
        transform: translateY(8px);
    }
    
    .mobnavvisible.mob_button span {
        background-color: #FFFFFF;
    }
    
    .mobnavvisible.mob_button span::before {
        transform: translateY(0px) rotate(-45deg);
    }
    
    .mobnavvisible.mob_button span::after {
        transform: translateY(0px) rotate(45deg);
    }

    .navi {
        display: none;
        float: left;
        clear: both;
        width: 100% !important;
        margin-top: 2px;
    }

    .navi > li {
        width: 100%;
        background: #f4ece3;
        margin-top: 5px;
        white-space: normal;
        text-align: center;
        padding: 5px 0 !important;
    }

    #header ul.navi li a {
        white-space: normal;
        color: #2b1805 !important;
    }

    #header ul.navi li.act a, #header ul.navi li a:hover {
        border-bottom: 0;
        padding-bottom: 0;
    }

    #header ul.navi li.act a {
        color: #ff8000 !important;
    }

    #header ul.navi > li.act a,
    #header ul.navi li.act ul.unavi li a,
    #header ul.navi li.act.ifsub ul.unavi li a {
        color: #2b1805 !important;
    }

    #header ul.navi li:hover,
    #header ul.navi li .unavi  li.act a,
    #header ul.navi li.act.ifsub ul.unavi li.act a {
        color: #fff !important;
        font-weight: 300;
    }

    .navi li.act.ifsub > .open-subnavi,
    .navi li.ifsub > .open-subnavi {
        display: block;
        position: absolute;
        right: 4%;
        top: 5px;
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
        background: url(arrow-right.svg) center center no-repeat;
        background-size: 10px;
        border: none; 
        opacity: 1;
    }

    .navi li.ifsub.act > .open-subnavi {
        background: url(arrow-left.svg) center center no-repeat;
        background-size: 10px;
    } 

    .navi li.ifsub[data-toggled="on"] > .open-subnavi,
    .navi li.ifsub.act[data-toggled="on"] > .open-subnavi {
        transform: rotate(-90deg);
    } 

    .navi .unavi-box {
        position: static;
        float: left;
        clear: both; 
        width: 92%;
        padding: 0 4% 10px;
        margin-top: 10px;
        opacity: 1;
        display: none; 
        background: #f4ece3;
    }

    .navi li.ifsub:hover > .unavi-box .unavi,
    .navi ul.unavi {
        width: 100%;
    }

    .navi > li[data-toggled="on"] > .unavi-box {
        display: block;
    }

    .navi > li.ifsub[data-toggled="off"] > .unavi-box,
    .navi > li.act.ifsub[data-toggled="off"] > .unavi-box {
        display: none !important;
    }

    .navi > li > .unavi-box::before {
        display: none;
    }

    .navi ul.unavi li {
        float: left; 
        width: 49.5%;
        clear: none; 
        background: #c8ac8b;
        margin-bottom: 2px;
        margin-right: 0.5%;
    }

    .navi ul.unavi li.act {
        background: #ff8000;
        color: #fff;
    }

    .navi ul.unavi li:nth-child(even) {
        float: right; 
    }
    /* --- Mob Navi Ende --- */

    .inhalt .frame-sakramenteteaser > .rahmen .frame.frame-default {
        width: 25%;
    }

    #footer .tx_cn-columns .row .col-20 {
        width: 50%;
    }

    #header #logo {
        width: 40%;
    }

    #header {
        width: 80%;
        padding: 15px 10%;
    }
}

@media (max-width: 1100px) {
    .mediaconsent.video {
        width: 100%;
        padding-bottom: 75%;
        height: auto;
    }

    #inhaltsbereich .zweispaltigoben #news, #inhaltsbereich .zweispaltigoben #wichtigeinfos, #inhaltsbereich .zweispaltigoben #slider {
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
    }

    #slider .ce-textpic{
        max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    }

    .zweispaltigoben {
        padding-bottom: 40px;
    }

    .frame-filtertermine li {
        margin: 5px 5px 0 0;
    }

    #inhaltsbereich #termine .tx_cn-columns .col-33, #inhaltsbereich .inhalt .tx_cn-columns .col-33 {
        width: 49%;
        margin-right: 1%;
        float: left;
    }

    #inhaltsbereich #termine .tx_cn-columns[data-cols="3"] > div:nth-child(3n+0) > div,
    #inhaltsbereich .inhalt .tx_cn-columns[data-cols="3"] > div:nth-child(3n+0) > div {
        margin: 0;
    }
}

@media (max-width: 900px) {
    #header #logo {
        width: 50%;
    }

    #unterseite .news .news-list3-container .article {
        width: 49%;
    }

    #inhaltsbereich .content .frame .ce-textpic .ce-gallery, #inhaltsbereich .content .frame .ce-textpic .ce-bodytext {
        float: left;
        clear: both;
        width: 100%;
    }

    #inhaltsbereich .content .frame .ce-textpic .ce-gallery {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 850px) {
    .termine-list2-container .article {
        width: 49%;
    }

    #termine .termine-list2-container .article .termine-list-date time, .termine-list2-container .article .termine-list-date time {
        margin-top: 20px;
    }

    #inhaltsbereich .content .frame .ce-column {
        width: calc(50% - 20px) !important;
    }

    #inhaltsbereich .content .frame-default .ce-textpic .ce-gallery .image img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}

@media (max-width: 750px) {
    #inhaltsbereich .inhalt .tx_cn-columns .row .col-33 {
        width: 100%;
        float: left;
        clear: both;
        margin-bottom: 30px;
    }

    #startseite .inhalt .tx_cn-multicontent h3 {
        margin-bottom: 30px;
    }

    #news .frame .news-list-container .article {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 15px 0;
    }

    .frame-button {
        margin: 0 0 30px 0;
    }

    #inhaltsbereich .content .frame-default .ce-textpic .ce-gallery .image img {
        max-width: 80%;
        height: auto;
    }    

    #unterseite #inhaltsbereich .tx_cn-multicontent .col-40,
    #unterseite #inhaltsbereich .tx_cn-multicontent .col-60 {
        width: 100%;
        float: left;
        clear: both;
    }
}

@media (max-width: 700px) {
    #inhaltsbereich #termine .tx_cn-columns .col-33 {
        width: 100%;
        float: left;
        clear: both;
        margin: 0;
    }

    #inhaltsbereich #termine .tx_cn-columns[data-cols="3"] > div:nth-child(2n+0) > div {
        margin: 0;
    }

    #unterseite #inhaltsbereich .ce-gallery .image-caption a {
        font-size: 12px;
    }

    #unterseite .termine-listansicht .article .termine-content .termine-list-tags > span:first-child {
        left: 72%;
    }
}

@media (max-width: 650px) {
    .inhalt .frame-sakramenteteaser > .rahmen .frame.frame-default {
        width: 50%;
    }

    #header #logo {
        width: 70%;
    }

    .frame-zwischenheader {
        background-position: center bottom;
        background-attachment: initial;
        background-size: auto 100%;
        height: 250px;
    }

    #unterseite .content > .frame > .rahmen, #unterseitemitheader .content > .frame > .rahmen {
        padding: 50px 10%;
    }

    #unterseite .termine-listansicht .article .termine-list-date {
        width: 38%;
    }

    #unterseite .termine-listansicht .article .inhalt {
        width: 60%;
    }

    #unterseite .termine-listansicht .article .termine-list-category {
        left: 40%;
    }

    #unterseite .termine-listansicht .article .inhalt h3 {
        font-size: 18px;
    }

    #unterseite .termine-listansicht .article .termine-list-date > time, #unterseite .termine-listansicht .article .termine-list-date > span.uhrzeit,
    #unterseite .termine-listansicht .article .termine-list-date > div.ort {
        font-size: 16px;
    }

    #inhaltsbereich .tx_cn-columns .row .col-50 {
        float: left;
        clear: both;
        width: 100%;
    }

    #inhaltsbereich .tx_cn-columns[data-cols="2"] .row > div:nth-child(even) > div {
        margin: 0;
    }

    #inhaltsbereich .tx_cn-multicontent {
        padding: 30px 10%;
    }

    .termine-list2-container .article {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        right: 4%;
    }

    #inhaltsbereich .content .tx_cn-columns .row .col-20 {
        width: 33%;
    }
}

@media (max-width: 530px) {
    #footer .tx_cn-columns .row .col-20 {
        width: 100%;
        float: left;
        clear: both;
    }

    #footer .tx_cn-multicontent .tx_cn-columns .col-20:nth-child(2) {
        margin-top: 0;
    }

    h1, h2 {
        font-size: 22px;
    }

    #news .frame .news-list-container .article .news-content h3, #news .frame .news-list-container .article .news-content h3 a,
    #wichtigeinfos > .frame-type-header h3, #wichtigeinfos > .frame-type-textmedia,
    #startseite #inhaltsbereich .ce-bodytext a {
        font-size: 16px;
    }

    .frame-button .ce-bodytext a {
       padding: 15px 35px 15px 35px;
       font-size: 18px !important; 
       background-size: 100% 55px;
    }

    .frame-button .ce-bodytext::before {
        content: "";
        top: 25px;
    }

    #unterseite .news .news-list3-container .article {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 15px 0;
    }

    .navi ul.unavi li {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 2px 0;
    }

    #unterseite .content .news-menu-view li.item {
        margin: 0 10px 5px 0;
        font-size: 14px;
    }

    #unterseite .content .news .no-news-found {
        font-size: 15px;
    }

    #inhaltsbereich .content .tx_cn-columns .row .col-20 {
        width: 50%;
    }

    .quicklinksoben .internerlogin a, .quicklinksoben .keyfacts a {
        font-size: 11px; 
    }

    .tx-felogin-pi1 fieldset label {
        width: 100%;
        float: left;
        clear: both;
    }
}

@media (max-width: 500px) {
    #header.scrolled {
        padding: 15px 10% 5px 10%;
    }

    .inhalt .frame-sakramenteteaser h3 {
        font-size: 18px;
    }

    #fadein {
        display: none;
    }

    #inhaltsbereich {
        margin-top: 80px;
    }

    #unterseite .termine-listansicht .article .termine-list-date {
        width: 100%;
        float: left;
        clear: both;
    }

    #unterseite .termine-listansicht .article .inhalt {
        width: 50%;
    }

    #unterseite .termine-listansicht .article .termine-list-category {
        left: 50%;
    }

    #unterseite .termine-listansicht .article .termine-content .termine-list-tags {
        display: none;
    }

    #unterseite .termine-listansicht .article .termine-list-category {
        font-size: 11px;
    }

    #unterseite .termine-listansicht .article .inhalt h3,
    #unterseite .termine-listansicht .article .inhalt .termine-bodytext {
        font-size: 16px;
    }

    #unterseite .termine-listansicht .article .inhalt {
        margin-top: 0;
        width: 100%;
        float: left;
        clear: both;
    }

    #inhaltsbereich .content .tx_cn-columns .row .col-33 {
        width: 100%;
        float: left;
        clear: both;
        margin: 0 0 10px 0;
    }

    #termine .termine-list2-container .article .termine-list-date, .termine-list2-container .article .termine-list-date {
        font-size: 15px;
    }

    #termine .termine-list2-container .article .termine-content .termine-list-category.besondere-gottesdienste,
    .termine-list2-container .article .termine-content .termine-list-category.besondere-gottesdienste {
        font-size: 11px;
    }

    #termine .termine-list2-container .article .termine-list-date time, .termine-list2-container .article .termine-list-date time {
        margin-top: 20px;
    }

}

@media (max-width: 450px) {
    #header {
        padding: 10px 10% 0px 10%;
    }

    #header #logo {
        width: 75%;
        margin-top: 32px;
    }

    .quicklinksoben {
        width: 10%;
    }

    #header #logo .image img {
        height: 40px;
    }

    #inhaltsbereich {
        margin-top: 80px;
    }

    .quicklinksoben {
        margin-bottom: 15px;
    }

    #inhaltsbereich .content .frame .ce-column {
        width: 100% !important;
    }

    #inhaltsbereich .content .frame-default .ce-textpic .ce-gallery .image img {
        width: 100%;
        max-width: 100%;
    }
}

/*
     FILE ARCHIVED ON 15:51:27 Nov 18, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:51:59 Mar 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.41
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.029
  esindex: 0.028
  cdx.remote: 68.836
  LoadShardBlock: 1219.418 (3)
  PetaboxLoader3.datanode: 1609.103 (5)
  load_resource: 2037.269
  PetaboxLoader3.resolve: 141.042
  loaddict: 491.363
*/