/* Style für www.kirche-bindersleben.de */

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Dosis');
@import url('https://fonts.googleapis.com/css?family=Merriweather:900');

body {
	font-family: 'Dosis', sans-serif;
	color: #333;
	background-color:#fff;
	margin: 0;
}


/*Hintergrundfarbe*/
#wrapp-all {
	background-color: #fff;
	max-width: 1200px;}


/* Logo */

div.logo-wrap {
	background-color:#fff;
 }
.logo { text-align:right; padding: 15px 0;}
.logo img {height: auto; width: 100%;}
.logoname h1, .logoname h1 a {
	color: #757579;
	padding-top: 25px;
	margin: 0;
	text-align:center;
	text-decoration: none;
	font-family: 'Merriweather', serif;
	font-size: 2.5rem;
	text-shadow:0 2px 4px rgba(0,0,0,.5);
}
.logoname {
	text-align: center;
	padding-right: 25px 25px 0 25px;
	font-size: 1rem;
}
@media only screen and (max-width: 768px) { .logo img {margin: 0 auto;} }

@media only screen and (min-width: 768px) {
	.logo {padding: 0 0 10px 0; text-align: left;}
	.logo img {width: 100%; min-width: 100%; height: auto; }
	.logo figure .image {min-width: 100%;}
	.logo .ce-outer,
	.logo .ce-inner,
	.logo .ce-row,
	.logo .ce-column,
	.logo .image {width: 100%;}
	
	.logoname .ce-bodytext {
	text-align: right;
	padding-right: 25px;
}
	.logoname h1 {text-align:right; padding-right: 25px; }
	.ce-column .image {float:  left;}
}
	
/* ### Schrift #### */

body {
	color:#555;
	font-family: 'Dosis', sans-serif;
	font-size:1.2rem;
}


.space-content h1 {
	font-family: 'Merriweather', serif;
	color: #666;
	font-size: 3rem;
	text-shadow:0 2px 4px rgba(0,0,0,.5);
	text-align: center;
}

.space-content h2 {
	font-family: 'Dosis', sans-serif;
	color: #666;
	text-shadow: #fff 2px 2px 15px;
	text-shadow:0 2px 4px rgba(0,0,0,.3);
}
	
.ce-center .text-center {text-align: center;}	
	
.space-content a {
	color:#555;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
}
.space-content a:hover {color:rgba(1, 87, 155,1.0); }
.space-content .image-caption { font-size: 0.7rem; text-align: center; padding: 10px;}

footer, footer a {color: #bbb;}
footer a:hover {color: #fff;}

@media only screen and (max-width:768px) {
	.space-content h1 { font-size: 2rem;}
	.space-content h2 { font-size: 1.5rem;}
}

/*Silbentrennung*/
p, h1, h2, h3 {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

/* Überschrift über dem Bild ### */

.layout-drei-zeilen {position: relative;}
.layout-drei-zeilen .spalte-slider h1 {font-family: 'Dosis', sans-serif;
    text-shadow: rgba(91,91,91,0.9) 1px 1px 8px;
    color: #fff;
    position: absolute;
    margin: 0;
    z-index: 5;}
@media only screen and (min-width:768px) {.layout-drei-zeilen .spalte-slider h1 {font-size: 3rem; top: 40px; left: 20px;}}
@media only screen and (max-width:768px) {.layout-drei-zeilen .spalte-slider h1 {font-size: 2rem;top: 25px; left: 15px;}}




/* ############## WS_Flexslider ############# */
/* Rahmen entfernen */
.flexslider {
     margin: 0 0 60px;
     background: #fff;
     border: 0px solid #fff;
     position: relative;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     box-shadow: 0 1px 4px rgba(0,0,0,.2);
     zoom: 1;
}

/* Überschrift und Beschreibung */
@media only screen and (min-width:860px) {
.tx-ws-flexslider .caption-text {
	background: none;
	width: 50%;
	left: 0;
	text-align:left;
	color: #fff;
	text-shadow:0 0 6px rgba(0,0,0,.9);
	font-size: 1.5rem;
	font-weight: bold;
	} }
.tx-ws-flexslider .caption-align-left .caption-text {left: 0;}

.tx-ws-flexslider .caption-text .caption-title {
	font-family: 'Dosis', sans-serif;
	font-size: 3rem;
	font-weight:bolder;
	padding: 0;
	margin: 0;
}


/*Link*/
@media only screen and (min-width:860px) {
.tx-ws-flexslider .caption-align-left .caption-link {
	width: 100%;
	min-width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
}
.tx-ws-flexslider .caption-align-left .caption-link a {
	padding: 100px;
	width: 100%;
	min-width: 100%;
	height: 100%;
	display: block;
	color: transparent;
}
}

@media only screen and (max-width:860px) {
	.tx-ws-flexslider .caption-text .caption-title {font-size: 3rem;}
	.tx-ws-flexslider .caption-align-left .caption-link a {padding: 25px; display: block;}
}


#sd-lightbox {background: rgba(0, 0, 0, 0.7);}


.ce-bodytext p {margin-top: 0;}


/* ############ Boxen ################## */

/*nur padding in spalten ohne ausgewählte Box*/
.spalten-jumbotron .frame-default p,
.spalten-jumbotron .frame-default h1,
.spalten-jumbotron .frame-default h2,
.spalten-jumbotron .frame-default h3,
div.frame-greybox p,
div.frame-greybox h1,
div.frame-greybox h2,
div.frame-greybox h3,
div.frame-whitebox p,
div.frame-whitebox h1,
div.frame-whitebox h2,
div.frame-whitebox h3,
div.frame-whiteborder p,
div.frame-whiteborder h1,
div.frame-whiteborder h2,
div.frame-whiteborder h3
{
	padding-right: 25px;
	padding-left: 25px;
}


/*graue Box*/
div.frame-greybox {
	background-color: rgba(200,200,200,0.57);
	display: block;
	border-top: 1px solid rgba(255,255,255,0.0);
	margin-bottom: 50px;
	border-radius: 2px;
}

.frame-greybox h1, .frame-greybox h2 {color: #fff;}

/*weiße Box */

div.frame-whitebox {
	background-color: #fff;
	border-top: 1px solid #fff;
	margin-bottom: 50px;
	border-radius: 2px;
} 

/*Box mit weißer Kontur*/
div.frame-whiteborder {
	border: solid 1px #fff;
	border-radius: 2px;
	margin-bottom: 50px;
	box-shadow: rgba(200,200,200,0.7) 0 0 5px;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
}
div.frame-whiteborder:hover {background-color: #fff;}


/* Bildergallery */
div.frame-imagegallery .ce-column {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 2px;
	padding: 10px;
}

div.frame-imagegallery .ce-column {
	box-shadow: rgba(200,200,200,0.9) 0 0 4px;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
}
div.frame-imagegallery .ce-column:hover {
	box-shadow: rgba(55,55,55,0.2) 0 0 5px inset;
}
div.frame-imagegallery .ce-column img {border-radius: 2px;}
.frame-imagegallery .image-caption {font-size: 1rem; padding: 10px 0 0 0;}


/* Ramen anklickbar Media Adjustments */
.ce-border img {
	border: solid 1px #004F9F;
	border-radius: 2px;
	box-shadow: rgba(100,100,100,0.7) 0 0 5px;
}