@charset "utf-8";
/* mobile styles */

#mobile-navigation, #mobile-footer {
	display: none;
}

.showinsite {
	/* display: block !important; */
}
.showinmobile {
	display: none !important;
}


/* IPAD */
@media only screen and (max-width: 1024px) {  
	html {
		-webkit-text-size-adjust: 100%;
	}
	#container {
		width: 1024px;
	}
	#header,.logo-image #header, .logo-vert #header, .logo-horiz #header, .logo-single #header {
		width: 1024px;
		padding-left:0;	
	}
	#header form {
		left: 786px;
	}
	#main {
		width: 1024px;
	}
	
	#sub-navigation {
		width: 140px;
	}
	#service {
		padding: 45px 9px 0 9px;
	}
	.psalm-box {
		margin-right: -9px;
	}
	#footer p#footer-top {
		right:5px;
	}
	p.breadcrumb {
		padding-left: 10px;
	}
	.three-cols #main, .three-cols #footer {
		background-position: -69px 0;
	}
	.start.two-cols #content,.two-cols #content {
		width: 762px;
	}
    .start-teaser-box {
        width: 730px;
    }
    .start-teaser-box dt {
        width: 365px;
    }
    .start-teaser-box dd {
        width: 350px;
    }
    .start-two-teasers {
        width: 760px;
    }
    .start-two-teasers div {
        width: 366px;
    }
    .two-cols #events-teaser div {
        width: 366px;
    }
	.subpage.two-cols #content  {
		width: 838px;
		padding-right: 10px;
	}
	.start.two-cols #main, .two-cols #main,.start.two-cols #footer {
		background-position: -65px 0;
	}
	.subpage.two-cols #footer,.subpage.two-cols #main {
		background-position: -74px 0;
	}
	.service-box.socials-box {
		margin: 100px -10px 0 17px;
		padding: 0;
		background: none;
	}
    .header-images #header {
        width: 100%!important;

    }

	.header-images #header form, .header-3-images #header form {
		right: 33px;
	}
	.header-images #header ul, .header-3-images #header ul {
		right: 180px;
	}
	.header-images.fullheader-image #header div#header-logo-slogan img {
		right: inherit;
		left: 0;
		width: 1024px !important;
		height: 199px !important;
	}
	.header-images.fullheader-image.no-header-color #header div#header-logo-slogan img {
		height: 214px !important;
	}
	#header div#header-logo-slogan{
		width: auto !important;
		overflow: hidden;
	}

	

    .header-no-image-standard-logo #header div#header-logo-slogan div#header-name, .big-image-standard-logo #header div#header-logo-slogan div#header-name, .more-images-standard-logo #header div#header-logo-slogan div#header-name {
        width:275px !important;
    }

	#content .image-center .landscape-image dt img {
		width: 100%;
	}
	.two-cols .teaser-boxes.one-teaser-box div {
		width: 736px;
	}
	.two-cols .teaser-boxes.one-teaser-box div dd {
		width: 313px;
	}
	#navigation ul li a {
		font-size: 100%;
	}
	.subpage.two-cols div.content-box.sub-section:not(.contact-box) {
		margin-right: 0;
		padding-right: 0;
	}
        
        .emh-teaser h3 .teaser-boxes-info {
                display: none;
        }
        
        #content .emh-teaser.emh-t-image ul dd, .three-cols #content .emh-teaser.emh-t-image ul dd, .two-cols.subpage #content .emh-teaser.emh-t-image ul dd, .two-cols.subpage #content .emh-teaser ul dd {
                width: 85%;
                right: 10px;
                position: absolute;
                background: rgba(0,0,0,0.4);
                bottom: 10px;
                color: #fff;
        }

        #content .emh-teaser ul.emh-teaser-boxes {
                width: 100% !important;
        }

        #content .emh-teaser ul.emh-teaser-boxes li {
                width: 100% !important;
        }

        #content .emh-teaser ul.emh-teaser-boxes li dl {
                width: 100% !important;
        }

        #content .emh-teaser ul.emh-teaser-boxes li dl dt {
                width: 100% !important;
        }

        #content .emh-teaser ul.emh-teaser-boxes li dl dt img {
                width: 100% !important;
                height: auto !important;
        }

}

@media only screen and (min-width: 795px) and (max-width: 1024px) {
    
    #content .emh-teaser ul.emh-teaser-boxes,
    #content .emh-teaser ul.emh-teaser-boxes li,
    #content .emh-teaser ul.emh-teaser-boxes li dl,
    #content .emh-teaser ul.emh-teaser-boxes li dl dt,
    #content .emh-teaser ul.emh-teaser-boxes li dl dt img {
        height: 234px!important;
    }
}


@media only screen and (max-width: 795px) {

	html {
		-webkit-text-size-adjust: 100%;
	}

	.showinsite {
		display: none !important; 
	}
	.showinmobile {
		display: inherit !important;
	}

	#header div.showinmobile {
		display: table-cell !important;
	}

	object {
		display: none !important; 
	}
	#mobile-navigation {
		display: block;
	}
	#mobile-navigation li.showsubmenu > ul {
		display:block;
	}
	.mobile-hidden {
		display: none;
	}
	
	
	/* layout definitions */
	
	#sub-navigation, #service {
		display: none;
	}
	
	#container {
		width: 100%;
		margin: 0;
	}
	
	#navigation {
		display: none;
	}
	
	#header {
		width: 100%;
		padding: 0;
		height: auto;
	}
	
	#main {
		width: 100%;
		margin: 0 !important;
		background: none !important;
	}
	
	#content {
		width: calc(100% - 30px) !important;
		padding: 15px 15px !important;
		background: #fff !important;
	}
	
	#footer {
		display: none;
	}
	
	#mobile-footer {
		background: #9c9d9d;
		width: auto;
		padding: 3px 15px;
		display: block;
	}
	
	p.breadcrumb {
		display: none;
	}
	
	
	/* header */
	.header-images.no-header-color #header {
		background-image: none!important;
		
	}
	#header ul, #header form {
		display: none;
	}
	
	#header {
		background-image: url(../_img/bg-header.png), url(../_img/bg-header.png);
		background-position: top left, top right;
        height: 90px !important;
	}
	
	#header img {
		width: 60px;
	}
	
	#header div {
		width: 90% !important;
        height: auto !important;
		padding-left: 15px !important;
	}
    #header h4 {
        font-size: 115%;
    }
	#header div#header-logo, #header div#header-image { display: none !important;}
	#header div#header-name {
        padding-left: 0 !important;
        display: table-cell;
        vertical-align: middle;
        padding-top: 15px;
    }
	#header div#header-name h5 {display: none !important;}
    div#header-logo-slogan {
        padding-right: 0 !important;
    }
    div#header-logo-slogan .middle {
        height: inherit;

    }
    .header-images.fullheader-image #header {
        width: auto !important;
    }
    .header-no-image-custom-logo div#header-name, .big-image-custom-logo div#header-name, .more-images-custom-logo div#header-name {
        display: inline-block !important;
    }

    #header div#header-image, #header div#header-image span {
        display: none !important;
    }
	
	.header-image, .header-3-images {
		margin-top: 0px;
	}
	
	.logo-single #header, .logo-single #header div {
		width: 100%;
	}
	
	/* mobile navigation */
	
	#mobile-navigation {
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #fff;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfefd), to(#ecebeb));
		background: -webkit-linear-gradient(#fdfefd, #ecebeb);
		background: -moz-linear-gradient(#fdfefd, #ecebeb);
		background: -ms-linear-gradient(#fdfefd, #ecebeb);
		background: -o-linear-gradient(#fdfefd, #ecebeb);
		background: linear-gradient(#fdfefd, #ecebeb);
		position: relative;
		margin-bottom: 15px
	}
	
	#mobile-navigation:after {
		content: " ";
		width: 100%;
		height: 15px;
		background: url(../_img/bg-shadow-box.png) no-repeat center top #fff;
		background-size: 100%;
		display: block;
		position: absolute;
		bottom:-16px;
	}
	
	#mobile-navigation p a#mobile-nav-home {
		background: no-repeat 0 -470px;
		width: 30px;
		height: 30px;
		display: inline-block;
		text-indent: -9999px;
		margin-right: 15px;
	}
	
	#mobile-navigation p a#mobile-nav-contact {
		background: no-repeat -68px -470px;
		width: 30px;
		height: 30px;
		display: inline-block;
		text-indent: -9999px;
		padding-right: 25px;
	}
	
	#mobile-navigation p {
		padding: 15px;
		margin: 0;
		display: table;
		background: url(../_img/mobile-bg-nav.png) repeat-y 115px top;
	}
	
	#mobile-navigation ul {
		display: none;
		background: #f3f3f3;
		padding: 15px;
		list-style-type: none;
		border-top: 1px solid #fff;
	}
	
	#mobile-navigation ul li {
		border-bottom: 1px solid #a0a0a0;
	}
	#mobile-navigation ul li:last-child {
		border: none;
	}
	
	#mobile-navigation ul li a {
		text-decoration: none;
		display: block;
		display: block;
		padding: 12px 10px 12px 0;
		font-size: 108.4%;
	}
	
	#mobile-navigation ul li span.sub-items, #mobile-navigation ul li span.no-sub-items, #mobile-navigation ul li span.sub-items-close {
		display: inline-block;
		float: left;
		padding: 12px 10px 12px 0;
		width: 16px;
		height: 16px;
		font-size: 108.4%;
		cursor: pointer;
		text-indent: -9999px;
		background:url(../_img/mobile-icon-more.png) left 13px no-repeat transparent;
		background-size: 16px;
	}
	#mobile-navigation ul li span.no-sub-items {
		background: none;
	}
	#mobile-navigation ul li span.sub-items-close {
		background:url(../_img/mobile-icon-less.png) left 13px no-repeat transparent;
		background-size: 16px;
	}
		
	#mobile-navigation ul ul {
		padding: 0;
		border-top: 1px solid #a0a0a0;
		margin-left: 25px
	}
	
	#mobile-navigation p a.mobile-nav-menu {
		display: inline-block;
		height: 30px;
		padding: 0 25px 0 25px;
		font-size: 133.4%;
		font-weight: normal;
		display: table-cell;
		vertical-align: middle;
		background: no-repeat; 
	}
	
	#mobile-navigation p a.mobile-nav-menu.menu-show {
		background-position: -342px -227px;
	}
	#mobile-navigation p a.mobile-nav-menu.menu-hide {
		background-position: -342px -478px;
	}
	
	


	/*
.start.three-cols .teaser-boxes > div > span > img {
    width: 100%;
}
.start.three-cols .teaser-boxes div dl dt img {
    width: 100%;
}

.teaser-boxes, .teaser-boxes.one-teaser-box {
    background: none !important;
    padding-bottom: 0;
    margin: 0 0 0.5em 0;
}


    .teaser-boxes div, .teaser-boxes.one-teaser-box div, .two-cols .teaser-boxes.one-teaser-box div, .three-cols .teaser-boxes.one-teaser-box div {
        margin: 0 0 1.5em 0;

        position: relative;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .teaser-boxes div {
        width: calc(50% - 2px) !important;
    }

    .teaser-boxes.one-teaser-box div {
        width: 100% !important;
    }


    .teaser-boxes div:after {
        content: " ";
        width: 100%;
        height: 15px;
        background: url(../_img/bg-shadow-box.png) no-repeat center top #fff;
        background-size: 100%;
        display: block;
        position: absolute;
        bottom:-18px;
        left: -15px;
        padding-right: 15px;
    }

    .teaser-boxes div h3 {
        margin-left: 0;
        margin-right: 0;
    }
    .teaser-boxes div p {
        margin: 0 15px;
    }

    .teaser-boxes div p.teaser-box-more {
        margin-right: 15px;
    }

    .teaser-boxes div img {
        width: 100% !important;
        height: auto;
        margin: 0 !important;
    }

    .two-cols .teaser-boxes.one-teaser-box div dl, .three-cols .teaser-boxes.one-teaser-box div dl {
        width: auto !important;
        margin: 0 !important;
    }

    .two-cols .teaser-boxes.one-teaser-box div dt img, .three-cols .teaser-boxes.one-teaser-box div dt img {
        width: 100% !important;
        height: auto !important;
    }

    .two-cols .teaser-boxes.one-teaser-box div dt, .three-cols .teaser-boxes.one-teaser-box div dt {
        margin: 0 !important;
        width: 50% !important;
    }

    .two-cols .teaser-boxes.one-teaser-box div dd, .three-cols .teaser-boxes.one-teaser-box div dd {
        padding-right: 0 !important;
        width: 50% !important;
    }

    .teaser-boxes.one-teaser-box div p.teaser-box-more {
        margin: 0 15px 1em 15px;
    }

    .subpage.two-cols .teaser-boxes.one-teaser-box div h3 {
        width: 100%;
    }
    */
	#content .emh-teaser.emh-t-image ul dd, .three-cols #content .emh-teaser.emh-t-image ul dd, .two-cols.subpage #content .emh-teaser.emh-t-image ul dd, .two-cols.subpage #content .emh-teaser ul dd {
                right: 0px!important;
                bottom: 0px!important;
        }
	
        #content .emh-teaser ul.emh-teaser-boxes,
        #content .emh-teaser ul.emh-teaser-boxes li,
        #content .emh-teaser ul.emh-teaser-boxes li dl,
        #content .emh-teaser ul.emh-teaser-boxes li dl dt {
                        height: auto!important;
        }

        #content .emh-teaser ul.emh-teaser-boxes li dl dt {
                        position: relative!important;
        }

        #content .emh-teaser ul.emh-teaser-boxes li dl dd {
                        position: relative!important;
                        width: calc(100% - 30px)!important;
        }

        #content .emh-teaser p.emh-teaser-pager {
                top: 75px;	
        }
        
	#news-teaser {
		margin: 0 0 2em 0 !important;
	}
	
	.subpage #content #news-teaser {
		margin: 0 -15px 2em -15px !important;
	}
	
	#news-teaser p, #events-teaser p {
		display: none;
	}
	#news-teaser p.news-teaser-more, #events-teaser p.events-teaser-more, #news-teaser-lk p.news-teaser-more {
		display: block;
		margin-top: -0.2em !important;
		text-align: left !important;
	}
	
	#events-teaser, .subpage.two-cols #events-teaser {
		background: none !important;
		padding: 0;
		margin: 0 -15px !important;
	}
	
	#events-teaser div {
		width: auto !important;
		float: none;
		position: relative;
		margin: 0 15px 1.5em 15px !important;
		min-height: auto !important;
	}
	
	#events-teaser div:after {
		content: " ";
		width: 100%;
		height: 15px;
		background: url(../_img/bg-shadow-box.png) no-repeat center top #fff;
		background-size: 100%;
		display: block;
		position: absolute;
		bottom:-18px;
	}
	
	#events-teaser div p.events-teaser-more a {
		background: no-repeat -487px -59px transparent !important;
	    color: inherit;
	    font-size: 100% !important;
	    padding-left: 17px;
	}
	
	#news-teaser-lk, .two-cols.subpage div#news-teaser-lk {
		padding: 0 15px !important;
		margin: 0 -15px !important;
	}
	
	#news-teaser-lk p {
		display: none;
	}
	
	#news-teaser-lk p.news-teaser-more {
		margin-top: -0.5em !important;
		display: block;
	}
	
	div#news-teaser h2 a span {
	  	text-align: left;
  	}
	
	
	/* content */
	
	
	.subpage div.content-box.sub-section:not(.contact-box) {
		margin: 0 -15px !important;
		padding: 20px 15px 0 15px !important;
	}
        
        div.content-box.contact-box.sub-section:before {
            left: -28px;
            padding-right: 26px;
        }
	
	dl.image-right, dl.image-center, dl.image-left {
		margin: 0 0 1em 0;
		float: none;
		width: 100% !important;
	}
	
	dl.image-right img, dl.image-left img, dl.image-center img  {
		width: 100% !important;
		height: auto !important;
	}
        
        .tx-aseventdb-pi1 dl.image-right img, .tx-aseventdb-pi1 dl.image-left img, .tx-aseventdb-pi1 dl.image-center img  {
                width: auto!important;
        }
        
	dl.image-right.small-image img, dl.image-left.small-image img, dl.image-center.small-image img  {
		width: inherit !important;
		height: auto;
	}
	
	dl.image-right.small-image {
		float: right;
		width: auto !important;
		margin: 0.3em 0 0.5em 10px;
	}
	
	dl.image-left.small-image {
		float: left;
		width: auto !important;
		margin: 0.3em 10px 0.5em 0;
	}
	
	div.image-text-box dl, div.image-text-box-right dl {
		width: 100% !important;
	}
	
	div.image-text-box dl dt, div.image-text-box-right dl dt {
		float: left;
		margin: 0.4em 15px 0 0;
	}
	
	div.image-text-box dl dd, div.image-text-box-right dl dd {
		float: none;
		width: auto;
	}
	
	#content dl.image-left dt a span, #content dl.image-right dt a span, #content dl.image-center dt a span, #content dl.image-gallery dt a span, #content div.image-text-box dl dt a span {
		display: none;
	}
	
	dl.image-gallery dt img {
		width: 32%;
		height: auto;
	}
	
	div.contact-box {
	    width: auto !important;
	}
	div.contact-box:after, .subpage.two-cols div.contact-box:after {
		width: 85% !important;
		background-size: 100%;
	}
	
	.small-gallery {
		width: auto;
	}
	
	dl.gallery-teaser {
		width: auto !important;
	}
	
	dl.gallery-teaser dt {
		float: left;
	}
	
	dl.gallery-teaser dd {
		float: none;
		width: auto !important;
	}
	
	img.ecard-detail {
		width: 100%;
		height: auto;
	}
	
	div.comment {
		width: auto;
	}
	
	div.comment:after {
		width: 100%;
		background-color: #fff;
		left: 0px;
	}
	
	dl.event-infos {
		width: auto !important;
	}
	
	dl.event-infos dt {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	dl.event-infos dd {
		display: block;
		width: 100% !important;
		margin-bottom: 0.5em;
	}
	
	div.video-box dl, div.audio-box dl {
		width: auto !important;
	}
	
	div.video-box dl dt, div.audio-box dt {
		float: none;
		margin-bottom: 0.5em;
	}
	
	div.video-box dl dd, div.audio-box dd {
		width: 100% !important;
		float: none;
	}
	
	div.audio-box dl dd div.audiojs {
		height: 11vw;
	}
	
	div.audio-box dl dd div.audiojs div.play-pause {
		height: 6.5vw;
		width: 4%;
		padding: 2.25vw 5.5%;
	}
	
	div.audio-box dl dd div.audiojs div.play-pause p:after {
		width: 100%;
		font-size: 300%;
	}
	
	div.audio-box dl dd div.audiojs div.scrubber {
		width: 81%;
	}
	
	div.audio-box dl dd div.audiojs div.time {
		border-left: none;
		font-size: 100%;
		width: 80%;
	}
	
	div.video-box dl dd span.download-media, div.audio-box dd span.download-media {
		display: block;
		float: none !important;
	}
	
	div.video-box dl.video-gallery dt {
		display: none !important;
	}
	
	div.video-box dl.video-gallery dd {
		width: auto !important;
	}
	
	.small-gallery div {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch; 
	}
	
	.small-gallery div img {
		width: 95%;
	}
	
	

	/*
	.small-gallery div.slider {
		overflow-x: hidden;
		margin-top: 0;
		background-image: url(../_img/icon-arrow-grey-back.png), url(../_img/icon-arrow-grey-next.png);
		background-position: left center, right center !important;
		height: 20px;
	}
	*/
	.small-gallery div.slider span {
		display: none;
	}
	.small-gallery div span.carret {
		display: inline-block;
	}
	.small-gallery div span.carret.active {
		background-color: #fff;
		border: 1px solid #000;
	}
	
	/* vote */

	.tx-bfactorsimplevote-pi1 .bfsv-top {
		width: auto !important;
	}
	
	.tx-bfactorsimplevote-pi1 span.bf-stat {
		width: auto !important;
	}
	.tx-bfactorsimplevote-pi1 li div label {
		width: 85% !important;
	}
	.tx-bfactorsimplevote-pi1 li div {
		width: auto !important;
	}
	#content .tx-bfactorsimplevote-pi1 .bfsv-top ol {
		margin-left: 10px !important;
	}
	.tx-bfactorsimplevote-pi1 span.bf-stat {
		width: 100% !important;
	}
		
	
	
	/* form */
	
	#content .form-box:after {
		width: 90%;
	}
	
	#content form {
		width: auto;
	}
	
	#content form input, #content form select, #content form textarea {
		width: 100%;
	}
	#content .add-comment form input, #content .add-comment form textarea {
		width: 100% !important;
	}
	
	#content .add-comment form input[type="submit"], #content .add-comment form input[type="reset"] {
		width: auto !important;
	}
	
	#content .add-comment form {
		width: auto;
	}
	
	#content .add-comment form label {
		display: block !important;
		width: auto !important;
	}
	
	#content .add-comment input #content .add-comment texarea {
		width: 100%;
	}
	
	#content .add-comment form input[type="submit"] {
		margin-left: 0;
	}
	
	#content .form-box:after {
		background-size: 100%;
		background-color: #fff;
	    width: 100%;
	}
	
	/* footer */
	
	#mobile-footer p {
		color: #fff;
		font-size: 91.7%;
		margin: 0;
	}
	
	#mobile-footer p a {
		color: #fff;
	}

	/*
	.is-linked-box {
		height: auto !important;
	}*/
	.default-header #header div#header-image img{
		display: none !important;
	}
	
	div.image-text-box dl dd, div.image-text-box-right dl dd {
		width: auto !important;
	}
	.subpage.two-cols div.content-box.sub-section:not(.contact-box) {
		margin-right: 0;
		padding-right: 0;
	}
}
@media only screen and (min-width: 320px) {
    .small-gallery div {
        width: 290px;
    }

	div.teaser-boxes > div {
		width: calc(100% - 40px) !important;
	}


	.two-cols .teaser-boxes.one-teaser-box div dl, .three-cols .teaser-boxes.one-teaser-box div dl {
		width: calc(100% + 24px)
	}
	.two-cols .teaser-boxes.one-teaser-box div dt, .three-cols .teaser-boxes.one-teaser-box div dt {
		width: 100% !important;
		float: none;
	}

	.two-cols .teaser-boxes.one-teaser-box div dd, .three-cols .teaser-boxes.one-teaser-box div dd {
		width: 100% !important;
		float: none;
	}
}
@media only screen and (min-width: 480px) {
	.small-gallery div {
		width: 450px;
	}

	div.teaser-boxes > div {
		width: calc(50% - 36px) !important;
	}

	div.teaser-boxes.one-teaser-box > div {
		width: calc(100% - 36px) !important;
	}

	.two-cols .teaser-boxes.one-teaser-box div dt {
		width: 50% !important;
		float: left;
	}

	.two-cols .teaser-boxes.one-teaser-box div dd {
		width: calc(50% - 35px) !important;
		float: left;
	}

	.three-cols .teaser-boxes.one-teaser-box div dt {
		width: calc(50% - 5px) !important;
		float: left;
	}

	.three-cols .teaser-boxes.one-teaser-box div dd {
		width: calc(50% - 30px) !important;
		float: left;
	}
}
@media only screen and (min-width: 640px) {
	.small-gallery div {
		width: 610px;
	}

}

@media only screen and (min-width: 1025px) {

	div.teaser-boxes.one-teaser-box > div {
		width: calc(100% - 36px) !important;
	}

	/*
        .two-cols .teaser-boxes.one-teaser-box div dt {
            width: calc(50% - 38px) !important;
            float: left;
        }

        .two-cols .teaser-boxes.one-teaser-box div dd {
            width: calc(50% - 60px) !important;
            float: left;
        }

    */

}
/*
@media only screen and (min-width: 800px) {
	.small-gallery div {
		width: 770px;
	}
}
@media only screen and (min-width: 950px) {
	
	.small-gallery div {
		width: 930px;
	}
}
*/


@media only screen and (max-width: 530px) {
    dl.image-right, dl.image-center, dl.image-left {
        float: none!important;
    }
}