/*
	Theme Name: Kloster
	Theme URI: http://www.stilmedien.de/
	Author: Michael Weigand
	Description: Individuelle Theme
*/


body {
font-size:15px;
font-family: 'Work Sans';
line-height:160%;
color:#0b0b0b;
margin:0;
padding:0;
font-weight: 300;
}

/* allgemeine Überschriften*/
h1 {
margin-bottom:20px;
margin-top:0;
color:#d2bb76;
font-size:220%;
line-height: 1;
font-weight: 400;
padding:0;
}
h1:after{content: ' '; display: block; position: relative; height: 4px; width: 100px; background: #d2bb76; margin: 10px 0 0 0;}

h2 {
margin:0 0 20px 0;
color:#d2bb76;
font-size:180%;
font-weight:400;
padding:0;
}
h3 {
margin:0;
font-size:140%;
font-weight: 400;
padding:0;
color: #000000;
}

/* allgemeine links im text */
a:link,a:visited {
text-decoration:underline;
color:#000000;
}

a:hover,a:active {
text-decoration:none;
color:#000000;
}

/* Listen */
ul {
list-style:square;
}

hr {
border-bottom:0;
border-left:0;
border-right:0;
border-top:1px solid #CCCCCC;
height:1px;
}

td,div {
font-size:100%;
vertical-align:top;
}

img {
border:none;
max-width: 100%;
height: auto;
}

form {
background:none;
border:none;
}

b, strong{font-weight: bold;}b

.button, a.button, .vc_btn3 {
background:#d2bb76 !important;
color:#FFFFFF !important;
border: none !important;
padding: 10px 20px !important;
text-decoration: none !important;
border-radius: 0 !important;
background-image: none !important;
text-transform: uppercase;
font-weight: bold;
}

.button i{
	margin: 0 10px 0 0;
}

.vc_btn3{
margin: 0 5px 5px 0;
}

.button:hover, a.button:hover, .button:focus, .vc_btn3:hover {
background-color:#ba6204 !important;
color: #FFFFFF !important;
cursor:pointer !important;
}

.content .wpb_wrapper ul{padding: 0; margin: 0; list-style: none;}
.content .wpb_wrapper ul li{padding: 0 0 0 15px; position: relative;}
.content .wpb_wrapper ul li:before{content: "\f054"; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: 70%;}

input,select,textarea,.inputbox {
background:#BEB9A4;
color:#686253;
border: none;
padding:3px 5px;
}

/* Weiterlesen-Link */
.gmnoprint img {
    max-width: none;
}
.gmnoprint label {
    display: inline;
    width: auto;
}

#loader {background: #d2bb76 url(images/loader.svg) no-repeat scroll center center / 120px auto; color: #ffffff; float: left; height: 100%; left: 0; padding-top: 25%; position: fixed; text-align: center; top: 0; width: 100%; z-index: 10000;}

.greybg{background: rgba(0,0,0,0.05);}

#page{position: relative;}
#page:before{position: absolute; top: 0; left: 0; width: 10px; height: 100%; display: block; background: #d2bb76; content: " "; z-index: 10001;}

.header-wrapper{position: relative;}
.header{padding: 0;}
.header .logo{line-height: 140px; text-align: right;}
.header .logo a{display: inline-block;}
.header .logo img{max-height: 100px; width: auto; height: auto;}

.topbar{clear: both; margin: 0 0 40px 0; position: relative;}
.topbar-iconmenu{display: inline-block; position: relative;}
.topbar-iconmenu ul{margin: 0; padding: 0; list-style: none;}
.topbar-iconmenu ul li{float: left; margin: 0 1px 0 0;}
.topbar-iconmenu ul li:last-child{margin-right: 0;}
.topbar-iconmenu ul li a{display: block; position: relative;}
.topbar-iconmenu ul li span.icon{width: 40px; line-height: 40px; text-align: center; background: #d2bb76; display: inline-block; color: #FFFFFF; text-decoration: none; font-size: 120%;}
.topbar-iconmenu ul li span.title{position: absolute; top: 40px; left: 0; font-size: 70%; background: #7e7a5c; color: #FFFFFF; text-transform: uppercase; padding: 5px; line-height: 1; display: none;}
/*Adjustment Spenden - Start*/
.topbar-iconmenu ul li:nth-child(7) a{text-decoration: none;}
.topbar-iconmenu ul li:nth-child(7) span.icon{display: inline-block !important;}
.topbar-iconmenu ul li:nth-child(7) span.title{display: block !important; position: relative; top: 0; left: 0; font-size: 100%; background: #d2bb76; text-decoration: none; font-weight: 600; line-height: 40px; float: right; padding: 0 10px 0 0;}
/*Adjustment Spenden - End*/
.topbar-iconmenu ul li a:hover span{background: #7e7a5c !important;}
.topbar-iconmenu ul li a:hover span.title{display: block;}
.topbar-iconmenu ul li.menu{display: none;}
.topbar-iconmenu ul li.menu span{background: none; color: #d2bb76; cursor: pointer;}

.search-widget{position: absolute; left: 100%; top: 0; width: 300px;}
.search-widget label{margin: 0; padding: 0; width: 100%;}
.search-widget .search-field{width: 100%; background: #efefef; padding: 0 40px 0 15px; line-height: 40px; height: 40px; float: left;}
.search-widget .screen-reader-text{display: none;}
.search-widget .search-submit{width: 40px; height: 40px; line-height: 40px; font-size: 120%; background: rgba(0,0,0,0.2); position: absolute; right: 0; top: 0; text-align: center; cursor: pointer;}

.topbar-menu{display: inline-block; color: #7e795c;}
.topbar-menu ul{margin: 0 20px; padding: 0; list-style: none;}
.topbar-menu ul li{float: left; margin: 0 1px 0 0;}
.topbar-menu ul li:after{content: "|"; margin: 0 5px;}
.topbar-menu ul li:last-child:after{display: none;}
.topbar-menu ul li a{line-height: 40px; color: #7e795c; text-align: center; display: inline-block; text-decoration: none; font-size: 90%;}

.topbar-language{display: inline-block;}
.topbar-language .lang{line-height: 40px; width: 80px; background: #f2f0ed; padding: 0 10px; color: #7e795c; font-size: 90%;}

.mainmenu{clear: both; position: relative; z-index: 9999;}
.mainmenu ul{margin: 0; padding: 0; list-style: none; width: 100%; text-align: left;}
.mainmenu ul li{float: left; padding: 0; margin: 0 1px 0 0;}
.mainmenu ul li:last-child{margin-right: 0;}
.mainmenu ul li a{color: #7e795c; background: #f2f0ed; display: block; line-height: 40px; padding: 0 10px; text-decoration: none; text-transform: uppercase; font-size: 95%; font-weight: 400;}
.mainmenu > ul > li:hover > a, .mainmenu > ul > li.current-menu-item > a, .mainmenu > ul > li.current-menu-ancestor > span a{color: #FFFFFF !important; background: #d2bb76 !important;}

.mainmenu ul ul{position: absolute; left: -5000px; z-index: 9999; padding: 20px 0 0 0; background: rgba(255,255,255,1); width: 100%; text-align: left; font-size: 80%; border-top: 5px solid #d2bb76; border-bottom: 5px solid #d2bb76;}
.mainmenu ul ul li{display: inline-block; float: left; width: 23%; border-left: 1px solid #7e795c; margin: 0 0 20px 2%;}
.mainmenu ul ul li a{display: block; font-weight: bold; background: none; line-height: 1.2; padding: 0 0 8px 10px; margin: 0;}

.mainmenu ul ul ul{position: relative; left: 0 !important; background: none; width: auto; font-size: 100%; padding: 0; border: none; display: block;}
.mainmenu ul ul ul li{display: block; float: none !important; border: none; height: auto !important; margin: 0; width: 100%;}
.mainmenu ul ul ul li a{margin: 0; font-weight: normal; float: none; display: block;}
.mainmenu ul ul ul li a:hover, .mainmenu ul ul ul li.current-menu-item a{color: #d2bb76;}

.mainmenu ul ul ul ul{display: none !important;}

.sticky-header-wrapper{position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #FFFFFF; display: none;}
.sticky-header-wrapper .topbar-iconmenu ul li.menu{display: block;}
.sticky-header-wrapper .logo{line-height: 40px;}



.content{min-height: 500px;}

.leading{font-size: 125%; font-weight: 400;}

.teaser{display: block; text-decoration: none !important;}
.teaser *{transition: all 0.2s ease-in-out;}
.teaser:hover .teaser--image img{transform: scale(1.05);}
.teaser--video{display: block; width: 100%; padding-top: 66.666667%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden;}
.teaser--video .play{display: block; position: absolute; top: 50%; left: 0; width: 100%; line-height: 500px; text-align: center; margin: -250px 0 0 0; font-size: 400%; color: #FFFFFF; opacity: 0.75; cursor: pointer;}
.teaser--video .play:hover{color: #d2bb76; opacity: 0.5;}
.teaser--video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.teaser .teaser--image{display: block;}
.teaser .teaser--image img{width: 100%; height: auto;}
.teaser .teaser--heading{display: block; color: #d2bb76; font-size: 120%; font-weight: 400; margin: 10px 0;}
.teaser .teaser--content{display: block;}
.teaser .teaser--content:after{display: block; background: url(images/arrow.png) left bottom no-repeat; background-size: 30px auto; width: 100%; height: 30px; content: " ";}


.news-categories{margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #0b0b0b; font-size: 80%;}
.news-categories ul{}
.news-categories ul li{padding: 0 20px 0 0 !important; display: inline-block; white-space: nowrap;}
.news-categories ul li:before{display: none;}
.news-categories ul li .category{width: 16px; line-height: 16px; background: #CCC; display: inline-block; margin: 0 10px 0 0;}

.news .teaser{margin: 0 0 30px 0 !important;}
.news .teaser .teaser--date{font-weight: bold;}

.search-results{}
.search-results .site-main{padding: 30px 0;}
.search-results article a{margin: 0 0 10px 0; display: inline-block;}

.slidetoggle{margin: 0 0 -1px 0;}
.slidetoggle .slidetoggle--heading{padding: 20px 60px 20px 0; font-size: 125%; border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: 600; position: relative; cursor: pointer;}
.slidetoggle .slidetoggle--heading span{display: block; font-weight: normal;}
.slidetoggle .slidetoggle--heading:after{position: absolute; top: 50%; margin: -20px 0 0 0; text-align: center; font-family: "icomoon"; right: 20px; height: 40px; width: 40px; display: block; content: "\e90b"; line-height: 40px; transition: all 0.2s ease-in; color: #d2bb76; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.slidetoggle.active .slidetoggle--heading:after{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.slidetoggle .slidetoggle--content{height: auto;}
.slidetoggle .slidetoggle--content .inner{padding: 30px 0;}


.breadcrumb{background: none; border-top: 1px solid #000; padding: 10px 0 0 0; border-radius: 0;}
.breadcrumb .separator{display: inline-block; margin: 0 5px;}
.breadcrumb a{text-decoration: none;}
.breadcrumb a:last-child{color: #d2bb76; font-weight: 600;}
.breadcrumb .current-page{color: #d2bb76; font-weight: 600;}


.slider{position: relative;}
.slider .bx-pager.bx-default-pager{display: none;}
.slider .caption{position: absolute; bottom: 0; left: 0; width: 100%; padding: 7px 100px 0 10px; background: #d2bb76; color: #FFFFFF; font-size: 90%; line-height: 1.2; height: 50px;}
.slider .bx-controls-direction a{position: absolute; bottom: 0; height: 50px; width: 50px; line-height: 50px; text-align: center; background: #d2bb76; color: #FFF; text-decoration: none; z-index: 99;}
.slider .bx-controls-direction a:hover{background: #b8a367;}
.slider .bx-prev{right: 50px; border-left: 1px solid rgba(255,255,255,0.5); text-decoration: none;}
.slider .bx-next{right: 0px;}

.slider--big{}
.slider--big .caption{width: 450px;}
.slider--big .bx-prev{right: auto; left: 450px; border-left: 1px solid rgba(255,255,255,0.5); text-decoration: none;}
.slider--big .bx-next{right: auto; left: 500px;}


.pagination{text-align: center; margin: 30px 0 0 0; display: block;}
.pagination span, .pagination a{width: 40px; line-height: 40px; text-align: center; display: inline-block; margin: 0 5px; text-decoration: none;}
.pagination span.current{background: #f2f0ed;; color: #7e795c;}
.pagination a{color: #d2bb76;}

.hotspots-wrapper{position: relative;}
.hotspots{position: relative;}
.hotspots .hotspot{position: absolute; top: 20%; left: 20%; z-index: 1;}
.hotspots .hotspot .spot{position: absolute; top: 0; left: 0; width: 25px; height: 25px; line-height: 25px; background: #d2bb76; color: #FFF; text-align: center; border-radius: 20px; z-index: 5;}
.hotspots .hotspot .desc{position: absolute; top: 10px; left: 10px; width: auto; max-width: 400px; background: #FFFFFF; padding: 10px; z-index: 2; font-size: 90%; line-height: 1.2; display: none; white-space: nowrap;}
.hotspots .hotspot:hover{z-index: 2;}
.hotspots .hotspot:hover .desc{display: block;}
.hotspots .hotspot.active{z-index: 99;}
.hotspots .hotspot.active .spot{z-index: 12;}
.hotspots .hotspot.active .desc{display: block; z-index: 11;}

.hotspots-wrapper .mobile-desc{display: none; position: absolute; bottom: 0; left: 0; z-index: 99;}
@media (max-width: 600px){
	.hotspots .hotspot .spot{font-size: 50%; width: 16px; height: 16px; line-height: 16px;}
	.hotspots .hotspot.active .spot{background: #0b0b0b;}
	.hotspots .hotspot .desc{display: none !important;}
	.hotspots-wrapper .mobile-desc{display: block;}

}


table.styled{border-top: 1px solid #000; width: 100%;}
table.styled td{border-bottom: 1px solid #000; padding: 3px 0;}
table.styled a{color: #d2bb76;}


.bggold .inner{background: #d2bb76; color: #FFFFFF; padding: 20px; height: 100%;}
.bggold h2{color: #FFFFFF;}

.bggrey .inner{background: #efefef; padding: 20px; height: 100%;}


.bginfo{background: #d2bb76; color: #FFFFFF; padding: 20px;}
.bginfo h2{color: #FFFFFF;}

.bgcontact{background: #efefef; padding: 20px;}


.big-search{padding: 280px 20px 0; min-height: 400px; background: url(https://www.kloster-einsiedeln.ch/wp-content/uploads/klosterhinten2.jpg) center center; background-size: cover;}
.big-search .search-form{width: 800px; max-width: 100%; margin: 0 auto; position: relative; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
.big-search .search-form .search-field{width: 55%; position: relative; top: 0; left: 0; height: 60px; line-height: 60px; background: #FFF; color: #d2bb76; font-weight: bold; padding: 0 20px; font-size: 110%;}
.big-search .search-form .frequently-searched{position: absolute; top: 0; left: 55%; width: 25%; z-index: 999;}
.big-search .search-form .frequently-searched:after{position: absolute; top: 0; right: 0; width: 60px; height: 60px; content: " "; background: url(images/trigger_gold.svg) center center no-repeat; background-size: 15px auto; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.big-search .search-form .frequently-searched .default{height: 60px; line-height: 60px; background: #FFFFFF; display: block; border-left: 4px solid #d2bb76; padding: 0 10px; text-transform: uppercase; text-align: left; color: #d2bb76;}
.big-search .search-form .frequently-searched ul{background: #FFFFFF; border-left: 4px solid #d2bb76; padding: 0 0 10px 0;}
.big-search .search-form .frequently-searched ul li{}
.big-search .search-form .frequently-searched ul li a{text-decoration: none; padding: 3px 0; display: block;}
.big-search .search-form .frequently-searched ul li a:hover{color: #d2bb76;}
.big-search .search-form .frequently-searched ul li:before{display: none;}
.big-search .search-form .search-submit{position: absolute; top: 0; left: 80%; width: 20%; background: #d2bb76; color: #FFF; font-weight: bold; text-transform: uppercase; text-align: center; height: 60px; line-height: 60px; cursor: pointer;}

@media (max-width: 768px){
	.big-search{padding: 100px 20px 50px;}
	.big-search .search-form .search-field{display: block; width: 100%; position: relative; top: 0; left: 0; font-size: 100%;}
	.big-search .search-form .frequently-searched{display: block; width: 100%; position: relative; top: 0; left: 0; border: none; margin: 20px 0 0 0;}
	.big-search .search-form .frequently-searched .default{border: none;}
	.big-search .search-form .frequently-searched ul{position: absolute; top: 60px; left: 0; width: 100%; border: none; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); padding: 15px 0;}
	.big-search .search-form .search-submit{display: block; width: 100%; position: relative; top: 0; left: 0;}
}

.big-header{min-height: 400px; background: url(https://www.kloster-einsiedeln.ch/wp-content/uploads/klosterhinten2.jpg) center center; background-size: cover;}
@media (max-width: 768px){
	.big-header{min-height: 350px;}
}


.content .gallery a{display: block; margin: 0 0 10px 0;}


.wpcf7{}
.wpcf7 input.wpcf7-text, .wpcf7 textarea, .wpcf7 select{width: 100%; background-color: #efefef; border-radius: 0; font-weight: normal; margin: 0 0 10px 0;}
.wpcf7 select{padding: 10px; line-height: 40px; height: 40px;}
.wpcf7 input.wpcf7-text{padding: 0 10px; line-height: 40px; height: 40px;}
.wpcf7 textarea{padding: 10px; line-height: 1.2;}

.wpcf7 .radio{margin-bottom: 10px;}

.wpcf7 .wpcf7-checkbox{}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item{position: relative; padding: 0 0 0 20px; margin: 0 0 5px 0;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input{position: absolute; left: 0; top: 4px;}

.wpcf7 .wpcf7-acceptance .wpcf7-list-item{position: relative; padding: 0 0 0 20px; margin: 0 0 5px 0;}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item input{position: absolute; left: 0; top: 4px;}

.wpcf7 .count{font-size: 80%; margin: -10px 0 10px 0; opacity: 0.7;}

.wpcf7 input.wpcf7-submit{width: auto; line-height: normal; height: auto;}

.wpcf7 .form_kontakt .message textarea{height: 379px;}


.placeholder{position: relative; background: none !important;}
#galleryOverlay #nextArrow {position: absolute; right: 20px; z-index: 99; background: #000000 url(images/arrow_right.png) no-repeat scroll center center / 40px 40px; height: 40px; line-height: 40px; margin-top: -20px; opacity: 1; top: 50%; width: 40px;}
#galleryOverlay #nextArrow.notvisiblebutton {display: block !important;}
#galleryOverlay #prevArrow {position: absolute; left: 20px; background: #000000 url(images/arrow_left.png) no-repeat scroll center center / 40px 40px; height: 40px; line-height: 40px; margin-top: -20px; opacity: 1; top: 50%; width: 40px;}
#galleryOverlay #prevArrow.notvisiblebutton {display: block !important;}
#galleryOverlay #closeGallery {background: #000000 url(images/close.png) no-repeat scroll center center / 20px 20px; height: 40px; line-height: 40px; opacity: 1; width: 40px;}
#galleryOverlay .img-desc{position: absolute; width: 100%; bottom: 30px; text-align: center;}
#galleryOverlay .img-desc span{background: #000000; color: #FFFFFF; padding: 10px; display: inline-block; line-height: 1;}

.video-wrapper{display: block; width: 100%; padding-top: 66.666667%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden;}
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



.footer{color: #000000; padding: 50px 0 0 0; line-height: 1.4; border-bottom: 50px solid #d2bb76; font-size: 90%;}
.footer .inner{border-right: 1px solid #d2bb76; padding: 0 0 30px 0;}
.footer .inner-last{border: none;}
.footer h3{color: #d2bb76; font-weight: 600; padding: 20px 0;}

.footerlogo{display: inline-block; margin: 0 0 40px 0;}
.footerlogo img{width: 180px; height: auto; max-width: 100%;}

.footermenu{text-align: left;}
.footermenu ul{margin: 0; padding: 0; list-style: none;}
.footermenu ul li{display: block; margin: 0 0 5px 0;}
.footermenu ul li a{display: block; color: #000000; text-decoration: none;}

.footermenu-rowed ul li{display: inline-block;}
.footermenu-rowed ul li a:after{content: " |";}
.footermenu-rowed ul li:last-child a:after{display: none;}

.socialmenu{}
.socialmenu ul{margin: 0; padding: 0; list-style: none;}
.socialmenu ul li{display: inline-block;}
.socialmenu ul li a{width: 50px; height: 50px; line-height: 40px; padding: 5px 0; text-align: center; border: 2px solid #000; border-radius: 200px; display: inline-block; font-size: 150%; box-sizing: border-box;}

.buttonmenu{}
.buttonmenu ul{margin: 0; padding: 0; list-style: none;}
.buttonmenu ul li{display: inline-block;}
.buttonmenu ul li a{line-height: 40px; background: #d2bb76; color: #FFF; text-decoration: none; padding: 10px; margin: 0 5px 0 0;}

#cookiehint{position: fixed; bottom: 0; z-index: 999; width: 100%;}
#cookiehint .inner{background: #F8F8F8; padding: 20px; text-align: center;}
#cookiehint .inner .button{margin: 10px 0 0 0; display: inline-block;}

#mobile-menu{position: fixed; bottom: 0; left: 0; width: 100%; background: #FFFFFF; z-index: 9999; display: none;}
#mobile-menu ul{margin: 0; padding: 0; list-style: none;}
#mobile-menu ul li{float: left; width: 20%;}
#mobile-menu ul li span{line-height: 50px; text-align: center; background: #d2bb76; color: #FFFFFF; display: block; font-size: 160%; text-decoration: none; position: relative;}
#mobile-menu ul li span:after{width: 2px; position: absolute; top: 0; right: -1px; height: 100%; content: " "; background: #FFFFFF; z-index: 1;}
#mobile-menu ul li a{text-decoration: none;}
#mobile-menu ul li.menu span{background: #FFF; color: #d2bb76;}
#mobile-menu ul li span.title{display: none !important;}
/*Adjustment Spenden - Start*/
#mobile-menu ul li:nth-child(3){display: none;}
#mobile-menu ul li:nth-child(4){display: none;}
#mobile-menu ul li:nth-child(5){width: 40% !important; text-align: center !important;}
#mobile-menu ul li:nth-child(5){background: #d2bb76;}
#mobile-menu ul li:nth-child(5) a{display: block; padding: 0 10%;}
#mobile-menu ul li:nth-child(5) span.icon{display: inline-block !important;}
#mobile-menu ul li:nth-child(5) span.title{display: inline-block !important; position: relative; top: 0; left: 0; font-size: 100%; background: #d2bb76; text-decoration: none; font-weight: 600; line-height: 50px; float: right; padding: 0 10px 0 0;}
#mobile-menu ul li:nth-child(5) span:after{display: none;}
/*Adjustment Spenden - End*/


#panel{z-index: 200000; background: #FFF; overflow: auto !important; border-radius: 0; border: none; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
#panel .panel-wrapper{overflow: auto; position: relative; height: 100%;}
#panel .panel-language{background: rgba(0,0,0,0.1); padding: 10px 30px;}
#panel .panel-inner{padding: 20px 30px 80px; position: relative; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
#panel .panel-close{width: 50px; height: 50px; line-height: 50px; background: #d2bb76 url(images/close.svg) center center no-repeat; background-size: 30px 30px; cursor: pointer; position: absolute; top: 10px; right: 10px;}

#panel .panellogo{width: 80%; display: block; margin: 0 0 40px 0;}
#panel .panellogo{width: 200px; height: auto;}

#panel ul{margin: 0; padding: 0; list-style: none;}
#panel ul li{position: relative;}
#panel ul li a{margin: 0; padding: 0; line-height: 50px; white-space: nowrap; display: block; color: #7e795c; background: none !important; text-decoration: none; text-transform: uppercase;}
#panel ul li .trigger {position: absolute; right: 0; top: 0; background: url(images/trigger.svg) center center no-repeat; background-size: 15px auto; height: 50px; width: 40px; text-align: center; cursor: pointer; z-index: 99; display: block;}
#panel ul li .trigger.active {background-image: url(images/trigger.svg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#panel ul li a img{display: none !important;}
#panel ul li.open a, #panel ul li.active a{color: #7e795c;}

#panel ul ul{margin: 0 0 15px 0; border: none; display: none;}
#panel ul ul li a{border: none; text-transform: none; white-space: normal; padding: 0 40px 0 0; line-height: 40px;}
#panel ul ul li .trigger {position: absolute; right: 0; top: 0; background: url(images/trigger.svg) center center no-repeat; background-size: 15px auto; height: 40px; margin: 0; width: 40px; text-align: center; cursor: pointer; z-index: 99; display: block;}
#panel ul ul li .trigger.active {background-image: url(images/trigger.svg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#panel ul li.open ul a{color: #7e795c;}

#panel ul ul ul{display: none;}
#panel ul ul ul li a{border: none;}



@media (max-width: 1200px) {
	.mainmenu ul li a{padding: 0 10px; font-size: 90%;}
}


@media (max-width: 992px) {
	
}




@media (max-width: 992px){

	#page:before{display: none;}
	
	.sticky-wrapper{display: none !important;}
	
	.header .logo{text-align: center;}
	.mainmenu{display: none;}
	.topbar{display: none;}
	
	#mobile-menu{display: block;}
	#cookiehint{bottom: 50px;}

}

@media (max-width: 600px){

	.footer .inner{border: none;}
	
}




.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}


.row.padsm {
    margin-left: -5px;
    margin-right: -5px;
}

.row.padsm > div[class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.row.padsm > span[class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
}



.gotteswort-wrapper{}
.gotteswort-wrapper .main{}
.gotteswort-wrapper .main .section{margin: 0 0 40px 0;}
.gotteswort-wrapper .main h1{margin: 0 0 40px 0;}
.gotteswort-wrapper .main h3{margin: 0 0 10px 0;}

.gotteswort-wrapper .calendar{border: 1px solid #d2bb76; margin: 0 0 20px 0;}
.gotteswort-wrapper .calendar .title{background: #d2bb76; color: #FFFFFF; text-align: center; padding: 20px 0; font-weight: normal;}
.gotteswort-wrapper .calendar .weekday{text-align: center; padding: 20px 0 0 0; font-weight: 500; font-size: 130%; line-height: 1;}
.gotteswort-wrapper .calendar .day{text-align: center; font-size: 600%; line-height: 1; font-weight: 600;}
.gotteswort-wrapper .calendar .monthyear{text-align: center; padding: 0 0 20px 0; font-weight: 500; font-size: 130%; line-height: 1;}

.gotteswort-wrapper .buttons{}
.gotteswort-wrapper .buttons a{display: block; text-align: center;}

.gotteswort-wrapper .config-wrapper{border: 1px solid #d2bb76; margin: 20px 0 20px 0; padding: 20px;}
.gotteswort-wrapper .config-wrapper .daylinks{color: #d2bb76; text-decoration: none; display: block; font-weight: bold; line-height: 1.2; margin: 0 0 10px 0;}

.gotteswort-wrapper.small-layout .calendar{margin: 0; border-bottom: 0;}
.gotteswort-wrapper.small-layout .calendar .title{color: #FFF; font-size: 120%; font-weight: normal; padding: 0; line-height: 40px;}
.gotteswort-wrapper.small-layout .config-wrapper{margin: 0 0 20px 0; border-top: 0; text-align: center;}


.events-monthly{}
.events-monthly .day-wrapper{margin: 0 0 60px 0; display: none; width: 100%;}
.events-monthly .day-wrapper .days-list{margin: -10px 0 0 0;}
.events-monthly .day-wrapper .days-list .item{border-bottom: 1px solid #0b0b0b; padding: 10px 0; display: none; width: 100%;}
.events-monthly .day-wrapper .day{color: #d2bb76; font-size: 250%; font-weight: 800; text-align: right;}
.events-monthly .day-wrapper .month{font-weight: bold; text-align: right; line-height: 1; margin: 10px 0 0 0;}
.events-monthly .day-wrapper .weekday{font-weight: bold; text-align: right; line-height: 1;}
.events-monthly .title{display: block; font-weight: bold;}
.events-monthly a.title{color: #d2bb76; text-decoration: none; position: relative;}
.events-monthly a.title:after{position: absolute; right: 15px; width: 30px; text-align: right; content: "\f08e"; font-family: FontAwesome;}
.events-monthly .category{width: 16px; line-height: 16px; background: #CCC; display: inline-block; margin: 0 10px 0 0;}
.events-monthly .category.gottesdienstordnung{background: #d2bb76;}
.events-monthly .category.kultur{background: #861928;}
.events-monthly .category.anlaesse{background: #fce017;}
.events-monthly .category.wallfahrten{background: #42a7da;}
.events-monthly .category.fuehrungen{background: #b8d48b;}
.events-monthly .category.kirchenjahr{background: #0b0b0b;}
.events-monthly .category.beichtzeiten{background: #632B71;}
.events-monthly .filter-wrapper{margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #0b0b0b; font-size: 80%;}
.events-monthly .filter-wrapper ul{}
.events-monthly .filter-wrapper ul li{padding: 0 20px 0 0 !important; display: inline-block; white-space: nowrap;}
.events-monthly .filter-wrapper ul li:before{display: none;}
.events-monthly .filter-all-wrapper{text-align: right; margin: 0 0 40px 0; font-size: 80%;}
.events-monthly .filter-all-wrapper .singlecat{float: left; margin: 0 23px 0 0;}
.events-monthly .filter-all-wrapper .singlecat span{width: 16px; line-height: 16px; height: 16px; background: #FFF; border: 1px solid #0b0b0b; display: inline-block; margin: 0 10px 0 0;}
.events-monthly .filter-all-wrapper .singlecat.active span{background: #000 url(images/close.svg) center center no-repeat; background-size: 10px 10px;}
.events-monthly .filter-all-wrapper .singlecat.beichtzeiten span{background: #632B71; border: 1px solid #632B71;}
.events-monthly .filter-all-wrapper .singlecat.beichtzeiten.active span{background: #632B71 url(images/close.svg) center center no-repeat; background-size: 10px 10px; border: 1px solid #632B71;}
.events-monthly .filter-all-wrapper .today{border: 1px solid #0b0b0b; padding: 0 5px; font-weight: bold; display: inline-block; line-height: 30px;}
.events-monthly .filter-all-wrapper .filter-all{display: inline-block; position: relative;}
.events-monthly .filter-all-wrapper .filter-all .title{border: 1px solid #0b0b0b; padding: 0 5px; font-weight: bold; line-height: 30px;}
.events-monthly .filter-all-wrapper .filter-all .categories{border: 1px solid #0b0b0b; padding: 5px; position: absolute; left: 0; top: 31px; z-index: 99; background: #FFF; display: none;}
.events-monthly .filter-all-wrapper .filter-all .categories li{padding: 0; white-space: nowrap;}
.events-monthly .filter-all-wrapper .filter-all .categories li:before{display: none;}
.events-monthly .filter-all-wrapper .filter-all .categories{text-align: left;}


.events-daily{position: relative;}
.events-daily .date{background: #d2bb76; color: #FFFFFF; text-align: center; width: 70px; padding: 5px 0; position: absolute; left: 0; top: 0; font-size: 120%; line-height: 1;}
.events-daily .date .year{font-size: 135%;}
.events-daily .daily-table{margin: 0 0 0 80px;}
.events-daily .daily-table h3{color: #d2bb76; font-size: 120%; padding: 0; line-height: 40px; border-top: 1px solid rgba(0,0,0,0.1);}
.events-daily .daily-table table{width: 100%; border-top: 1px solid rgba(0,0,0,0.1);}
.events-daily .daily-table table tr{}
.events-daily .daily-table table tr td{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2px 5px 2px 0;}

.events-daily .daily-table.home-layout{margin: 0;}


.events-category{position: relative;}
.events-category table{width: 100%; border-top: 1px solid rgba(0,0,0,0.1);}
.events-category table tr{}
.events-category table tr td{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2px 5px 2px 0;}
.events-category table a.link{text-decoration: none; display: block; color: #d2bb76;}
.events-category table a.link:after{content: "\f08e"; font-family: FontAwesome; display: block;}

.calendar-wrapper{}
.calendar-wrapper .calendar-title{text-align: center; position: relative; line-height: 38px; font-weight: bold; border-bottom: 1px solid #0b0b0b;}
.calendar-wrapper .month{position: absolute; left: 0; top: 0; width: 38px; line-height: 38px; height: 38px; display: block; content: " ";}
.calendar-wrapper .month.next{right: 0; left: auto;}

.calendar-wrapper .day{width: 14.28%; float: left; text-align: center; line-height: 2;}
.calendar-wrapper .day span{display: block;}
.calendar-wrapper .day span.today{background: #F2F0ED;}
.calendar-wrapper .day span.active{background: #d2bb76; color: #FFF;}
.calendar-wrapper .day a{text-decoration: none;}
.calendar-wrapper .day.weekday{font-weight: bold;}

.calendar-mobile{display: none; background: #efefef; padding: 10px 40px 10px 10px; position: relative;}
.calendar-mobile .icon{position: absolute; right: 10px; line-height: 20px; width: 20px; text-align: center; transform: translate(0%, -100%);}

@media (max-width: 768px) {
	.calendar-mobile{display: block;}
	.calendar-wrapper{display: none; margin: 0 0 20px 0 !important;}
}
.sticky-wrapper .calendar-wrapper{display: block !important;}

.news-home{position: relative;}
.news-home .news-icon{background: #d2bb76; color: #FFFFFF; text-align: center; width: 40px; padding: 0; position: absolute; left: 0; top: 0; font-size: 130%; line-height: 40px; display: block;}
.news-home .news-table{margin: 0 0 0 50px;}
.news-home h3{color: #d2bb76; font-size: 120%; padding: 0; line-height: 40px; border-top: 1px solid rgba(0,0,0,0.1);}
.news-home table{width: 100%; border-top: 1px solid rgba(0,0,0,0.1);}
.news-home table tr{}
.news-home table tr td{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2px 5px 2px 0;}
.news-home table .title{font-weight: bold;}

.news-styled{background: #f6f2e4; padding: 40px 30px;}
.news-styled .news-head{text-align: center; position: relative;}
.news-styled .news-head h2{text-align: center; margin-bottom: 20px;}
.news-styled .news-head a{text-align: center; color: #d2bb76; font-weight: 500; text-decoration: none; display: inline-block; position: absolute; right: 0; bottom: 0;}
@media (max-width: 1200px) {
	.news-styled .news-head h2{margin-bottom: 10px;}
	.news-styled .news-head a{position: relative; top: 0; bottom: 0; left: 0; right: 0; margin-bottom: 10px;}
}
.news-styled .item{background: #FFF;}
.news-styled .metainfo{background: #d2bb76; color: #FFFFFF; padding: 5px 8px; font-weight: bold;}
.news-styled .metainfo a{color: #FFFFFF; text-align: right; display: block;}
.news-styled .item .title{display: block; color: #d2bb76; font-weight: bold; padding: 10px 10px 5px 10px;}
.news-styled .item .desc{padding: 0 10px 0 10px; display: block;}
@media (max-width: 768px) {
	.news-styled .metainfo a{text-align: left;}
}

.events-coming{position: relative;}
.events-coming .events-icon{background: #d2bb76; color: #FFFFFF; text-align: center; width: 40px; padding: 0; position: absolute; left: 0; top: 0; font-size: 130%; line-height: 40px; display: block;}
.events-coming .events-table{margin: 0 0 0 50px;}
.events-coming h3{color: #d2bb76; font-size: 120%; padding: 0; line-height: 40px; border-top: 1px solid rgba(0,0,0,0.1);}
.events-coming table{width: 100%; border-top: 1px solid rgba(0,0,0,0.1);}
.events-coming table tr{}
.events-coming table tr td{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2px 5px 2px 0;}
.events-coming table .title{font-weight: bold;}

.events-coming.home-layout h3{border-bottom: 1px solid rgba(0,0,0,0.1);}
.events-coming.home-layout .events-table{margin: 0;}
.events-coming.home-layout .item{margin: 0; padding: 10px 0; display: block; border-bottom: 1px solid rgba(0,0,0,0.1); text-decoration: none;}
.events-coming.home-layout .item .date{display: block;}
.events-coming.home-layout .item .title{display: block; color: #d2bb76; font-weight: bold;}



.single a.overview{margin: 0 0 20px 0; display: inline-block;}
.single .post_thumbnail{position: relative;}
.single .post_thumbnail .alt{background: #f2f0ed; color: #000000; width: auto; display: inline-block; padding: 10px 15px;}

.single-event{}
.single-event .section{margin: 0 0 20px 0;}
.single-event .section.section--bilder a{display: block; margin: 0 0 30px 0; background-size: cover !important; position: relative; width: 100%; padding-top: 60%; /* 1:1 Aspect Ratio */}

.single-event .event-overview{background: #EFEFEF; padding: 30px;}
.single-event .event-overview .section{margin: 0 0 10px 0;}
.single-event .event-overview .section.section--title{font-weight: bold; margin: 0 0 10px 0;}
.single-event .event-overview .section.section--untertitel{margin: -10px 0 10px 0;}
.single-event .event-overview .section.section--link{margin: 10px 0 0 0;}
.single-event .event-overview .section.section--link a{color: #d2bb76;}

@media (max-width: 768px) {
	.events-monthly .day-wrapper .day,
	.events-monthly .day-wrapper .month{text-align: left;}
}


.post-password-form{}
.post-password-form input{background-color: #efefef; border-radius: 0; font-weight: normal;}
.post-password-form input[type=submit]{background: #d2bb76; color: #FFF; font-weight: bold; text-transform: uppercase;}