/*
 Theme Name:   priesterseminare
 Description:  http://priesterseminare.org/
 Author:       mafiart
 Author URI:   https://mafiart.de
 Template:     twentytwenty
 Version:      1.0
 Text Domain:  twenty-twenty-child
*/
/* CSS Document */
/* farben
/** fonts**/
@font-face {
    font-family: 'OpenSans-Light';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'),
        url('fonts/OpenSans-Light.ttf') format('truetype'),
        url('fonts/OpenSans-Light.woff') format('woff'),
        url('fonts/OpenSans-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans.svg#OpenSans') format('svg'),
        url('fonts/OpenSans.ttf') format('truetype'),
        url('fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('fonts/OpenSans-Semibold.eot');
    src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Semibold.svgOpenSans-Semibold') format('svg'),
        url('fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('fonts/OpenSans-Semibold.woff') format('woff'),
        url('fonts/OpenSans-Semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*
links und überschriften
#c7a65d // gold
#68707c// 

**/
body{font-family: 'Libre Baskerville', serif; background: #fff; color:#686f79!important;}

.header-titles-wrapper{display: block; text-align: center; width:100%;max-width:100%;; margin: 0;}
.header-titles{display: block; text-align: center; width:100%;max-width:100%;}
#site-header{ height:100px;  background-color: #f3f1e4;  z-index: 10000;  }
.header-inner{display: block; 
              text-align: center; 
              width:100%;max-width:100%; 
              margin: 0; 
              padding: 15px 0 15px 0;
              height: 70px;
}
@media (max-width:1000px ) {
  #site-header{ height:100px;  background-color: #f3f1e4;  z-index: 10000; height: auto; }
.header-inner{height: auto;}
	.site-description{text-align: center;}
    }
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1130px;
    width: 100%;
}
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
    color:#bb954e!important; text-decoration: none;
}
.entry-content  h2 {margin: 10px 0; padding: 30px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb954e+0,e7d49d+100 */
                   background: #bb954e; /* Old browsers */
                   background: -moz-linear-gradient(left,  #bb954e 0%, #e7d49d 100%); /* FF3.6-15 */
                   background: -webkit-linear-gradient(left,  #bb954e 0%,#e7d49d 100%); /* Chrome10-25,Safari5.1-6 */
                   background: linear-gradient(to right,  #bb954e 0%,#e7d49d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb954e', endColorstr='#e7d49d',GradientType=1 ); /* IE6-9 */
                   width: 100%;
                   max-width: 100%!important;
                   color:#fff; 
                   font-size: 35px;
                   text-align: center;
                   letter-spacing: 0.01rem;
                   font-weight: 400;
                   margin-bottom: 32px;
}
.entry-content p{font-family: 'OpenSans-Regular'}
.site-title a, site-title:hover,.site-title a:focus {
    color: inherit;
    display: block;
    text-decoration: none!important;
    color:#c7a65d;
    display:block;
    font-size:24px;
    text-align: right;
    font-weight: normal;
    border:none;
    box-shadow: none;
    letter-spacing: 0.01rem;
    padding: 0 10px 0 0;
}
.site-description{color:#686f79;font-size:12px; letter-spacing: 0.01rem; padding-top: 8px; display: block; text-align:center; padding-right: 10px}
@media (min-width:600px ) {
    .site-description{
       padding-right: 0;
    }
    .site-title a, site-title:hover,.site-title a:focus {text-align:center; padding-right: 0px
    }}
.header-navigation-wrapper{margin-top: 62px;}
.header-titles-wrapper{padding: 0;}
.mopen{height:50px; width: 50px;position:absolute;left: 10px;
       top:6px;opacity: 1; display: block; cursor:pointer; z-index:610; }
.mclose{height:50px; width: 50px; position:absolute; left: 10px;
        top:6px; opacity: 0; display: none;cursor:pointer;z-index:610;}
.header-inner nav { position: relative; display:none;  margin:0 auto; background-color: #f3f1e4;  }
.header-inner nav ul{ position: relative; list-style: none; margin: 0; padding: 0; width: 100%; z-index: 10; }
.header-inner nav ul li{border-bottom:1px solid #fff; display:block; margin:0; padding: 0;}
.header-inner nav ul li:last-child{border-bottom:0px solid #fff;}
.header-inner nav ul li a { position: relative; padding: 10px; font-size: 14px; text-decoration: none; letter-spacing: 0.02em; transition: all 0.3s ease-in; 
                            box-sizing: border-box; 
                            display: block; color: #084151!important; }
.header-inner nav ul li a:hover{ color: #c7a65d!important; }
.header-inner nav ul li.current-menu-item a{ color: #084151; ; border:0px solid #fff;  background-color: #f3f1e4 }
@media (min-width:1000px ) {
    .header-inner .header-inner{
        height: 255px;
    }

    .header-inner nav { position: relative; display: block; max-width: 1130px; width:100%; padding-top: 57px;} 
    .stuckMenu.isStuck nav{ padding-top: 37px;}
    .header-inner nav ul{display: flex; justify-content: space-between; padding-left: 0;}
    .header-inner nav ul li{ border:0px; display:block; margin:0; padding: 0;}
    .header-inner nav ul li a{ display: block;font-size: 16px; letter-spacing: 0.03em;color: #084151;  }
    .navbar-wrapper {width: 100%;max-width: 100%;margin: 0;background-color:#f3f1e4; height: 90px; }
    .navbar-wrapper.stuckMenu.isStuck{box-shadow: 3px 0 13px #68707c;}
    .navbar-wrapper  a.mPS2id-highlight{color: #bb954e!important;}
}

@media screen and  (min-width: 1000Px){  
    .mopen{ opacity: 0; display: none;}
    .mclose {position:absolute; opacity: 0; display: none; }
}

body:not(.overlay-header) .primary-menu > li > a, 
body:not(.overlay-header) .primary-menu > li > .icon, 
.modal-menu a, 
.footer-menu a, 
.footer-widgets a, 
#site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color:#fff!important;

}
#site-footer{display:none;}
h1.entry-title{font-size: 24px; line-height: 30px; max-width: 600px; color:#686f79; 
               letter-spacing: 0.01rem; 
               margin: 20px auto ; font-weight: normal;
}
ol  li{width: 97%; margin: 0 auto; font-family: 'OpenSans-Regular'; margin-left:30px; padding-bottom: 3px}
.singular .entry-header {padding: 10px 0;}
p.impressum-ue{margin-top: 30px!important; margin-bottom: 15px!important}
/* color:#cfba86!important;*/
.search-toggle{display:none;}

@media screen and (min-width:1000px){
    #site-header{height:255px;  }
    .site-title a, site-title:hover,.site-title a:focus {font-size:50px; padding: 0; text-align: center }
    .header-inner{padding: 30px 0 12px 0;}

    h1.entry-title{font-size: 24px; line-height: 34px; max-width: 600px; }
    .singular .entry-header {padding: 30px 0 0 0;}
    .site-description{font-size:22px;text-align: center  }

}
/** social media**/
.ff-stream-wrapper {
    z-index: inherit!important;
}
.ff-stream.ff-layout-masonry{width:100%!important;}
#ff-stream-1, #ff-stream-1 .ff-popup, #ff-stream-1 .ff-search input {
    background-color: rgb(255, 255, 255)!important;
}
.ff-btn{    font-family: 'OpenSans-Semibold';}


/** karte**/
.st0{
    fill: #DAC8AD;
    stroke: #FFFFFF;
    stroke-width: 1.5557;
    stroke-miterlimit: 10;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.st1{fill:#C2A05B;}
.st0:hover {
    fill:#fff;
    stroke:#DAC8AD;
}
#muenster_1:hover .st0, #mainz_1:hover .st0,#trier_1:hover .st0, #mue-fre_1:hover .st0,  #hamburg_1:hover .st0{
    fill:#fff;
    stroke:#DAC8AD;
}
.rahmen{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb954e+0,e7d49d+100 */
    background: #bb954e; /* Old browsers */
    background: -moz-linear-gradient(left,  #bb954e 0%, #e7d49d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #bb954e 0%,#e7d49d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #bb954e 0%,#e7d49d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb954e', endColorstr='#e7d49d',GradientType=1 ); /* IE6-9 */
    font-size:14px; color: #686f79; padding: 10px; width:400px!important; position: absolute; 
    right: 0Px; top:20px; display: none; opacity: 0; padding: 8px; z-index: 200;}


.rahmen .flex-ps{display: flex; justify-content: space-between; padding-bottom: 10px;}

.rahmen .text-ps { width: 250px;}
.rahmen .img-ps{width:120px; padding-right: 10px;}
.rahmen .img-ps img{width:100%; display: block; }
.rahmen h2, .rahmen h3{font-family:'OpenSans-Semibold'; font-size:1em; margin: 0; padding: 0; font-weight: normal; padding-bottom: 10px;}
.soloname h2{font-family:'OpenSans-Semibold'; font-size:20px;color:#C2A05B;margin: 0; padding: 0; font-weight: normal;}
.rahmen .text-ps h3,.rahmen .text-ps h2{color:#C2A05B;}

.rahmen p.none{font-family:'OpenSans-Light'; margin-bottom:10px;}
.rahmen a{font-family:'OpenSans-Semibold'; color:  #C2A05B; margin-right: 30px;}
.rahmen p.link{padding-top: 10px;}
.rahmen .innen{background: #fff!important; padding: 10px; padding-bottom: 0px;}
.rahmen .innen h2, .soloname h2{background: #fff!important; text-align: left; }

.soloname{position: absolute; right:40px; top:30px; display: none;}
.show{display: block;}
.post-inner{padding-top: 0;}
.karte-aussen {margin:0; padding: 0;max-width: 1130px; margin: 0 auto;position: relative;}
.karte-aussen svg {margin:0 auto; max-width:600px; width:40%;}
.rahmen.weitere-ausbildung{display: block!important; opacity: 1!important;}
/** weitere ausbildungsstätten**/
.rahmen.weitere-ausbildung{display: block; opacity: 1; width:370px!important; cursor: pointer;}
.st1{cursor: pointer;}

.rahmen.weitere-ausbildung .innen{padding-bottom: 1px; margin-bottom: 3px; display: none; opacity: 0;} 
.rahmen.weitere-ausbildung .innen:first-child{padding:10px; display: block; opacity: 1;} 
.rahmen.weitere-ausbildung .innen:first-child h2{font-family:'OpenSans-Semibold'; 
                  font-size:20px;color:#C2A05B;margin: 0; padding: 0; font-weight: normal;
} 
.ausbildungsstaetten {position: absolute;
right: 0px;
bottom: 110px;} 

@media screen and (max-width:930px){
    .rahmen{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb954e+0,e7d49d+100 */
        background: #bb954e; /* Old browsers */
        background: -moz-linear-gradient(left,  #bb954e 0%, #e7d49d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #bb954e 0%,#e7d49d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #bb954e 0%,#e7d49d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb954e', endColorstr='#e7d49d',GradientType=1 ); /* IE6-9 */
        font-size:14px; color: #686f79; padding: 10px; width:100%;max-width:90%!important; position: absolute; 
        right: 10Px; top:20px; display: none; opacity: 0; padding: 8px;}
    .karte-aussen svg {margin:0 auto; max-width:900px; width:100%;}

.rahmen.weitere-ausbildung{position: relative; top:0; bottom: 0px; left:0; margin: 0 auto;}
/** weitere ausbildungsstätten**/
.rahmen.weitere-ausbildung{display: block; opacity: 1; width:410px!important;  }
.rahmen.weitere-ausbildung .innen{padding-bottom: 1px; margin-bottom: 3px; display: none; opacity: 0;} 
.rahmen.weitere-ausbildung .innen:first-child{padding:10px; display: block; opacity: 1;} 
.rahmen.weitere-ausbildung .innen:first-child h2{font-family:'OpenSans-Semibold'; 
                  font-size:20px;color:#C2A05B;margin: 0; padding: 0; font-weight: normal;
} 
.ausbildungsstaetten {
    position: relative;
margin:0 auto; bottom:auto;
}
}
.post-inner.thin {margin:0 20px; padding-top: 0;}

.footer-nav-widgets-wrapper{background-color:#68707c;}
.footer-inner nav{width: 100%}
.footer-inner ul{display: block;  font-size: 16px; width: 100%; letter-spacing: 0.01rem}
.footer-inner ul a{font-size: 16px; letter-spacing: 0.01rem; font-weight:normal;}
@media screen and (min-width:500px){
    .footer-inner ul{display: flex; justify-content: space-between; font-size: 16px; width: 500px; margin: 0 auto;}

}   
.footer-inner ul a:hover{text-decoration: none;}
@media screen and (min-width:1000px){
    .post-inner.thin {margin:0; padding-top: 0;}

}   

/*block-dokumente*/
.block-dokumente a:before{display:block; content:""; background-image: url(img/doc-icon.png); 
                          width:39px; height: 48px; float: left; margin-right: 10px;margin-top: -3px;
}
.block-dokumente a{color: #686f79!important; text-decoration: none; display: block;
                   min-height: 49px; font-family: "OpenSans-Semibold"}
.wp-block-column a img{display:block; margin: 20px }

.wp-block-sbgd-wrapper-block{width: 100%!important; max-width: 100%!important;background-color:#f3f1e4; padding-bottom: 30px;}
.wp-block-sbgd-wrapper-block p{max-width: 1130px; width:100%; margin:0 auto;}
.wp-block-sbgd-wrapper-block h2{margin-bottom:15px;}
.wp-block-sbgd-wrapper-block div{max-width: 1130px; width:100%; margin:0 auto;}
.wp-block-sbgd-wrapper-block div{max-width: 1130px; width:100%; margin:0 auto;}
.block-dokumente .wp-block-group .wp-block-column h4{letter-spacing: 0.01rem; color:#C2A05B;}
.block-dokumente .wp-block-group__inner-container p{margin-left: 30px!important;}
.block-dokumente .wp-block-group .wp-block-column a{font-family: "OpenSans-Regular";}
circle:hover{cursor: pointer;}
.rahmen:hover{cursor: pointer;}
@media screen and (max-width:599px){.wp-block-column {margin-bottom: 0;} .wp-block-column .wp-block-group:first-child{margin-top: 0!important;}}
@media screen and (max-width:1130px){
    .wp-block-columns,  .entry-content > p, .wp-block-sbgd-wrapper-block > p {max-width:97%!important; margin: 0 auto;}
    .entry-content .wp-block-column  p{width: 100%!important; max-width: 100%;}

}   
.single article span {
    text-align: inherit;
}

p.karten-info{font-size: 21px; text-align: center;
line-height: 34px;width: calc(100% - 8rem);
 margin: 30px auto;}
.ff-sc-label1 .ff-label-wrapper{display: none;}
.ff-item-cont .entry-content {
    font-size: 15px;
}
.ff-header{display:none!important;}
#cookie-law-info-again, #ff-errors-1{display:none!important;}
.wp-block-group__inner-container h4 {cursor:pointer; letter-spacing: 0.01rem;}
.wp-block-group__inner-container p { display: none;}
.wp-block-group__inner-container p.visible { opacity:1; display:block;}