/*
Theme Name: Stadtkirche Elbingerode
Author: Torsten Wagner
Author URI: http://www.wagnergraphics.de
Description: basiert auf Foundation
Version: 1.0
License: GNU General Public License
License URI: license.txt

Grün: 
	#bccf01;
	rgba(188,207,2,1.00);
	
	
Grün-Text: 
	#a0b004;
	rgba(160,177,5,1.00);

Textfarbe:	
#222;

font-family: 'Source Sans Pro', sans-serif;
300, 400, 400italic, 500, 600, 700

font-family: 'Roboto Slab', serif;
300, 400


*/


.wp-block-gallery,
figure.aligncenter {
	margin-bottom: 12px !important;
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 100;
  text-decoration: none;
  transition: top 0.3s;
}

.skip-link:focus {
  top: 0;
}



/*    Flexbox-Override für match.height.js - > Einfach Klasse .height vergeben*/
.height {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  .height > * {
    flex: 1 1 100% !important;
  }

#banner-leiste .row {display: flex;}



#gemeindebriefe {
	display: flex;
 	 flex-wrap: wrap;
}

#gemeindebrief .gemeindebrief {
	 flex: 1 1 400px;
  max-width: 400px;
}

	


/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}



/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}





/* Foundation - Overrides
-----------------------------------------*/
.row { max-width: 1200px !important; }

.left-off-canvas-menu {
	background-color: #fff;
	}


/* Allgemeine Schriftformate
-----------------------------------------*/

html,
body { 
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 400;
	font-style: normal;
	color: #222;
	}

strong { 
	font-weight: 600;
	}




h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto Slab', serif !important;
	padding-bottom: 0.2em;
	text-align: left;

	}

	
h1  { 	
	font-size: 1.5rem;
	padding-bottom: 0.1em;
	margin-top: 2em;
	margin-bottom: 1.5em; 
	border-bottom: 2px solid #bccf01;
		clear: both;
	}

h2  {
	font-size: 1.4rem;
	margin-bottom: 0.8em;
		clear: both;
	}
h2:before, h2:after { content:""; display:table; }
h2:after { clear:both }

h3  {
	font-size: 1.2rem;
	margin-bottom: 0.4em;
		clear: both;
	}

h4  {
	font-size: 1rem;
	margin-bottom: 0;
	}


h5  {
	font-size: 0.875rem;
	margin-bottom: 0;
	}


a:link, 
a:visited { 
	color: #707c03;
	border-bottom: none;
	text-decoration: none;
	}
a:hover, 
a:active {	
	color: #bccf01;
	outline: none;
	}
a:focus {
  -moz-outline-style: none;
}


hr { 
	border-color: rgba(188,207,2,0.50) !important;
	margin: 3em 0 !important;
	}
	hr:before,
	hr:after {
		content:"";
		display:table;
		}
	hr:after { clear:both }
	
#sidebar-rechts hr { margin: 1em 0; }

mark {
    background-color: rgba(188,207,2,0.25);
	padding: 0 0.3em;
}













/* Grundstruktur
---------------------------------------------------------------------------------------------------------------------------*/
.sprite    { background-image: url('img/spritesheet.svg'); }













/* Header
---------------------------------------------------------------------------------------------------------------------------*/

#container {
    display: inline-block;
    position: relative;
    width: 100%;
}
#dummy {
    margin-top: 34%;
}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#gemeindekarte {
	position: absolute;
	left: 0;
	top: -15%;
	width: 25%;
	}
#logo {
	position: absolute;
	right: 0;
	bottom: 10%;
	max-width: 100%;
	}
#logo-text {
	font-size: 1.3rem;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	color: #000;
	text-transform: uppercase;
	}
#logo-text .gruen {
	color: #8c9a01;
	font-weight: 400;
	margin: 0 0.05em;
	}


#smartphone-menu {
    display: inline-block;
    margin-top: 5px;
    padding: 5px;
    width: 40px;
}
	
#smartphone-menu .left-off-canvas-toggle {
	background-position: -160px 0px;
	width: 30px;
	height: 20px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: #fff;
	padding-left: 35px;
	font-size: 1.5rem;
	}
	



/* Hauptmenü  - Allgemein + Smartphone
---------------------------------------------------------------------------------------------------------------------------*/

#menue-leiste {
	background-color: #bccf01;
    display: block;
    position: relative;
	}
	

/* Startseite als Symbol */	
#link-startseite {
	position: absolute;
	z-index: 999;
	bottom: -1px;
	display: inline-block;
	background-position: 0 -100px;
	width: 94px;
	height: 57px;
	}
		
		
		


.left-off-canvas-menu ul {
	 margin-left: 0;
	}

.left-off-canvas-menu ul li { 	
	margin: 1em 0 0 0;
	list-style: none;
}

.left-off-canvas-menu ul li a {
	display: block;
	margin: 0;
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.80);
	font-family: 'Roboto Slab', serif;
	padding: 10px 1em;
	background-color: rgba(188,207,2,1.00);
}

.left-off-canvas-menu ul li a:hover,
.left-off-canvas-menu ul li.active a,
.left-off-canvas-menu ul li.current-page-ancestor a {
	background-color: rgba(188,207,2,0.20);
	}


/* 1. Ebene */
.left-off-canvas-menu ul li ul li {
	margin-left: 1em;
}

.left-off-canvas-menu ul li ul li a {
	padding: 10px 1em;
	background-color: transparent;
	border-bottom: 1px solid rgba(188,207,2,1.00);
}

.left-off-canvas-menu ul li ul li a:last-child {
	border-bottom: none;
}



/* 2. Ebene */
.left-off-canvas-menu ul li ul li ul li {	
	margin-left: 1em;
}

.left-off-canvas-menu ul li ul li ul li a {
	color: #777;
}

.left-off-canvas-menu ul li ul li a:last-child {
}



.left-off-canvas-menu .current_page_item .children a {
	background-color: transparent; 
	}

/* Auszeichnung für Impressum , Datenschutz, Anmeldeformular*/
.page-item-97 a,
.page-item-100 a,
.page-item-520 a {
	background-color: rgba(0,0,0,0.20) !important; }





/* Suchbox im Header 
-----------------------------------------*/
.suche-header { 
	position: relative;
	float: right;
	display: block;
	margin-top: 10px;
	}
	
.suche-header .telefonnummer {
	position: relative;
	float: left;
	margin-right: 1em;
	}

.suche-header .suche.sprite { 
	display: inline-block;
	background-position: 0px -50px;
	height: 26px;
	width: 26px; 
	color: #ffffff;
	}

label.assistive-text {
	display: none; 
	}
	





/* Kolumnen */
.kolumnen {
	 -webkit-column-count: auto; /* Chrome, Safari, Opera */
     -moz-column-count: auto; /* Firefox */
     column-count:  auto;
	
	 -webkit-column-width: 400px;
	-moz-column-width: 400px;
	column-width: 400px;
	
	-webkit-column-gap: 6em; /* Chrome, Safari, Opera */
    -moz-column-gap: 6em; /* Firefox */
    column-gap: 6em;
	
	-webkit-column-rule: 1px solid rgba(0,0,0,0.15);
	 -moz-column-rule: 1px solid rgba(0,0,0,0.15);
	column-rule: 1px solid rgba(0,0,0,0.25);
	 
	margin-bottom: 2rem;
	 margin-top: 2rem;	 
	}
.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3{
	 -webkit-column-count: auto !important; /* Chrome, Safari, Opera */
     -moz-column-count: auto !important; /* Firefox */
	column-count: auto !important;
	-webkit-column-width: 2200px;
	-moz-column-width: 2200px;
	column-width: 2200px;
}



/* Banner-Leiste
---------------------------------------------------------------------------------------------------------------------------*/
#banner-leiste {
	background-color: rgba(188,207,2,0.50);
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	}



#banner-rotator {
	padding-left: 0;
	padding-right: 0;
	}
	
.metaslider {
    overflow: hidden;
	border-right: 3px solid #fff;
	}

#gemeindebrief-wrapper {
	padding-left: 0;
	padding-right: 0;
	}	
		
#gemeindebrief {
	background-color: #bccf01;
	text-align: center;	
	}
	
#gemeindebrief img.wp-post-image {
	width: 69%;
    margin-top: 5%;
	border: 4px solid #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}

#gemeindebrief a.archiv-link {
	display: block;
	margin-right: 17%;
	color: #000;
	text-align: right;
	}




.gb-button {
	padding: 10px 15px !important;
}



	
/* Zitat-Leiste un Abschlussleiste
---------------------------------------------------------------------------------------------------------------------------*/	
#zitat-leiste {
	background-color: rgba(188,207,2,1.00);	
	}
	
.slick-slider {
    margin-bottom: 0;
}
#zitat-leiste button {
	visibility: hidden;
	}
#zitat-leiste:hover button {
	visibility: visible;
	}


#zitat-slider-wrapper {
	padding-left: 0;
	padding-right: 0; 
	}
	
#zitat-slider {
	font-family: 'Roboto Slab', serif !important;
	padding: 1rem 0;
	margin: 0;
	}
	
.zitat {
	color: #000000;	
	text-align: left;
	font-size: 0.875rem;
	padding: 0 2em;	
	}
	
.zitat p {
	font-size: 0.875rem;
	}
	
.zitierter {
	color: #000;	
	text-align: right;
	font-weight: 300;
	font-size: 0.7rem;
	}



#abschlussleiste-header {
	display: block;
	min-height: 10px;
	background-color: rgba(188,207,2,1.00);
	}






#inhalt-wrapper {
	overflow: visible;
	clear: both;
	}




/* Sidebar links   | Submenü
---------------------------------------------------------------------------------------------------------------------------*/

ul.subpages,
ul.page-list {
	 display: inline-block;
	list-style: none;
	margin: 2.1em 0 0 0;
	}

ul.subpages li,
ul.page-list li {
	border-bottom: 2px solid rgba(188,207,2,0.50);	
	}
ul.subpages li:last-child,
ul.page-list li:last-child {
	border-bottom: none;	
	}
	
ul.subpages li a,
ul.subpages li a:visited,
ul.page-list li a,
ul.page-list li a:visited {
	display: block;
	font-family: 'Roboto Slab', serif;
	font-size: 0.875em;
	font-weight: 400;
	color: #555 !important;
	padding: 1em 0;	
	}
			
ul.subpages li.current_page_item a,
ul.subpages li.current_page_parent > a,
ul.subpages li:hover a,
ul.page-list li.current_page_item a,
ul.page-list li.current_page_parent > a,
ul.page-list li:hover a {
	color: #a0b004;
	}
	
	
/* 2. Ebene 
______________*/

ul.subpages li ul,
ul.page-list li ul  {
	list-style: none;
	display: inline-block;
	display: none;
	}	

ul.subpages li.current_page_ancestor ul,
ul.page-list li.current_page_ancestor ul  {
	display: inline-block;
	}
	
ul.subpages li:hover ul li a,
ul.page-list li:hover ul li a {
	color: #222;
	}
	
ul.subpages li ul li:hover a,
ul.page-list li ul li:hover a {
	color: #a0b004;
	}
		
ul.subpages li ul li:first-child a,
ul.page-list li ul li:first-child a {
	padding-top: 0;	
	}	
	
	
	
	
	
	

/* Sidebar rechts
---------------------------------------------------------------------------------------------------------------------------*/
#sidebar-rechts h2 {
	font-size: 1.375rem;
	color: #000000;
	border-bottom: 2px solid #bccf01;
	margin: 2.2em 0 1em 0;
	}
	
#sidebar-rechts ul {
	list-style: none;
	margin: 0;
	}

#sidebar-rechts ul li {
	font-weight: 300;
	}
	
#sidebar-rechts ul li a {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: #222;
	}
	
#sidebar-rechts .all-events-link a {
	display: block;
	color: #a0b004;
	text-align: right;
	}














/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/

#inhalt p {
    font-weight: 400;
	margin-bottom: 0.9em;
	line-height: 1.5em;
	text-align: justify;
	hyphens: auto;
	}
	
#inhalt h1  { 	
	font-size: 1.5rem;
	font-weight: 400;
	padding-bottom: 0.1em;
	margin-top: 1em;
	margin-bottom: 1.5em; 
	border-bottom: 2px solid #bccf01;
	}
	
#inhalt h2 {
	margin-top: 3em;
	}

#inhalt h2 a:link, 
#inhalt h2 a:visited {
	color: inherit;
	border-bottom: none;
	margin-bottom: 0px;
	}

ul + h3,
p + h3 { margin-top: 2em;}

h1 + h3,
h1 + h2 { 
	margin-top: -1.5em;
	margin-bottom: 2rem;}

#inhalt ul { font-size: 1em; } 

#inhalt a { 
	color: #000;
	background-color: rgba(188,207,2,0.70);
	border-radius: 2px;
	white-space: nowrap;
	
	padding: 4px;
    margin: -2px 0 -2px 0;
} 
#inhalt .rgg_imagegrid a,
#inhalt figure a,
#inhalt a[href$='.jpg'],
#inhalt a[href$='.png'],
#inhalt a[href^='mailto:'],
#inhalt a[href^='tel:'],
#inhalt #suchseite a,
#inhalt #gemeindebriefe a,
#inhalt .css-events-list a { 
	padding: 0; 
	background-color: transparent;
	}


#inhalt.startseite h1 { margin-top: 2em; } 

#inhalt small,
#inhalt p small { 
	font-size: 0.8em; 
	line-height: 1.2em;
	}

figure { margin: 0 !important; }







/* Bilder
-----------------------------------------*/

.alignleft img,
.alignright img,
.aligncenter img{ 
	height: auto;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}

.alignleft,
.alignright { 
	margin-top: 4px;
	max-width: 40%; 
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	clear: both;
}
.alignleft { float:left; margin-right: 1.5em !important; margin-bottom: 0.5em !important; }
.alignright { float:right; margin-left: 1.5em !important; margin-bottom: 0.5em !important;}

.aligncenter,
figure.aligncenter { 
	margin: 1rem 0;
	/*min-width: 100%;*/
	height: auto; 
}


.ohne,
.kein-schatten { 
	border: none;
	box-shadow: none;
	transform: none;
}


#inhalt a:hover img,
#inhalt a figure:hover img,
#sidebar-rechts a:hover img,
#sidebar-rechts a figure:hover img {
	transform: scale(1.05,1.05);
	transition: all 0.1s ease;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	
}


.ansprechpartner {
	clear: both;
	}
	.ansprechpartner:before,
	.ansprechpartner:after {
		content:"";
		display:table;
		}
	.ansprechpartner:after { clear:both }

#inhalt .ansprechpartner img {
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	border-radius: 50%;
	transition: 1s;
	}
#inhalt .ansprechpartner:hover img {
	-webkit-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
	}

#inhalt .ansprechpartner .alignright {
    box-shadow: none;
}



/* Beschriftung */

figure {
	position: relative;
	}
figcaption {
	position: absolute;
	bottom: 0;
	right: -1px;
	z-index: 999;
	width: 100%;
	background-color: #eee;
	background-color: rgba(0,0,0,0.05);
	
	overflow: hidden;
	padding: 0.3rem 0.5rem;
	color: #777;
	text-align: right;	

    color: #000 !important;
    display: inline-block !important;
	background: rgba(188,207,2,0.90);
    width: auto;
	font-family: 'Roboto Slab', serif;
	transform:translate(0,100%);
	opacity:0;
	}
figure:hover figcaption {
	transform:translate(0,0);
	opacity:1;
	}



/* FlexVideo */
.flex-video  {
    margin: 1.5rem 0;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    border: none;
}




/* Tabelle
-----------------------------------------*/
#inhalt table th, 
#inhalt table td  { font-size: 1rem; }

#inhalt table {
    border: none;
	width: 100%;
  	table-layout: fixed;
}

#inhalt table td { border-bottom: 1px solid rgba(188,207,2,0.30); word-wrap:break-word; }
#inhalt table tr:last-child td { border-bottom: none; }

#inhalt table tr th, 
#inhalt table tr td {
    font-size: 1em;
    padding: 0;
	padding: 0.5em 4px;
	vertical-align: top;
}

#inhalt table tr.even, 
#inhalt table tr.alt, 
#inhalt table tr:nth-of-type(2n) {
    background-color: transparent;
}


#inhalt table tr td a {
	white-space: pre-wrap; 
}



/* Kontakt
-----------------------------------------*/
.karte {
	margin: 2rem 0 3rem 0;
	position: relative;
	}
	
.leaflet-container {
	border: none !important; 
	box-shadow: 0 0 5px rgba(120,53,99,0.10);
	border-radius: 2px;	
	}
	
.kontakt-hausfoto {
	position: absolute;
	z-index: 9999;
	max-width: 40%;
	margin-top: -150px;
	right: -20px;
	border: 4px solid rgba(255,255,255,0.80);
	border-radius: 2px;
	transform: rotate(8deg);
	box-shadow: 0 0 10px rgba(120,53,99,1.00);
	clear: both;
	}





/* Aktuelles, Neuigkeiten
-----------------------------------------*/

.blog article {}
.blog article:first-child { margin-top: 4em; }
.blog article:last-child { margin-bottom: 0; }

.blog .time {
	display: block;
	background-color: #bccf01;
	background: radial-gradient(ellipse at center, rgba(120,53,99,0.85) 0%,rgba(120,53,99,1.0) 100%);	
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
	padding: 0.5em;
	border-radius: 2px;
}

.blog h2 {
	background-color: #bccf01;
	background: radial-gradient(ellipse at center, rgba(120,53,99,0.85) 0%,rgba(120,53,99,1.0) 100%);
	border-bottom: 1px dashed rgba(255,255,255,0.50);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;	
	margin: 0px !important;
	color: #fff;
	padding: 8px 8px 8px 16px;
}

.blog h3 {
	border-bottom: 1px dashed rgba(120,53,99,0.50);
	font-size: 1.4rem;
}
.blog .attachment-post-teaser {
	border: 1px solid #bccf01;
	width: 100%;
}

.blog .entry-content { 
	margin-bottom: 4em;
	border: 1px solid #bccf01;
	border-top: none;
	background-color: #fff;
	padding: 2em;
	clear: both;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;	
}


.single .entry-content { margin-bottom: 3em; }




blockquote:before {
    content: '„';
	font-size: 3rem ;
	float: left;
	margin: -3rem 0 0 -0.2em;
	color: rgba(188,207,2,1.00);
}
blockquote:after {}
blockquote {
	font-family: 'Roboto Slab', serif !important;
	font-style: normal;
	font-weight: 400;
	font-size: 1.6rem !important;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #ffffff;
	border-left: none;
    margin: 3rem 0;
    padding: 0 1em 0 0;
}
blockquote p {
	font-size: 1.6rem;
	color: #777;
}






/* Paginiereung
-----------------------------------------*/
.custom-pagination {
    text-align: center;
}

.page-numbers {
	width: auto;
	padding: 1.0em;
	max-height: 40px;
	max-width: 40px;
	overflow: hidden;
}

.page-num { display: none; }










/* Gemeindebriefe
-----------------------------------------*/
#gemeindebriefe .columns  {
	margin-bottom: 3rem;
}

#gemeindebriefe .gemeindebrief-titel {
	display: block;
	font-family: 'Roboto Slab', serif;
	padding: 0.5em;
	text-align: center;
}

.gemeindebrief img {
  border: 7px solid  rgba(252,252,252,1.00);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.20);
  width: 100%;
  height: auto;
}

.gemeindebrief {
  position: relative;
}
.gemeindebrief:before, 
.gemeindebrief:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 12px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: rgba(0,0,0,0.00);
  box-shadow: 0 15px 5px rgba(0,0,0,0.30);
  transform: rotate(-1deg);
}
.gemeindebrief:after {
  transform: rotate(3deg);
  box-shadow: 0 15px 7px rgba(0,0,0,0.80);
  right: 14px;
  left: auto;
}









/* Footer 
-------------------------------------------------------------------------------------------------------------------------*/
footer {
	margin-top: 3rem;
	border-bottom: 10px solid #bccf01;
	font-family: 'Roboto Slab', serif;
	} 
	

#footer-inhalt {
	display: compact;
	}
	
ul#menu-footer-menue {
	}

ul#menu-footer-menue li {
	display: inline-block;
	}

ul#menu-footer-menue li:after {
	content: ' | ';
	font-weight: 400;
	margin: 0 0.5em;
	color: #bccf01;
	}


	
ul#menu-footer-menue li:last-child:after {
	content: '';
	}

ul#menu-footer-menue li a {
	color: #222;
	}


/* Grafik zur Navigation zum Seitenanfang
-----------------------------------------*/
#nach-oben {
	display: block;
	height: 150px;
	background-image: url('img/nach-oben-scrollen.svg');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: auto 100%;
	display: block;
	margin-right: 10px;	
	margin-bottom: 1em;
}

















/* PlugIns
---------------------------------------------------------------------------------------------------------------------------*/
  

/* Metaslider
-----------------------------------------*/
.metaslider .caption-wrap {
	right: 0;
    color: #000 !important;
    display: inline-block !important;
    left: auto !important;
    opacity: 1 !important;
	background: rgba(188,207,2,0.90) !important;
    width: auto !important;
	font-family: 'Roboto Slab', serif;
	
	transform:translate(0,100%);
}

.metaslider:hover .caption-wrap {
	transform:translate(0,0);
	opacity:1;
}




.rgg-imagegrid:after {
	display: block;
	content: '';
	clear: both;
	margin-bottom: 1rem;
}


/* neue Losungen | Panel 
-----------------------------------------*/

#losung-x h2 {
	margin-top: 0 !important;
}


/* Herrenhuter Losungen | Panel 
-----------------------------------------*/
#losung-2,
.panel {
	background-color: #bccf01 !important;
	padding: 1.5rem 2em;
	margin: 2.5rem 0;
	clear: both;
	} 
	#losung-2:before,
	.panel:before {
		clear: both;
		} 

#losung-2 h2,
.losung-lehrtext:before,
#inhalt .panel h2 {
	display: block;
	border-bottom: 2px solid #fff;
    color: #000000;
    font-size: 1.4rem;
    margin: 0 0 1em !important;
    padding-bottom: 0.2em;
} 

.losung-text,
.panel {
	font-family: 'Roboto Slab', serif;
	margin: 0 !important;
	}
 
.losung-versangabe {
	font-family: 'Roboto Slab', serif;
	font-weight: 300 !important;
	text-align: right !important;
	color: #3A3A3A;
	margin: 0 0 1em 0 !important;
 }

.losung-lehrtext:before {
	content: "Lehrtext";
	}
 
.losung-copy {
	font-family: 'Roboto Slab', serif;
	font-size: 0.9rem;
	margin: 0 !important;
	}
.losung-copy a {
	color: rgba(0,0,0,0.70) !important;
	}
	
#losung-2 a,
#inhalt .panel a {
	color: #000000;
	}  
  
  

  
a.anmeldebox {
	margin: 1rem 0; 
	padding: 1em !important;
	text-align: center; 
	display: block;
	border: 1px solid rgba(160,177,5,1.00) !important;	
	font-weight: bold;	
	background-color: rgba(160,177,5,1.00) !important;
	color:  #fff !important;
}

a.anmeldebox:hover {
	background-color: rgba(160,177,5,0.10) !important;
	color: #000 !important;
}


  

   
/* Responsive Grid Gallery
-----------------------------------------*/
.rgg_imagegrid { margin: 2rem 0; }
.rgg_imagegrid:before,
.rgg_imagegrid:after {
    content:"";
    display:table;
}
.rgg_imagegrid:after { clear:both }

.rgg_imagegrid > .rgg_imagegrid  { margin-top: 0; }

.rgg_imagegrid img { border: none !important; }







/* Foundation-Magellan Navigation
-----------------------------------------*/

.sub-nav {
	margin: -2.7rem 0 2rem 0 !important;
	padding-bottom: 0.25rem;
	border-bottom: 1px dashed rgba(120,53,99,0.3);
	background-color: rgba(120,53,99,0.05);
	}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    color: #bccf01;
    padding: 0.1875rem 1rem 0 0;
	font-family: 'Source Sans Pro', sans-serif; 
	}

#hauptmenue.fixed, [data-magellan-expedition] {
    left: auto !important;
	}

[data-magellan-expedition] {
	background: none !important;
	padding: 0px;
	}

[data-magellan-expedition] .sub-nav dt.active a, 
[data-magellan-expedition].sub-nav dd.active a, 
[data-magellan-expedition].sub-nav li.active a {
    background: none !important;
    color: #783563 !important;
	}

[data-magellan-expedition].fixed {
	background: none repeat scroll 0 0 rgba(120,53,99,0.95) !important;
	background: radial-gradient(ellipse at center, rgba(120,53,99,0.85) 0%,rgba(120,53,99,1.0) 100%) !important;	
	padding: 10px 10px 0 10px;
	border-bottom-left-radius: 2px;
	z-index: 99999;
	color: #ffffff;
	}

[data-magellan-expedition].fixed .sub-nav {
	margin: 0 !important;
	}

[data-magellan-expedition].fixed .sub-nav dt, 
[data-magellan-expedition].fixed .sub-nav dd, 
[data-magellan-expedition].fixed .sub-nav li {
    color: #ffffff !important;
    display: inline;
    float: left;
    font-size: 0.875em;
    font-weight: 400;
    margin-bottom: 0.625em;
    margin-left: 1em;
	}

[data-magellan-expedition].fixed .sub-nav a:link,
[data-magellan-expedition].fixed .sub-nav a:hover,
[data-magellan-expedition].fixed .sub-nav a:visited {
	color: #ffffff !important;
	border-bottom: none !important;
	}

[data-magellan-expedition].fixed .sub-nav dt.active a, 
[data-magellan-expedition].fixed .sub-nav dd.active a, 
[data-magellan-expedition].fixed .sub-nav li.active a {
    background: none repeat scroll 0 0 #ffffff !important;
    border-radius: 3px;
    color: #783563 !important;
	}




.breadcrumb {
	margin-top: 1em !important;
	}
ol.breadcrumb  {
	font-size: 0.8rem !important;
	}

/*  Event list
-----------------------------------------*/



#inhalt .css-events-list a { 
	font-weight: 600;
	}
	
table.em-calendar {
	width: 100%;
	}




/*  AddThis	
-----------------------------------------*/

	
#empfehlen {
	height: 30px;
	display: inline-block;
	margin-right: 4em;
	}
	
.text-empfehlen {
	display: inline-block;	
	height: 30px;
	vertical-align: top;
	margin-right: 10px;
	}

#empfehlen .shariff {
    display: inline-block !important;
	margin-top: -6px;
}





/* Suchergebnisse
-----------------------------------------*/

#suchseite h1 span,
#suchseite h2,
#suchseite a.more-link  {
	color: #bccf01;
	font-weight: 400;
	}
#suchseite a.more-link  {
	text-align: right;
	display: block;
	font-weight: 400;
	}






/* Kontaktformular
-----------------------------------------*/

.wpcf7-form h3 {
	margin-top: 1.5em;
	}


.kontakt a {  }
.kontakt a.button  { color: #fff; }

.wpcf7-form fieldset { 
	border: 1px solid rgba(188,207,2,1.00);
}

.wpcf7-form input,
.wpcf7-form textarea {
	border: 1px solid rgba(0,0,0,0.10);
	font-size: 1em;
	background-color: rgba(0,0,0,0.01);
}

.wpcf7-form input.wpcf7-validates-as-required,
.wpcf7-form textarea.wpcf7-validates-as-required
 {
	border: 1px solid rgba(188,207,2,1.00);
	background-color: #fff;	
}

.wpcf7-form input.error,
.wpcf7-form textarea.error {
	border: 1px solid #C60F13;
}

.error small, 
small.error,
label.error {
    background: none repeat scroll 0 0 #C60F13;
    color: #FFFFFF;
    display: block;
    font-size: 0.75em;
    margin-bottom: 1em;
    margin-top: -1.3125em;
    padding: 0.375em 0.25em;
}

span.wpcf7-not-valid-tip {
    background-color: rgba(0, 0, 0, 0.1);
    color: #f00;
    display: block;
    font-size: 1em;
    margin: -1em 0 1em;
    padding: 0.25em 0.5em;
}

.button,
.wpcf7-form input.button {
	font-family: 'Roboto Slab', serif !important;
	font-size: 1.2rem;
	font-weight: 400 !important;
	background-color: #bccf01 !important;
	color: #000000 !important;	
	
	background-position: center right;
	background-size: cover;
	cursor: pointer;
			
	box-shadow: 
		inset 0 1px 0 rgba(255,255,255,0.3), 
		inset 0 -1px 0 rgba(0,0,0,0.4), 
		inset 1px 0 0 rgba(255,255,255,0.3), 
		1px 0 0 rgba(0,0,0,0.4), 
		0 0 4px rgba(0,0,0,0.2);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,0.1);
}
.button:hover,
.wpcf7-form input.button:hover  {
	background-color: #bccf01;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}
.uf-bubble button:hover  {
	background: none;
	box-shadow: none;
}


div.wpcf7-response-output,
div.wpcf7-validation-errors {
	padding: 2em !important;
	background-color: #bccf01;
	color: #fff !important;
	border: none !important;
	margin: 2em 0 !important;
	}
	
div.wpcf7-validation-errors {
	background-color: red;
	}


	
	:-webkit-input-placeholder { color:#333 !important; }
	::-moz-placeholder { color:#333 !important; } /* firefox 19+ */
	:-ms-input-placeholder { color:#333 !important; } /* ie */
	input:-moz-placeholder { color:#333 !important; }




/* FlipBook3D
-----------------------------------------*/
.flipbook-main-wrapper {
	background-color: rgba(230,230,230,0.95) !important;
	}


.flipbook-currentPageHolder {
    top: 0 !important;
    z-index: 1 !important;
}

#inhalt .flipbook-currentPage {   
	box-shadow: none !important;
	width: 30px !important;
	height: 3.1rem;
}


#inhalt .flipbook-totalPages {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 1.2em !important;
    height: 35px !important;
    line-height: 35px !important;
    padding-left: 35px !important;
    position: absolute !important;
    text-align: left !important;
    width: 5em !important;
    z-index: 1 !important;
}












		/* Kali Forms
        -------------------------------------*/

			.kaliforms-form-container div.col-12 { 
				margin-bottom: 6px !important;
				}


			@media (min-width: 768px) {

					.kaliforms-form-container .col-md-3:first-child,
					.kaliforms-form-container .col-md-4:first-child,
					.kaliforms-form-container .col-md-5:first-child,
					.kaliforms-form-container .col-md-6:first-child,
					.kaliforms-form-container .col-md-7:first-child,
					.kaliforms-form-container .col-md-8:first-child { 
						padding-left: 15px !important;
						}
					.kaliforms-form-container .col-md-3,
					.kaliforms-form-container .col-md-4,
					.kaliforms-form-container .col-md-5,
					.kaliforms-form-container .col-md-6,
					.kaliforms-form-container .col-md-7,
					.kaliforms-form-container .col-md-8 { 
					   padding-right: 3px !important;
					   padding-left: 3px !important;
					   }
						.kaliforms-form-container .col-md-3:not(:first-child) label,
						.kaliforms-form-container .col-md-4:not(:first-child) label,
						.kaliforms-form-container .col-md-5:not(:first-child) label,
						.kaliforms-form-container .col-md-6:not(:first-child) label,
						.kaliforms-form-container .col-md-7:not(:first-child) label,
						.kaliforms-form-container .col-md-8:not(:first-child) label { 
							margin-left: -10px !important;
							}
					.kaliforms-form-container .col-md-3:last-child,
					.kaliforms-form-container .col-md-4:last-child,
					.kaliforms-form-container .col-md-5:last-child,
					.kaliforms-form-container .col-md-6:last-child,
					.kaliforms-form-container .col-md-7:last-child,
					.kaliforms-form-container .col-md-8:last-child{ 
						padding-right: 15px !important;
						}
			}
			.kaliforms-form-container .row div[class^="col-"], 
			.kaliforms-form-container .row div[class*=" col-"] {
				margin-bottom: 0px;
			}



			.kaliforms-form-container hr {	
				height: 5px;
				background-color: transparent;
				margin: 0.75em 0 !important;
    			border: 0;
				}

			.kaliforms-form-container label:not(.checkbox-label):not(.radio-label) {
				position: absolute;
				z-index: 2;
				font-size: 14px !important;
				top: 4px;
				left: 25px;
				}

				.filepond--drop-label.filepond--drop-label label {    
					position: relative;
					top: inherit;
					left: inherit;
				}

			.kaliforms-form-container label {
				color: #000 !important;
			}

			.kaliforms-form-container .col-12:focus-within label:not(.checkbox-label):not(.radio-label),
			.kaliforms-form-container .col-12 label.input-filled {
				transform: translateY(-2px) translateX(0px);
				transform-origin: top left;
				color: rgb(0 0 0 / 0.5) !important;
				font-size: 0.7em !important;
			}


			.kaliforms-form-container [type='freeText'] {
				color: #000;
				}


.radio-label input:after {
		display: inline-block;
		margin: -5px 0 0 20px;
		position: absolute;
	}

			.kaliforms-form-container textarea { min-height: 250px;} 
			.kaliforms-form-container textarea:focus { position: relative; }

			.kaliforms-form-container [type='text'], 
			.kaliforms-form-container [type='password'], 
			.kaliforms-form-container [type='date'], 
			.kaliforms-form-container [type='datetime'], 
			.kaliforms-form-container [type='datetime-local'], 
			.kaliforms-form-container [type='month'], 
			.kaliforms-form-container [type='week'], 
			.kaliforms-form-container [type='email'], 
			.kaliforms-form-container [type='number'], 
			.kaliforms-form-container [type='search'], 
			.kaliforms-form-container [type='tel'], 
			.kaliforms-form-container [type='time'], 
			.kaliforms-form-container [type='url'], 
			.kaliforms-form-container [type='color'], 
			.kaliforms-form-container textarea, 
			.kaliforms-form-container #kali-stripe-iban-element, 
			.kaliforms-form-container #kali-stripe-card-element {
	margin-bottom: 0 !important;
	padding-top: 35px !important;
	padding-bottom: 15px !important;
	padding-left: 9px !important;
	border-radius: 3px !important;
	background-color: #F7F9E3 !important;
	box-shadow: 0 0 0 !important;
	border: 1px solid rgba(0,0,0,0.00) !important;
				}


			.kaliforms-form-container input[required],
			.kaliforms-form-container textarea[required],
			.kaliforms-form-container select[required] {
	border: 1px solid #dde780  !important;
									}  

					.kaliforms-form-container input:focus,
					.kaliforms-form-container textarea:focus { 
						background-color: #fff !important;
						color: #000;
						border: 1px solid #dde780 !important;
						box-shadow:  0 1px 1px rgba(0,0,0,0.11), 
									  0 2px 2px rgba(0,0,0,0.11), 
									  0 4px 4px rgba(0,0,0,0.11), 
									  0 6px 8px rgba(0,0,0,0.11),
									  0 8px 16px rgba(0,0,0,0.11) !important;
						transform: scale(1.01);
						}

			.kaliforms-form-container #optionale-angaben { font-size: 0.875em; }



			.kaliforms-form-container .checkbox-label input { display: inline-block ; }
			.kaliforms-form-container .checkbox-label span { overflow-y: visible !important; }
			.kaliforms-form-container .checkbox-label span:nth-of-type(2){ margin-left: 33px; margin-bottom: 25px; }

			.kaliforms-form-container [type='submit'], 
			.kaliforms-form-container [type='button'] {
				border: none;
				float: right !important;
				font-family: 'Roboto Slab', serif !important;
				font-size: 1.2rem;
				font-weight: 400 !important;
				background-color: #bccf01 !important;
				color: #000000 !important;	

				background-position: center right;
				background-size: cover;
				cursor: pointer;

				box-shadow: 
					inset 0 1px 0 rgba(255,255,255,0.3), 
					inset 0 -1px 0 rgba(0,0,0,0.4), 
					inset 1px 0 0 rgba(255,255,255,0.3), 
					1px 0 0 rgba(0,0,0,0.4), 
					0 0 4px rgba(0,0,0,0.2);
				text-shadow:
					0px -1px 0px rgba(000,000,000,0.1),
					0px 1px 0px rgba(255,255,255,0.1);				
			}

			.kaliforms-form-container [type='submit']:hover, 
			.kaliforms-form-container [type='button']:hover {
					background-color: #bccf01;
					box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
				
			}




		div[id^="kaliforms-thank-you"] {
			background-color: rgba(219,229,191,1.00);
			border-radius: 3px;
			padding: 2em;
			margin-top: 2em;
			font-family: 'Roboto Slab', serif !important;
			}
		
		div[id^="kaliforms-thank-you"] h2 {			
			font-size: 1.6em;
			font-weight: 600;
			}








/* JetMenü
---------------------------------------------------------------------------------------------------------------------------*/


	
	.jet-mega-menu.jet-mega-menu--layout-horizontal {		
		display: inline-block;
		max-width: 95%;
		margin-top: 3px; /* analog zu Border-top von #banner-leiste*/
		}
	
	.jet-mega-menu-container {
		display: inline-block;
		margin: 0 0 0 80px;
	}

	.jet-mega-menu-item__inner { 	
		margin: 0;
		list-style: none;
		display: inline-block;
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
	}

		.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__title {
				display: block;
				margin: 0;
				color: #000 !important;
				text-shadow: 1px 1px 1px rgba(255,255,255,0.80);
				font-family: 'Roboto Slab', serif;
				padding: 10px 1em;
				
			}	

	

	.jet-mega-menu-item__inner:hover .jet-mega-menu-item__title,
	li.jet-mega-menu-item--current .jet-mega-menu-item__title,
	li.current-page-ancestor .jet-mega-menu-item__title {
		background-color: rgba(188,207,2,0.00) !important;
		}


/*Submenü*/

	.jet-mega-menu.jet-mega-menu--layout-dropdown.jet-mega-menu--dropdown-layout-default .jet-mega-menu-container {
		background: rgb(255 255 255 / 90%);
		backdrop-filter: blur(6px);
		box-shadow: 0 0 40px #00000047;
		border-radius: 0 0 6px 6px;
		}
	
		.jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-list .jet-mega-menu-item__title {
			color: #000;
}

	.jet-mega-menu.jet-mega-menu--layout-dropdown .jet-mega-menu-list .jet-mega-menu-item__title:hover {
			color: #a0b004;
	}

	.jet-mega-menu-sub-menu {
		box-shadow: 0px 4px 40px -20px rgba(0,0,0,0.75);
	}

	.jet-mega-menu-sub-menu .jet-mega-menu-item  {
		border-bottom: 1px solid #ccc;
		padding: 0 !important;
		font-size: 0.875em;
		background-color: transparent !important;
	}
.jet-mega-menu-sub-menu .jet-mega-menu-item:last-item  {
		border-bottom: none !important;
	}
	.jet-mega-menu-sub-menu .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__title   {
		background-color: transparent !important;
	}
.jet-mega-menu-sub-menu .jet-mega-menu-item:hover {
	background-color: rgba(160,177,5,0.20);
	}


.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu__list {
	background-color: rgba(255,255,255,0.90);
	border-radius: 3px;
	backdrop-filter: blur(6px);
}






	

	

	







/* Animationen und optische Ergänzungen
---------------------------------------------------------------------------------------------------------------------------*/

#hauptmenue a:hover,
body,
a, 
input, 
textarea,
input[type=submit],
select,
label,
tr,
td,
.telefonnummer,
.teaser_foto:after,
figure,
figcaption,
.metaslider .caption-wrap
 {
	transition: all 0.3s ease;
}

.bbg_image {
	transition: none;
}

.alert p,
.alert-box { 
	color: #000;
	font-size: 1rem; 
	}



/* Animationen aufheben
---------------------------------------------------------------------------------------------------------------------------*/
.flex-direction-nav a,
#meteor-next a,
.rgg_imagegrid img {
	transition: none;
}






















/* Media Queries
---------------------------------------------------------------------------------------------------------------------------*/

/* Small screens 
Define mobile styles */
@media only screen { } 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */  
@media only screen and (max-width: 40em) { } 


/* Medium screens 
min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) { 


	/* Header
	---------------------------------------------------------------------------------------------------------------------------*/
	
	#dummy {
		margin-top: 18%;
	}
	
	#logo {
		max-width: 50%;
		}
		
	#logo-text {
		font-size: 2rem;
		}
	
	
	
	
	
		
	/* Hauptmenü
	---------------------------------------------------------------------------------------------------------------------------*/
	
	.menu-hauptmenue-container {
		max-width: 95%;
		}
		
	.menu-hauptmenue-container {
		display: inline-block;
		margin-top: 3px; /* analog zu Border-top von #banner-leiste*/
	}
	
	#hauptmenue ul.menu {
		display: inline-block;
		margin: 0 0 0 80px;
	}
	
	#hauptmenue ul.menu li { 	
		margin: 0;
		list-style: none;
		display: inline-block;
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
	}
	
	#hauptmenue ul.menu li a {
		display: block !important;
		margin: 0 !important;
		color: #000 !important;
		text-shadow: 1px 1px 1px rgba(255,255,255,0.80) !important;
		font-family: 'Roboto Slab', serif !important;
		padding: 10px 1em !important;
		background-color: rgba(188,207,2,1.00) !important;
	
	}
	
	#hauptmenue ul.menu li a:hover,
	#hauptmenue ul.menu li.active a,
	#hauptmenue ul.menu li.current-page-ancestor a {
		background-color: rgba(188,207,2,0.00) !important;
		}
	
	/* Startseite ausblenden */
	.menu-item-57, .jet-mega-menu-item-57 { display: none !important; }
	
	
	
	
	
	
	
	
	
	
	
	/* Banner-Leiste
	---------------------------------------------------------------------------------------------------------------------------*/
	#banner-leiste {}
	
	#banner-rotator {
		padding-left: 0.9375rem;
		}
		
	.metaslider {
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		}
	
	
	#gemeindebrief-wrapper {
		padding-right: 0.9375rem;
		}
	#gemeindebrief {
		border-right: 3px solid #fff;
		}
		
		
	
	/* Zitat-Leiste und Abschlussleiste
	---------------------------------------------------------------------------------------------------------------------------*/		
	.zitat:nth-child(odd) {
		border-right: 3px solid rgba(255,255,255,0.50);
		}	
	
	#zitat-slider-wrapper {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem; 
		}
		
	#zitat-slider {
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		padding: 2rem 0;
		}
		
	.zitat p {
		font-size: 1rem;	
		}
		
	.zitierter {
		font-size: 0.875rem;
		}
	
	
	
	/* Inhalt
	---------------------------------------------------------------------------------------------------------------------------*/
	
	#inhalt {
		padding-right: 0;
		}
	
	#inhalt h1  { 	
		font-size: 2rem;
		}
		
	#inhalt h2 {
		margin-top: 3em;
		}
		
	ul + h3,
	p + h3,
	ul + h3,
	ol + h3 { margin-top: 3em;}
	
	
	
		
	/* Footer
	---------------------------------------------------------------------------------------------------------------------------*/	
	
	#footer-inhalt {
		margin-top: -60px;
		max-width: 65%;
		}
		
	#empfehlen {
		vertical-align: top;	
		}
		
		
	.menu-footer-menue-container {
		display: inline-block;
		}
	ul#menu-footer-menue li a {
    	font-size: 12px;
	}
	
	ul#menu-footer-menue {
		display: inline-block;
		list-style: none;
		margin-left: 0;
		margin-top: 0.25em;
		}
		
		
	.page-item-97 a, 
	.page-item-100 a, 
	.page-item-520 a {
		background-color: transparent !important;
		}
		
	ul#menu-footer-menue .page-item-97.active  a, 
	ul#menu-footer-menue .page-item-100.active a, 
	ul#menu-footer-menue .page-item-520.active a {
		color: #bccf01;
		}
	

	

} 

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } 
 

/* Large screens 
min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	
} 
 
/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } 
 

/* XLarge screens 
min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 





} 
 
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 

/* XXLarge screens 
min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) { } 

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {

  }



/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}



@media print {
 
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  
  
  header,
  #top-menu,
  #hauptmenue,
  #nach-oben
   { display: none; }
  
  .print {
	   display:inherit !important; 
	}
	
}