/*
 Theme Name:   cathkathcatt
 Theme URI:    
 Description:  cathkathcatt Theme
 Author:       Erich Schweizer-Ferrari
 Author URI:   https://www.kath.ch
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 Tags:         lightweight, uncluttered, easy to customize, based on Twitter Bootstrap v4.x
 Text Domain:  ckc
*/

/* 
green           #A7BE38
red             #BE1823
violet          #612D87
gold            #C4B24E

green light     #D3DE9B
red light       #DE8B90
violet light    #AF95C3
gold light      #EbE1AB

green middle    #C1D173
red middle      #D15D65
violet middle   #906CAB
gold middle     #D5C983

grey       #9F9C8C
light grey #f1f1f1 (?)
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'Tungsten-Semibold';
    src: url('fonts/Tungsten-Semibold.eot');
	src: url('fonts/Tungsten-Semibold?#iefix') format('embedded-opentype'),
		url('fonts/Tungsten-Semibold.woff2') format('woff2'),
		url('fonts/Tungsten-Semibold.woff') format('woff'),
		url('fonts/Tungsten-Semibold.ttf') format('truetype'),
		url('fonts/Tungsten-Semibold.otf') format('opentype'),
		url('fonts/Tungsten-Semibold.svg#FontinSans-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    /* unicode-range: U+0020-00FE; */
}


/*
 * Tags
 */
html {
    height: 100%;
}
body {
    background-color: white;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 1.25rem;
    height: 100%;
    line-height: 1.5;
}

figure {
    margin: 0.75rem 0 -1.25rem 0;
}
figure figcaption {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
}

h1, h2, h3, h4, h5, h6, p, ul,
.entry-meta, .entry-header, .entry-content, .entry-footer,
.wp-block-columns, .posts-navigation,
.esf-leaddossier, .esf-leadmultimedia, .esf-leadstory, .esf-blog-tag, .esf-medientipp, .esf-mostread, .esf-mostread-title,
.esf-now, .esf-blogs-title, .esf-blogs-authors-list, .esf-medienspiegel .esf-medienspiegel-row, .esf-results .esf-results-row,
.esf-dossier-archive-logo, .esf-dossier-archive-left, .esf-dossier-archive-right, .esf-addresses-heading, .esf-instagram-wrapper,
.esf-catholica .esf-catholica-row, .esf-services, .esf-theodia, .esf-wzs,
#jobskathchbody, .wp-block-embed__wrapper, .wpcf7-form, .wp-block-file,
.esf-person, .esf-addresses-text, .esf-nl-newsletterabo, .esf-adventskalender,
.esf-socialmediafooter, .wp-block-group, .esf-picofday, .esf-sc-podcast, .esf-timed-youtube, .esf-doc-preview {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
}

hr {
    border-top: 3px solid rgba(0,0,0,.3);
}

.esf-fullwidth {
    max-width: 100% !important;
}

.esf-nl-newsletterabo {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    margin-bottom: 2rem;
    padding: 1rem;
}

.esf-author-image-in-list:hover img {
    filter: brightness(59%);
}
.esf-author-image-in-list span {
    color: white;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin: 0.3rem 0 0 0.3rem;
    max-width: 23.5%;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    z-index: 1;
}
.esf-author-image-in-list:hover span {
    visibility: visible;
}
.esf-leadstory, .esf-medientipp, .esf-medienspiegel, .esf-catholica, .esf-wzs {
    margin-bottom: 3rem;
}
.esf-instagram-wrapper {
    margin-bottom: 5rem;
}
.esf-wzs {
    margin-top: 1rem;
}

a {
    color: #949696;
    font-weight: 600;
}
a:hover {
    color: #333333;
    text-decoration: none;
}
a.esf-home-supp {
    display: inline-block;
    height: 2rem;
    position: absolute;
    width: 15rem;
    z-index: 500;
}

blockquote {
    background-position: 79px top;
    background-repeat: no-repeat;
    background-size: 0;
    margin: 17px auto 19px auto;
    min-height: none;
    padding: 2px 1rem 0 1rem;
}
blockquote > p {
    font-size: 1.75rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 5px;
}
blockquote > p > cite {
    font-size: 1.25rem;
}
h1, h2, h3, h4, h5, h6 {
    clear: none;
    letter-spacing: 2px;
}
h1.entry-title {
    border-bottom: none;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 3rem;
    letter-spacing: 2px;
    line-height: 1;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}
h1.esf-archive-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.5rem;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 0rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
h2 {
    font-family: Roboto;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5;
}
h2:not(h1) {
    margin-top: 2rem;
}
h2.esf-modal {
    border: none;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h4 {
    font-family: Roboto;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 1.5;
    margin-bottom: 1rem;
}

b, strong {
    font-weight: 600;
}

.esf-margin-bottom {
    margin-bottom: 3rem;
}
.esf-margin-top {
    margin-top: 2.5rem;
}
.esf-padding-bottom {
    padding-bottom: 3rem;
}
.esf-padding-top {
    padding-top: 3rem;
}
.esf-leadstory .row, .esf-medientipp .row, .esf-wzs .row {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}
.esf-leadstory h2, .esf-medientipp h2, .esf-wzs h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 3rem;
    line-height: 1.1;
    margin-top: 1.8rem;
}
.esf-leadstory h2 a, .esf-medientipp h2 a {
    color: #000000;
}
.esf-leadstory h2 a:hover, .esf-medientipp h2 a:hover {
    color: #949696;
}
.esf-leadstory p, .esf-medientipp p, .esf-wzs p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 1.5rem;
}
.esf-leadstory p a, .esf-medientipp p a {
    color: #949696;
    color: #000000;
}
.esf-leadstory p a:hover, .esf-medientipp p a:hover {
    color: #949696;
}
.esf-socialmediafooter {
    margin-top: 3.75rem;
    margin-bottom: 1rem;
    text-align: right;
}
.esf-now {
    background-color: #f1f1f1;
    margin-bottom: 1.5rem;
    padding-bottom: 0.3rem;
}
.esf-now-wrapper {
    height: auto;
    margin: 0.5rem 0 0 0;
}
.esf-now-title {
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    float: left;
    font-family: 'Tungsten-Semibold', sans-serif;
    height: 100%;
    letter-spacing: 1px;
    vertical-align: middle;
    width: 12.5rem;
}
.esf-now-title-wrapper {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0.25rem 0 0 1rem;
    text-transform: uppercase;
}
.esf-now a {
    background-color: #969798;
    color: #ffffff;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1;
    margin: 0.6rem 0.5rem 0 0;
    padding: 0.25rem 0.35rem 0.35rem 0.35rem;
}
.esf-now a:hover, .esf-now a:focus {
    color: #E8E8E8;
}
.esf-floatnone {
    margin-left: 0;
    margin-right: 0;
}
.esf-floatleft {
    margin-left: 0;
}
.esf-floatright {
    margin-right: 0;
}

.esf-event-details .lemma {
    width: 34.5% !important;
}
.esf-event-details .definition {
    width: 65.5% !important;
}

.esf-event-meta-left {
    font-size: 1rem;
}
.esf-event-meta-left > .col-md-4 {
    margin-top: 2.75rem;
}
.esf-event-meta-left > .col-md-4 .row {
    border-top: 1px dotted #CCCCCC;
    padding: 0.3rem 0 0.4rem 0;
}
.esf-event-meta-left p {
    font-size: 1.25rem;
}

.esf-news-meta {
    color: #666666;
    font-size: 1.125rem;
    margin-top: 3rem;
}
.esf-news-meta > div {
    padding-left: 15px;
    padding-right: 15px;
}
.esf-news-meta > div .row {
    border-top: 1px solid #969696;
    padding: 1rem 0 1rem 0;
}
.esf-news-meta > div .row.copyright {
    border-top: 1px dotted #AAAAAA;
    font-size: 1.125rem;
}
.esf-news-meta .col-3 {
    text-align: center;
}
.esf-news-meta .col-3 img {
    position: relative;
    top: 33%;
    transform: translateY(-33%);
}
.esf-news-meta .col-9 {
    text-align: left;
}
.esf-news-meta .medium, .esf-news-meta .bold  {
    font-weight: 600;
}
.esf-news-meta a {
    font-weight: normal;
}
.esf-domain, .esf-domain-multimedia {
    background-color: white;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 4.375rem;
    padding: 17px 19px 0 42px;
    text-transform: uppercase;
    width: auto;
}
.esf-domain-multimedia {
    background-color: transparent;
    color: white;
}
.esf-section, .esf-section-multimedia {
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto 0 auto;
    max-width: 1920px;
    text-align: center;
    width: 100%;
}
.esf-section-link {
    color: #000000;
}
.esf-section-link:hover {
    color: #707070;
}
.esf-more-address {
    color: #ffffff;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    height: 1.8rem;
    line-height: 1.8rem;
    margin: 0 auto 0 auto;
    padding-top: 0px;
    text-align: center;
    width: 7rem;
}
.esf-see {
    color: #ffffff;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    height: 58px;
    line-height: 58px;
    margin: 3rem auto 0 auto;
    padding-top: 3px;
    text-align: center;
    width: 15rem;
}
.esf-see:hover, .esf-more-address:hover {
    color: white;
}
/*
.esf-see .esf-before, .esf-see .esf-after {
    color: #999999;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 3rem;
    font-weight: 300;
    margin-top: 0rem;
    padding: 0 1rem 0 1rem;
    text-align: center;
}
*/
.esf-see .esf-before, .esf-see .esf-after {
    visibility: hidden;
}
.esf-see a.esf-before, .esf-see a.esf-after {
    color: white;
    font-size: 3rem;
    visibility: visible;
}

.esf-see .esf-more-title {
    margin-top: -0.15rem;
    text-align: center;
}

.esf-grey-left-245 {
    height: 245px !important;
    left: 0;
    margin-top: 8px;
    margin-left: -244px;
    position: absolute;
}
.esf-grey-right-245 {
    height: 245px;
    right: 0;
    margin-top: 8px;
    margin-right: -240px;
    position: absolute;
}
.esf-grey-left-290 {
    display: none;
    height: 290px;
    left: 0;
    margin-top: 0.5rem;
    margin-left: -289px;
    position: absolute;
}
.esf-grey-right-290 {
    display: none;
    height: 290px;
    right: 0;
    margin-top: 0.5rem;
    margin-right: -285px;
    position: absolute;
}

/**
 * en continu and news list
 */
.col-xs-auto.datetime {
    margin: 8px 0 0 0;
}
.col-xs-auto.datetime .esf-icon-wrapper-left {
    border-bottom: 1px dotted grey;
    text-align: left;
    width: 100px;
}
.col-xs-auto.datetime .esf-icon-wrapper-right {
    border-bottom: 1px dotted grey;
    text-align: right;
    width: 100px;
}
.col-xs-auto.datetime .esf-grey-background-color {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    width: 60px;
}
.col-xs-auto.esf-align-left {
    float: left;
}
.col-xs-auto.esf-align-right {
    float: right;
}
.esf-grey-background-color {
    background-color: #DFE1E2;
}
.esf-grey-background-color-light {
    background-color: #F6F7F7;
}

.col-xs-auto.datetime.esf-icon-wrapper-none {
    width: 100px;
}

.esf-encontinu .left {
    padding-bottom: 37px;
}
.esf-encontinu .right {
    padding-bottom: 37px;
}
.esf-encontinu h2, .esf-news-list h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    line-height: 1;
}
.esf-encontinu p, .esf-news-list p {
    font-size: 1.25rem;
    letter-spacing: 1px;
}
.esf-encontinu h2 a, .esf-news-list h2 a {
    color: inherit;
    font-weight: inherit;
}
.esf-encontinu h2 a:hover, .esf-news-list h2 a:hover {
    color: #949696;
}
.esf-encontinu p a, .esf-news-list p a {
    color: inherit;
    font-weight: inherit;
}
.esf-encontinu p a:hover, .esf-news-list p a:hover {
    color: #949696;
}
.row.esf-news-list > div {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.esf-blogs-authors-list {
    margin-bottom: 3rem;
}
.esf-dossier-right {
    margin-top: 3rem;
}
.esf-rtsreligion-meta-predications {
    margin-bottom: -0.5rem;
}
.esf-dossier-right h2, .esf-blog-meta-authors h2, .esf-rtsreligion-meta-predications h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    line-height: 1;
    padding-left: 19px;
    text-transform: uppercase;
}
.esf-dossier-right .esf-half-shadow, .esf-blog-meta-authors .esf-half-shadow, .esf-rtsreligion-meta-predications .esf-half-shadow {
    background-color: #e0e1e2;
    height: 2rem;
    margin-top: -3rem;
}
.esf-dossier-right .esf-fullwidth.esf-floatnone, .esf-leaddossier .esf-fullwidth.esf-floatnone {
    margin: 0 0 0 0 !important;
}
.esf-dossier-right .esf-menu-order {
    background-color: white;
    color: #707070;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 1;
    margin: -3.3rem 0 0 0.6rem;
    padding: 0.5rem 1.2rem 0.2rem 1.2rem;
    position: absolute;
}
.esf-dossier-right .esf-dossier-right-item .title {
    margin: 1.2rem 0.5rem 2.5rem 0.5rem;
}
.esf-dossier-right .esf-dossier-right-item .title a {
    color: #000000;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;
    line-height: 1.1;
}
.esf-dossier-archive-logo {
    margin-top: -113px;
    text-align: right;
}
.esf-dossier-archive-left {
    margin-bottom: -305px;
    text-align: left;
}
.esf-dossier-archive-left img {
    margin-left: -323px;
}
.esf-dossier-archive-right {
    margin-bottom: -308px;
    text-align: right;
}
.esf-dossier-archive-right img {
    margin-right: -314px;
}

#esfblogsf .esf-titletext, #esfblogsi .esf-titletext, #esfpost .esf-titletext {
    margin-top: -2rem;
}
#esfblogsf .esf-titletext h2, #esfblogsi .esf-titletext h2, #esfpost .esf-titletext h2 {
    padding-top: 2.6875rem;
}
#esfblogsf .author-tag, #esfblogsi .author-tag, #esfpost .author-tag, .esf-blog-tag {
    display: block;
    height: 60px;
    margin-top: -79px;
    padding: 0 0 0 0;
}
#esfblogsf .author-tag .authorimage, #esfblogsi .author-tag .authorimage, #esfpost .author-tag .authorimage, .esf-blog-tag .authorimage {
    float: left;
}
#esfblogsf .author-tag .authorname, #esfblogsi .author-tag .authorname, #esfpost .author-tag .authorname, .esf-blog-tag .blog {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2rem;
    height: 60px;
    letter-spacing: 1px;
    margin: 0 0 0 0;
    padding: 6px 0 0 15px;
}
#esfblogsf .author-tag .tagimg, #esfblogsi .author-tag .tagimg, #esfpost .author-tag .tagimg, .esf-blog-tag .tagimg {
    float: left;
    margin-left: 0;
}
.esf-blog-tag .blog {
    text-transform: uppercase;
}
.esf-blog-author-date, .esf-rtsreligion-channel-date-time {
    border-bottom: 1px dashed #969696;
    border-top: 1px dashed #969696;
    padding: 1rem 0 1rem 0;
}
.esf-blog-author-date .author-name {
    float: left;
}
.esf-blog-author-date .author-name {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.esf-blog-author-date .date {
    float: left;
    font-size: 1.125rem;
    margin-left: 3rem;
    margin-top: 0.5rem;
}
.esf-blog-gradient {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(238,238,238) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    height: 389px;
    margin: 0 -15px 0 -15px;
}
.esf-blog-gradient-up {
    margin-top: -389px;
}
.esf-the-blogs {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    margin-top: -1.75rem;
    margin-left: 1.75rem;
    text-transform: uppercase;
}
.blog.col-left .esf-image-container {
    z-index: 0;
}
.esf-blog-meta-tag {
    display: block;
    height: 60px;
    margin-top: -59px;
    padding: 0 0 0 0;
}
.esf-blog-meta-tag .blog {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2rem;
    height: 60px;
    letter-spacing: 1px;
    margin: -1px -7px 0 0;
    padding: 6px 0 0 20px;
}
.esf-blog-meta-tag .tagimg {
    margin-top: -10px;
}
.esf-blog-meta-box {
    font-size: 1.25rem;
    padding: 13px 19px 14px 19px;
}
.esf-blog-meta-authors {
    margin-top: 3rem;
}
.esf-rtsreligion-channel-date-time {
    font-size: 1.125rem;
    line-height: 3;
}
.esf-rtsreligion-channel-date-time div {
    float: left;
    white-space: nowrap;
}
.esf-rtsreligion-channel-date-time > img {
    float: left;
    margin-top: 0.875rem;
}
.esf-rtsreligion-channel-date-time div img {
    margin-left: 2rem;
    margin-right: 0.5rem;
}
.esf-rtsreligion-channel-date-time-vertical div {
    border-bottom: 1px dashed #969696;
    font-size: 1.125rem;
    padding: 0.5rem 0 0.5rem 0;
}
.esf-rtsreligion-channel-date-time-vertical span {
    display: inline-block;
    width: 37px;
}
.esf-rtsreligion-meta-predications-list h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;
    letter-spacing: 1px;
    margin-top: -1rem;
    padding-left: 0.5rem;
}
.esf-rtsreligion-meta-predications-list p {
    font-size: 1.25rem;
    margin: -1rem 0 2rem 0;
    padding-left: 0.5rem;
}
.esf-rtsreligion-meta-predications-list h2 a {
    color: #000000;
}
.esf-rtsreligion-meta-predications-list p a {
    color: #000000;
    font-weight: 300;
}
.esf-tag img {
    height: 3.75rem;
    margin-top: -6.375rem;
}
.esf-tag div {
    color: #FFFFFF;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2rem;
    height: 3rem;
    letter-spacing: 1px;
    margin-top: -5.5rem;
    padding-left: 1.3rem;
    text-transform: uppercase;
}
.esf-blogs-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 4.375rem;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.esf-blogs-title span {
    background-color: white;
    display: inline-block;
    padding: 0 1rem;
}
.esf-medienspiegel, .esf-catholica {
    font-size: 1.25rem;
}
.esf-medienspiegel .row, .esf-catholica .row {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
}
.esf-medienspiegel .esf-bg-grey-light, .esf-catholica .esf-bg-grey-light {
    background-color: #f1f1f1;
}
.esf-medienspiegel .esf-date, .esf-catholica .esf-date {
    font-weight: 400;
}
.esf-medienspiegel .esf-title, .esf-catholica .esf-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;
    letter-spacing: 1px;
    line-height: 1.1;
}
.esf-medienspiegel .esf-title a, .esf-medienspiegel .esf-excerpt a, .esf-catholica .esf-title a, .esf-catholica .esf-excerpt a {
    color: #000000;
    font-weight: 300;
}
.esf_caption_old {
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 13px;
}
.esf_caption_old img {
    margin-bottom: 0.375rem;
}

/*
 * IDs
 */

#advertising {
    height: auto;
    font-size: 1rem;
    line-height: 1.3;
}
#advertising img.left {
    display: none;
}
#advertising div.right {
    display: none;
}
#content.site-content {
    padding-bottom: 0rem;
    padding-top: 0rem;
}
#footer-widget {
    padding-top: 0.5rem;
}
#footer-widget p {
    margin-bottom: 0.5rem;
}
#primary {
    width: 100%;
}

/*
 * Classes
 */

.container {
    max-width: 1230px;
}
.grey {
    color: #707070;
}
.light-grey {
    color: #f1f1f1;
}

.jobskathchheader {
    border-bottom: 1px solid #e8e9ea;
    font-weight: bold;
    margin-bottom: 0.065rem;
    margin-top: 0.35rem;
    padding-bottom: 0.35rem;
}
.esf-jobskathch-date, .esf-jobskathch-institution {
    color: #999999;
}
.site-content .container {
    max-width: none;
    width: 100%;
}
.esf-content-wrapper {
    max-width: 1200px;
    margin: 0 auto 0 auto;
}

.esf-fullwidth {
    max-width: none !important;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
}
.single .esf-content-wrapper .esf-fullwidth.esf-floatnone {
    margin-top: 2.5rem;
}
.esf-image-wrapper {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    overflow: visible;
}

.screen-reader-shortcut {
    position: absolute;
    top: -1000em;
}
.screen-reader-shortcut:focus {
    left: 0.4rem;
    top: 0.4rem;
    height: auto;
    width: auto;
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 1rem 1.5rem 0.9rem;
    background: #f1f1f1;
    color: #005aa1;
    z-index: 100000;
    line-height: normal;
    text-decoration: none;
    outline: 0;
}

.facebook-comments {
    font-size: 1rem;
    margin-top: 2rem;
}
.facebook-comments h1 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.25rem;
    letter-spacing: 1px;
}
.facebook-comments img {
    height: 1.5rem;
    float: left;
    margin: 0.35rem 1rem 0.5rem 0;
}
.facebook-comment-author {
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: right;
}

/**
 * navigation
 */

header#masthead {
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}
#masthead nav {
    margin-left: 0.5rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav {
    background-color: white;
}

body:not(.theme-preset-active) #masthead .show .navbar-nav {
    border: 1px solid #e8e9ea;
    box-shadow: 3px 3px #f0f1f2;
    padding: 0.35rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #333333;
    font-size: 1.8rem;
    font-weight: 600;
}
body:not(.theme-preset-active) #masthead .utility .navbar-nav > li > a {
    font-size: 1rem;
    font-weight: 400;
}
body:not(.theme-preset-active) #masthead .utility .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .utility .navbar-nav > li > a:active {
    font-weight: 400;
}
body:not(.theme-preset-active) #masthead .navigation .navbar-nav > li > a {
    font-family: 'Tungsten-Semibold', sans-serif;
    letter-spacing: 1px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:active, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:focus {
    color: #000000;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current-menu-ancestor > a,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current-menu-parent > a {
    color: #333333;
    font-weight: 600;
}

body:not(.theme-preset-active) .dropdown-menu {
    min-width: 13.5rem;
    padding: 0 0 7px 0;
    margin: 0 0 0 7px !important;
    border: none;
    border-radius: 0;
}
body:not(.theme-preset-active) .dropdown-menu .dropdown-item {
    border-top: 1px solid white;
    color: white;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;
    letter-spacing: 1px;
    line-height: 1;
    padding: 11px 15px 5px 15px;
    text-transform: uppercase;
}

.utility {
    height: 2.5rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #f0f0f0 !important;
}
.head-left, .head-right {
    display: none;
}
.footer-left {
    display: none;
}
.logo {
    height: 4.563rem;
    margin-bottom: -2.5rem;
}
.lang-select {
    left: 5rem;
    position: absolute;
}
.nav-justified .nav-item {
    text-align: left;
}
.navbar-expand-xl .navbar-nav {
    width: 100%;
}
.navbar-text {
    padding: 0;
}
.navbar-text.left {
    width: 12.5rem;
}
.navbar-text.right {
    display: none;
}
.navbar-toggler {
    color: rgba(0,0,0,.5);
    margin: -1rem 0 0.5rem 0;
    padding: 0.5rem 1rem 1rem 0.5rem;
}
.navbar-toggler span {
    font-size: 2.5rem;
    position: absolute;
    right: 0;
}
.navigation {
    height: 2.5rem;
}

.lang-select .btn-link, .jobskathchheader a, .esf-jobskathch-title {
    color: #999999;
}

.navigation.posts-navigation {
    border-top: none;
}
.nav-links a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.25rem;
    padding: 9px 23px;
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* padding-top: 1rem; */
    height: 0;
    overflow: hidden;
}
.square .video-container {
    padding-bottom: 100%;
}

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

figure.wp-block-embed-twitter div.video-container {
    padding-bottom: 0;
    padding-top: 0.25rem;
    height: 100%;
}

figure.wp-block-embed-tiktok div.video-container {
    padding-bottom: 0;
    padding-top: 0.25rem;
    height: 813px;
    min-height: 813px;
}

figure.wp-block-embed-tiktok div.video-container blockquote {
    height: 813px;
    min-height: 813px;
}

.wp-embed-featured-image img {
    width: 75% !important;
}

.esf-agenda select {
    background-color: #c1c1c1;
    border: none;
    color: #ffffff;
}
.esf-agenda select option {
    background-color: #ffffff;
    color: #000000;
    font-size: 1.25rem;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.esf-agenda-heading {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.esf-agenda-calendar-sheet {
    color: #ffffff;
    font-family: 'Tungsten-Semibold', sans-serif;
    letter-spacing: 1px;
    margin-top: 0.5rem;
    padding-top: 1rem;
    text-align: center;
}
.esf-agenda-calendar-sheet .esf-agenda-day {
    font-size: 3.4375rem;
    line-height: 0.8;
}
.esf-agenda-calendar-sheet .esf-agenda-mon {
    font-size: 1.875rem;
    line-height: 1;
    text-transform: uppercase;
}
.esf-agenda-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;
    letter-spacing: 1px;
    line-height: 1.1;
}
.esf-agenda-title a {
    color: #000000;
}
.esf-agenda-datetime {
    font-size: 1.25rem;
    margin-top: 0.5rem;
}
.esf-agenda-location {
    font-size: 1.25rem;
}
.esf-agenda-line-top {
    border-top: 1px dotted #969696;
}

.esf-box, .esf-box-left, .esf-box-right {
    background-blend-mode: overlay;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    font-size: 1.125rem;
    line-height: 1.3;
    padding: 13px 19px 14px 19px;
}
.esf-box > h2 {
    margin-top: 1rem;
}
.esf-box-left, .esf-box-right {
    margin-top: 7px;
}
.esf-copyright {
    border-top: 1px solid #dfe1e2;
    font-size: 1rem;
    margin-top: 2rem;
    padding-top: 0.5rem;
}

.esf-hide {
    display: none;
}
.esf-image-caption {
    background-color: transparent;
    color: #404040;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 0;
}
.esf-image-container {
    padding-bottom: 42.86%; /* 21:9 */
}
.esf-leaddossier .esf-image-container {
    z-index: 1001;
}
.esf-leaddossier h2, .esf-leadmultimedia h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 1rem;
}
.esf-leadmultimedia, .esf-leadmultimedia h2 {
    color: #FFFFFF;
}
.esf-leaddossier p, .esf-leadmultimedia p {
    font-size: 1.25rem;
    line-height: 1.5;
}
.esf-leaddossier h2 a, .esf-leaddossier p a {
    color: #000000;
}
.esf-leaddossier h2 a:hover, .esf-leaddossier p a:hover {
    color: #949696;
}
.esf-leadmultimedia h2 a, .esf-leadmultimedia p a {
    color: #FFFFFF;
}
.esf-leaddossier p a {
    font-weight: 300;
}
.leaddossier-img-left {
    left: 0;
    margin-bottom: 0px;
    margin-left: -206px;
    position: absolute;
    bottom: 0;
    width: 222px;
}
.leaddossier-tag-img {
    color: white;
    display: block;
    font-family: Tungsten-Semibold;
    font-size: 32px;
    letter-spacing: 1px;
    margin-left: 1.875rem;
    margin-top: 6px;
    position: absolute;
    text-transform: uppercase;
}
.esf-leaddossier-children a.esf-leaddossier-children-title {
    color: #000000;
    display: block;
    font-family: Tungsten-Semibold;
    font-size: 1.75rem;
    letter-spacing: 1px;
    line-height: 1.1;
    margin-top: -0.4rem;
}
.esf-leadmultimedia-children h2 {
    font-size: 1.75rem;
}
.esf-initial {
    color: white;
    float: left;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    line-height: 1;
    margin: 0.5rem 2rem 0 0;
    padding: 0.7rem 1.7rem 0.3rem 1.7rem;
}
#esfInput {
    display: none;
}

.esf-mostread .esf-image-container {
    z-index: initial;
}
.esf-mostread .esf-number {
    color: #ffffff;
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 3.2rem;
    padding-top: 0rem;
    text-align: center;
}
.esf-mostread .esf-number a {
    color: #ffffff;
}
.esf-mostread .esf-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.875rem;   
    letter-spacing: 1px;
    line-height: 1.1;
}
.esf-mostread .esf-title a {
    color: #000000;
}
.esf-mostread .esf-count {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.25rem;
    letter-spacing: 1px;
}
.esf-mostread:first-child {
    padding-top: 2rem;
}
.esf-mostread-title, .esf-picofday-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: -1.5rem;
    text-transform: uppercase;
}
.esf-picofday-title {
    margin-bottom: -1.9rem;
}
.esf-picofday-title  span {
    background-color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}
.mostread-grey {
    color: #afafaf;
}
.esf-picofday {
    margin-bottom: 4rem;
}
.esf-picofday-text .col-sm-10 {
    padding-left: 3rem;
}
.esf-picofday-text .col-sm-2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    letter-spacing: 1px;
    padding-right: 3rem;
    text-align: right;
    text-transform: uppercase;
}

.esf-multimedia, .esf-multimedia h2 {
    color: white;
}
.esf-multimedia-background {
    background-color: #505050;
}
.esf-multimedia-background-darker {
    background-color: #393939;
}
.esf-searchform {
    float: right;
    height: 100%;
    position: relative;
    width: auto;
}
.esf-searchform-wrapper {
    background-color: transparent;
    height: 100%;
    margin-top: -0.3rem;
	padding: 0;
	position: relative;
    width: auto;
    }
.esf-searchform-wrapper a {
    background-color: #ffffff;
    cursor: pointer;
    display: block;
    float: right;
    height: 2rem;
    line-height: 1;
    margin-top: 0.5rem;
    padding: 0.375rem 0.3rem 0.3rem 0.3rem;
}
.esf-results .row {
    font-size: 1rem;
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
}
.esf-results .esf-bg-grey-light {
    background-color: #f1f1f1;
}
.esf-results-title-lemma, .esf-results-title-string {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    line-height: 1.1;
}
.esf-results-title-lemma {
    text-transform: uppercase;
}
.esf-results-title-string {
    color: #969696;
}
.esf-results-paged {
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 1.175rem;
}
.esf-results-date {
    font-size: 1.125rem;
    font-weight: 400;
}
.esf-results-author, .esf-results-excerpt {
    font-size: 1.125rem;
}
.esf-results-image .esf-image-container {
    z-index: initial;
}
.esf-results-title {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.75rem;
    letter-spacing: 1px;
    line-height: 1.1;
}
.esf-results-title a, .esf-results-excerpt a {
    color: #000000;
    font-weight: 300;
    line-height: 1.2;
}
.esf-results-row button {
    border: none;
    background-color: white;
}
.esf-channel {
    font-size: 0.875rem;
    padding-top: 0.125rem;
}
#searchBox {
    font-family: Roboto, sans-serif;
    height: 2.05rem;
    margin: 0.45rem 0 0 0;
    width: 16rem;
}
#searchBox input[type="text"] {
	border: none !important;
    float: left;
    font-size: 1.25rem;
    height: 2.125rem;
    outline: none;
    padding: 0 0.5rem 0.125rem 0.5rem;
    width: 13rem;
}
#searchBoxButton {
    background-color: white;
    border: none;
    float: right;
    height: 2rem;
    margin: 0 2px 0 0;
    padding: 0;
    width: 2.5rem;
}
.fas.fa-search:hover {
    cursor: pointer;
}

.widget {
    font-weight: 200;
    font-size: 1.125rem;
    margin-bottom: 0;
}
body:not(.theme-preset-active) footer#colophon {
    color: white !important;
    font-size: 1.15rem;
    height: auto;
    line-height: 1.4;
    min-height: 3rem;
}
.pb-3, .py-3 {
    padding-bottom: 0.4rem !important;
}


.esf-footer-copyright, .esf-footer-menu-item, .esf-footer-credit {
    display: inline-block;
}
.esf-footer-copyright {
    margin-right: 3rem;
}
.esf-footer-menu-item {
    margin-right: 2rem;
}
.esf-footer-credit {
    margin-left: 1rem;
}
.esf-logout-avatar {
    border: none;
    float: right;
    margin-bottom: -1px;
    padding: 0;
}
.bg-light {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.esf-img-tag {
    display: block;
}
.esf-img-tag span {
    display: block;
    font-family: Tungsten-Semibold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#masthead .navbar-nav > li:hover > .dropdown-menu {
    display: block;
    margin-top: 3rem;
    top: 0;
    width: 18rem;
}
#masthead .navbar-nav li > .dropdown-menu li:hover .dropdown-menu {
    left: 17rem;
    margin-top: 3rem;
    top: 0;
    width: 18rem !important;
    display: block;
}

.wp-block-column.esf-padding-right {
    padding-right: 3rem;
}
.wp-block-column.esf-vertical-border-right {
    border-right: 1px solid #CCCCCC;
}

.esf-timed-textbanner {
    color: #333333;
    display: block;
    font-family: Tungsten-Semibold;
    font-size: 4.5rem;
    letter-spacing: 0.25rem;
    margin-bottom: 5rem;
    padding: 0.3rem 0 0.5rem 0;
    text-align: center;
}
.esf-timed-textbanner:hover {
    color: #666666;
}

.esf-doc-preview {
    margin-bottom: 2rem;
}
.esf-doc-preview img {
    border: 1px solid #E8E8E8;
    max-width: 200px;
}
.esf-doc-preview .esf-preview {
	float: left;
	padding-right: 2rem;
}
.esf-doc-preview .esf-title-text .esf-title {
	font-size: 1.5rem;
}
.esf-doc-preview .esf-title-text .esf-text a {
	font-weight: normal;
}
.esf-item-wrapper {
	float: none;
	max-width: 100%;
}

.ckc-more-movie-tips {
	margin: 5rem 0 0 0;
}
.ckc-more-movie-tips .col-lg-6 {
	margin: 0 !important;
}
.ckc-more-movie-tips h2 {
	font-size: 2rem;
	padding: 0 1rem 0 1rem !important;
}
.ckc-more-movie-tips p {
	font-size: 1rem;
	letter-spacing: 0;
	padding: 0 1rem 0 1rem !important;
}

/*
 * regional
 */

.advertising-left-d {
    display: none;
}
.advertising-right-d {
    display: block;
}

/*
 * socialmedia
 */
.esf-socialmedia {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 2rem;
    margin-left: 1.25rem;
}
.esf-facebook {
    width: 33px;
}
.esf-twitter {
    width: 36px;
}
.esf-instagram {
    width: 33px;
}
.esf-youtube {
    width: 41px;
}
.esf-feed {
    width: 29px;
}

.esf-addresses-heading .esf-title {
    color: #ffffff;
    font-family: Tungsten-Semibold;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    margin: 0 0 -0.5rem 0.5rem;
    text-transform: uppercase;
}
.esf-addresses-heading .form-inline {
    float: right;
    margin: 0.7rem;
}
.esf-addresses-list-title {
    font-family: Tungsten-Semibold;
    font-size: 1.875rem;
    letter-spacing: 1px;
}
.esf-address-list-item {
    font-size: 1.25rem;
    font-weight: 400;
}
.esf-address-inst-kind, .esf-address-pers-func {
    color: #AAAAAA;
    font-size: 1.125rem;
}

.esf-multimedia-background-darker img {
    display: none;
}

.esf-multimedia-button {
    background-color: white;
    display: block;
    margin: -1rem auto 0 auto;
    text-align: center;
    width: 240px;
    padding: 7px;
}

.margin-bottom {
    margin-bottom: 1rem;
}
.margin-bottom-2 {
    margin-bottom: 2rem;
}

.collapseomatic {
    padding: 0 0 1.5rem 1.1rem !important;
    font-family: Tungsten-Semibold;
    font-size: 2rem;
    letter-spacing: 1px;
    background-position: 0rem 1rem;
}
.collapseomatic.colomat-visited {
    padding-bottom: 0.7rem !important;
}
.collapseomatic_content {
    margin-bottom: 3rem;
}

.jarallax h1 {
    color: #ffffff;
    font-size: 3rem;
}
.jarallax-content {
    padding-bottom: 3px;
    padding-left: 33px;
    padding-right: 29px;
}
.wpcf7-form h3 {
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 1.4rem;
    margin-top: 1.8rem;
}
.wpcf7-form table tr td {
    vertical-align: top;
}
.wpcf7-form label {
    width: 100%;
}
.wpcf7-form-control {
    width: 100%;
}
.esf-archive-navigation {
    font-size: 2.5rem;
    text-align: center;
}
.esf-archive-navigation a {
    color: white;
    display: inline-block;
}
.esf-archive-navigation a {
    padding: 0.1rem 2rem 0.1rem 2rem;
}
.esf-archive-navigation p {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 12rem;
}
.esf-archive-navigation span {
    color: #999999;
    font-weight: bold;
    padding: 0.1rem 2rem 0.1rem 2rem;
}

.esf-medientippch-img_caption {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 0.2rem;
}
.esf-medientippch-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0.8rem 0 0.5rem 0;
}
.esf-medientippch-date {
    font-style: italic;
    margin: 0.2rem 0 0.1rem 0;
}

.esf-goldene-20er {
    border-radius: 7px;
    left: 57%;
    position: absolute;
    top: -34px;
    width: 67px;
}

.esf-kloester {
    border-radius: 7px;
    left: 57%;
    position: absolute;
    top: -34px;
    width: 67px;
}

.esf-mediensonntag {
    height: 7rem;
    left: 50%;
    margin-top: -3rem;
    position: absolute;
    top: 0;
}

.esf-dimanche-des-medias {
    height: 7rem;
    left: 50%;
    margin-left: 16%;
    margin-top: -3rem;
    position: absolute;
    top: 0;
}

.esf-sommerserie-2020 {
    height: 5rem;
    left: 50%;
    margin-top: -2.6rem;
    position: absolute;
    top: 0;
}

.esf-resilienz-kalender-2020 {
    left: 57%;
    position: absolute;
    top: -52px;
    width: 67px;
}

/* gutenberg */

.wp-block-columns {
    display: flex;
}

.wp-block-audio {
    margin-bottom: 1.5rem;
}

/* cath.ch abo */

.abo-columns .abo-left-top, .abo-columns .abo-right-top {
    height: 2.5rem;
}
.abo-columns h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2rem;
    letter-spacing: 1px;
    margin: 0;
    padding: 1rem 1rem 0.7rem 1rem;
}
.abo-columns h3 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1.7rem;
    letter-spacing: 1px;
    padding: 2rem 1rem 0.7rem 1rem;
}
.abo-columns .abo-text {
    min-height: 9rem;
}
.abo-columns .abo-encadre {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin: 0;
}
.abo-columns .abo-price {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
}
.abo-columns .abo-price span {
    font-size: 2rem;
}
.abo-columns .abo-plus-de-details {
    border-top: 1px dashed #cccccc;
    margin-top: 2.5rem;
    padding: 0.5rem;
}

.wp-block-column.esf-liturgy-background-color-light, .wp-block-column.esf-liturgy-background-color-lighter, .wp-block-column.esf-liturgy-background-color-lightest {
    margin-bottom: 1.5rem;
}

.single .esf-content-wrapper .wp-block-column .esf-fullwidth.esf-floatnone {
    margin-top: 0.5rem;
}

/* matomo */
.refresh-matomo {
    margin: 0;
}
.refresh-matomo tr td {
    margin: 0;
    padding: 0 0.5rem 0 0;
    text-align: right;
    vertical-align: bottom;
}

.fancybox-title-over {
    font-size: 0.75rem;
}

.esf-wordpressimage-tag-wrapper .esf-wordpressimage-tag {
    min-width: 13rem;
}

.simplemodal-container .esf-image-wrapper {
    max-width: none;
    margin: 2rem auto 1rem auto;
}
.simplemodal-container h2, .simplemodal-container .wp-block-embed__wrapper {
    max-width: none;
}

#skyscraperheader {
    display: none;
}

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) sm */
@media (min-width: 576px) {
    .esf-now-title {
        display: block;
    }
}

/* Medium devices (tablets, 768px and up) md */
@media (min-width: 768px) {
    .esf-fullwidth {
        padding-left: 0;
        padding-right: 0;
    }
    .esf-encontinu .left {
        padding-bottom: 23px;
    }
    .esf-encontinu .right {
        padding-bottom: 0;
        padding-top: 89px;
    }
    .esf-encontinu .esf-border-right-dotted {
        border-right: 1px dotted grey;
    }
    blockquote {
        background-size: auto;
        margin: 37px auto 29px auto;
        min-height: 5.5rem;
        padding: 2px 91px 0 166px;
    }
    .esf-sommerserie-2020 {
        height: 5rem;
        left: 60%;
    }
    
    .esf-resilienz-kalender-2020 {
        left: 25%;
        position: absolute;
        top: -52px;
        width: 67px;
    }
    .esf-kloester {
        left: 25%;
        position: absolute;
        top: -34px;
        width: 67px;
    }
    .esf-goldene-20er {
        left: 25%;
        position: absolute;
        top: -34px;
        width: 67px;
    }
}

/* Large devices (desktops, 992px and up) lg */
@media (min-width: 992px) {
    body:not(.theme-preset-active) .dropdown-menu {
        margin: 49px 0 0 6px !important;
    }
    .esf-encontinu h2 {
        padding: 0 3.6875rem 0 3.6875rem;
    }
    .esf-encontinu p {
        padding: 0 3.6875rem 0 3.6875rem;
    }
    .esf-news-list h2 {
        padding: 0.6875rem 5rem 0.6875rem 5rem;
    }
    .esf-news-list p {
        padding: 0 5rem 0 5rem;
    }
    .esf-news-list.rtsreligion h2 {
        padding: 0.6875rem 0 0.6875rem 5rem;
    }
    .esf-news-list.rtsreligion p {
        padding: 0 0 0 5rem;
    }
    .esf-box-left, .esf-box-right {
        max-width: 45%;
    }
    .esf-box-left {
        float: left;
        margin-right: 5%;
    }
    .esf-box-right {
        float: right;
        margin-left: 5%;
    }
    .esf-rtsreligion-channel-date-time-vertical {
        margin-top: 2.5rem;
    }
    .esf-news-list.rtsreligion p {
        font-size: 1.5rem;
    }
    .fancybox-title-over {
        font-size: 1rem;
    }
   
    .esf-resilienz-kalender-2020 {
        left: 19.3%;
        position: absolute;
        top: -52px;
        width: 67px;
    }
    .esf-kloester {
        left: 19.3%;
        position: absolute;
        top: -32px;
        width: 67px;
    }
    .esf-goldene-20er {
        left: 19.3%;
        position: absolute;
        top: -32px;
        width: 67px;
    }
}

/* Extra large devices (large desktops, 1200px and up) xl */
@media (min-width: 1200px) {
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .utility {
        height: 55px;
    }
    .lang-select {
        left: 124px;
    }
    .logo, .head-left, .head-right {
        height: 111px;
        margin-bottom: -60px;
    }
    .head-left {
        display: inline-flex;
        margin-left: -1024px;
    }
    .head-right {
        display: inline-flex;
        margin-right: -1024px;
    }
    .footer-left {
        display: inline-flex;
        float: left;
        height: 3rem;
        margin-left: -1271px;
        margin-top: -1rem;
    }
    .navbar-text.left {
        overflow: show;
        width: 300px;
    }
    .navbar-text.right {
        display: block;
        overflow: show;
        width: 100px;
    }
    .navigation {
        border-top: 1px solid #999999;
        height: 3.75rem;
    }
    body:not(.theme-preset-active) #masthead .navigation .navbar-nav > li > a {
        padding-bottom: 0px;
        padding-top: 5px;
    }
    #advertising {
        height: 90px;
        overflow: hidden;
    }
    #advertising img.left {
        display: block;
        height: auto;
        margin-left: -154px;
        position: absolute;
        width: 168px;
    }
    #advertising div.right {
        display: block;
        float: right;
        width: 0;
    }
    #advertising div.right > img {
        height: auto;
        margin-right: -15px;
        margin-top: -90px;
        position: absolute;
        width: 256px;
    }
    .advertising-left-d {
        display: block;
        font-size: 0.8rem;
        max-height: 87px;
        overflow: hidden;
        padding: 3px 15px 3px 30px;
    }
    .advertising-right-d {
        display: block;
        min-width: 728px;
        text-align: right;
    }
    .advertising-right-f, .advertising-right-i {
        display: block;
        text-align: right;
    }
    .logo-footer-d img {
        float: left;
        margin: -119px 23px 59px -126px;
    }
    .logo-footer-f img {
        float: left;
        margin: -119px 23px 59px -123px;
    }
    .logo-footer-i img {
        float: left;
        margin: -119px 23px 59px -122px;
    }
    .esf-grey-left-290 {
        display: block;
    }
    .esf-grey-right-290 {
        display: block;
    }
    .esf-leadmultimedia {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .esf-leadmultimedia.esf-leadrtsreligion {
        padding-left: 0;
        padding-right: 0;
    }
    .esf-multimedia-background-darker {
        min-height: 297px;
    }
    .esf-multimedia-background-darker img {
        display: block;
    }
    .esf-mediensonntag {
        height: 9rem;
        left: 30%;
        margin-top: 0;
        position: absolute;
        top: 0;
    }   
    .esf-dimanche-des-medias {
        height: 8rem;
        margin-top: 3rem;
    }
    .esf-sommerserie-2020 {
        height: 7rem;
        left: 23%;
        margin-top: 2.6rem;
        position: absolute;
        top: 0;
    }   
    a.esf-home-supp {
        height: 4rem;
    }    

    .esf-resilienz-kalender-2020 {
        left: 19.3%;
        position: absolute;
        top: -52px;
        width: 67px;
    }
    .esf-kloester {
        left: 18.8%;
        position: absolute;
        top: -52px;
        width: 79px;
    }
    .esf-goldene-20er {
        left: 19.3%;
        position: absolute;
        top: -52px;
        width: 67px;
    }

    #skyscraperheader {
        display: block;
    }    
    #skyscraperheader img {
        margin: 0.75rem 0 0 calc(1200px + 2%);
        position: absolute;
        z-index: 1;
    }
    
}