/*
Theme Name: Stadt Osterwieck 2017 (WP-Forge-Child)
Theme URI: http://themeawesome.com/wordpress-child-theme
Description: A child theme of WP-Forge
Author: ThemeAwesome.com
Author URI: http://themeawesome.com/
Template: wp-forge
Version: 4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: wp-starter

Start adding your theme specific styles below.

Schriften:	
font-family: "Open Sans",sans-serif;   Light 300, Regular 400 + italic, Bold 700
font-family: 'Roboto Condensed', sans-serif; Light 300, Regular 400, Bold 700
font-family: "foundation-icons";


Farben: 
Rot: #aa2222
Grün: #8db334 | Tourismus und Kultur
Blau: #0080A7 | Wirtschaft
Gelb: #E3BE0D  | Leben
Orange: #BC5021 | Rathaus

neutrales grau - hell: #555;

allgemeine Linienfarbe: 1px rgba(0,0,0,0.2);


Schatten
box-shadow: 0 0 20px rgba(0,0,0,0.1);
box-shadow: 0 0 30px rgba(0,0,0,0.2);


Skalieren 
transform: scale(1.05);


*/


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



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

body {
    font-family: "Open Sans",sans-serif; 
	overflow-x: hidden;
	font-size: 16px;
}




/* Foundation-Anpassungen
________________________________________________________________*/
.header_wrap { max-width: 80rem; }
.content_wrap { max-width: 80em; }
#content { 	margin-bottom: 4rem; }
.contain-to-grid .top-bar { max-width: 78.5em; }
.nav_wrap { max-width: 78.5em; background-color: #aa2222; }
.footer_wrap { max-width: 100%; }

.top-bar,
.widget-title,
.entry-content-page p, 
.entry-content-page ul li, 
.entry-content-page ol li, 
.entry-content-page table, 
.entry-content-page table th, 
.entry-content-page .comment-content table, 
.entry-content-page address, 
.entry-content-page .comment-content address, 
.entry-content-page pre,
.entry-content-page 
.comment-content pre, 
.comments-area article header cite, 
.entry-content-page #comments, 
.entry-content-page dl, 
.entry-content-page dt {
    font-size: 1rem;
}

#backtotop { background-color: #000000; }


.callout {
    background-color: white;
    border: 1px solid rgba(10, 10, 10, 0.25);
    color: #0a0a0a;
	border-radius: 3px;
    margin: 0 0 1rem;
    padding: 2rem;
    position: relative;
	}
	.callout.primary {
		background-color: #aa2222;
		color: #fff;
	}	
	.callout.secondary {
	background-color: rgba(141,179,52,0.25);
	color: #0a0a0a;
	}
	.callout.primary .close-button {
		color: #fff !important;
	}
	.callout.secondary .close-button {
		color: #000 !important;
	}


#mailModal { max-height: 96vh; }

[type="submit"], [type="button"] {
    vertical-align: top;
}

input[type="checkbox"] {
    width: 13px !important ;
    -webkit-appearance: checkbox !important;
}


.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #fff;
}


/* Allgemeine Formatierungen
________________________________________________________________*/


h1,
h1.entry-title-page {
    font-size: 1.4rem !important;
	color: #444444;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: 400;
	}

h2,
.entry-content-post h2,
.entry-content-page h2 {
	display: inline-block;
	padding-right: 1em;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.25rem;
	color: #444444;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 0.15em;
	}
.entry-content-post h2:first-child,
h1 + h2 { margin-top: 1em !important; }


 h3,
.entry-content-page h3,
.entry-content-post h3 {
	clear: both;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3rem;
	color: #444444;
	margin-bottom: 0.75em;
    margin-top: 2.5em;
	}
h2 + h3 { margin-top: 1em !important; }
.reveal h3 { margin-top: 0 !important; }

	#em-wrapper h3 {
		margin-top: 5em;
		margin-bottom: 1em;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		padding-bottom: 0.15em;
	}


h4,
.entry-content-page h4,
.entry-content-post h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3rem;
	color: #444444;
	margin-bottom: 1em;
    margin-top: 2.5em;
	}
h3 + h4 { margin-top: 1em !important; }

 h5,
.entry-content-page h5,
.entry-content-post h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3rem;
	color: #444444;
	margin-bottom: 1em;
    margin-top: 2.5em;
	}


h6,
#secondary h6 {
    color: #444444;
	font-family: "Roboto Condensed",sans-serif;
    font-size: 1.2em !important;
    font-weight: normal;
    text-transform: uppercase;
	}
	#secondary h6 {
		margin-top: 1em;
		margin-bottom: 0.5em;
		padding-bottom: 0.15em;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		}
		#secondary h6:first-child {
			margin-top: 0.5rem;
		}

	#footer h6 {
		display: inline-block;
		font-size: 1.5em;
		padding-right: 1em;
		padding-bottom: 0.2em;
		border-bottom: 1px solid #aa2222;
		margin-bottom: 2em;
	}

#secondary h7 {
    color: #444444;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;   
	margin-top: 1.5em;
	padding: 0 1em 0.25em 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	}



p {
    font-size: inherit;
    line-height: 1.6;
	margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    hyphens: auto;
	}


mark,
::selection {
	color: #000;
	background-color: rgba(141,179,52,0.40);
	padding: 0 0.3em;
	}



/* Liste */
	#content ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}

	#content li {
		padding-left: 1em;
		text-indent: -1.3em;
	}
	
	#content li::before {
	  font-family: "foundation-icons";
	  content: "";	
	  color: #aa2222;
		margin-right: 0.5em;
	}




hr {
	clear: both;
    background-color: rgba(0,0,0,0.15) !important;
    margin: 4rem 0 !important;
    max-width: 100%;
	height: 1px;
	border: none;
	}

.small {
	font-size: 0.875em;
}


/* Verlinkungen ________________________*/

a,
a:link,
a:visited,
#secondary a,
#secondary-sidebar a,
.breadcrumbs a,
footer[role="contentinfo"] a,
#footer .menu > .current_page_item > a {
    color: #aa2222;
	}
	a:hover,
	.entry-content-page a:hover,
	#secondary a:hover,
	#secondary-sidebar a:hover {
		color: #8db334 ;
		text-decoration: none;
		text-shadow: 0px 0px 10px rgba(255,255,255,0.9);
		}



a[href$='.pdf']
	{
		padding: 4px 0 0 22px;
		margin: -4px 0 0 0;
		background-image: url(img/pdf_small.gif);
		background-repeat: no-repeat;
		background-position: left;
	} 
	
a[href$='.xls']
	{
		padding: 4px 0 0 22px;
		margin: -4px 0 0 0;
		background-image: url(img/xls_small.gif);
		background-repeat: no-repeat;
		background-position: left;
	} 
	
a[href$='.zip']
	{
		padding: 4px 0 0 22px;
		margin: -4px 0 0 0;
		background-image: url(img/zip_small.gif);
		background-repeat: no-repeat;
		background-position: left;
	}

a.download-link {
	padding: 6px 0 6px 38px;
	margin-bottom: 5px;
	background-image: url(img/icon-download-32.png);
	background-repeat: no-repeat;
	background-position: left;
	clear: both; 
	display: block;
}





/* Buttons ________________________*/

a.button,
.button {
	color: #000;
    background-color: #8db334;
	border-radius: 2px;
	text-transform: uppercase;
	}

	#secondary a.button:hover,
	#secondary a.button:focus,
	a.button:hover, 
	a.button:focus,
	.button:hover, 
	.button:focus {
		background-color: #aa2222;
		transform: scale(1.03);
		color: #fff !important; 
		}

		.button a,
		#secondary .button {
			color: #fff !important;
			}









/* Tabelle
-----------------------------------------*/

#content table,
.entry-content-post table, 
.entry-content-page table, 
.comment-content table {
	border: 0;
	border-collapse: collapse;
    border-bottom: none;
    color: #444444;
    line-height: 1.6em;
    margin: 0 0 1.5rem;
    width: 100%;
}

#content table thead,
#content table tbody, 
#content table tfoot {
	color: #222;
    background-color: #fff;
    border: none;
}

#content table tr th {
	background-color: #fff;
	border-bottom: 1px solid #aa2222;
    vertical-align: bottom;
}

#content table tr:nth-child(2n) { 
	background-color: rgba(0,0,0,0.06) !important;
	border-bottom: none; 
}

#content table tr:nth-child(2n+1) {
	background-color: rgba(0,0,0,0.02) !important;
	border-bottom: 0 none !important;
}
#content table tr:hover { 
	background-color: rgba(0,0,0,0.15) !important;
}
 
#content table tr td {
    padding: 0.5em 1em;
    vertical-align: top;
	border-bottom: 1px solid #fff;
	border-right:  1px solid #fff;
	}
	#content table tr th:last-child, 
	#content table tr td:last-child {
		border-right: none;
		} 
	#content table tr:last-child td {
		border-bottom: none;
		}



	/*  Tabelle sidebar und Footer
	-----------------------------------------*/
	#secondary table {
		border-collapse: collapse;
		border: 0;
		border-bottom: none;
		color: #444444;
		line-height: 1.6em;
		margin: 0 0 1.5rem;
		width: auto;
		}

	#secondary table thead, 
	#secondary table tbody, 
	#secondary table tfoot {
		background-color: none;
		border: none;
	}

	#secondary table tbody th, 
	#secondary table tbody td {
		padding: 0.5em 1em 0.5em 0;
	}

	#secondary table tbody tr:nth-child(2n) {
		background-color: transparent;
	}

	#secondary tr td {
		border: 0;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		color: #444444;
		vertical-align: top;
		}
	#secondary tr:last-child td {
		border-bottom: none;
		}








/* Bilder
-----------------------------------------*/
	.alignleft,
	.alignright,
	.aligncenter,
	.size-full { 
		margin-top: 4px;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	}
	
	.alignleft,
	img.alignright,
	.alignright,
	img.alignleft{ 
		display: inline;
		margin-bottom: 1em;
		max-width: 35%;
		min-width: 35%;
	}
	.alignleft { 
		float: left;
		margin: 4px 15px 15px 0;
	}
	.alignright { 
		float: right;
		margin: 4px 0 15px 15px;
	}
	.aligncenter { 
		margin: 1em 0;
		height: auto;
		max-width: 100%;
	}
	
	.ohne { 
		border: none;
		box-shadow: none;
		transform: none;
	}
	
	.alignleft.kein-zoom,
	.alignright.kein-zoom,
	.aligncenter.kein-zoom { 	
		/*width: auto;*/
		min-width: inherit;
		max-width: inherit;
	}
	
	figure.alignleft,
	figure.alignnone { 
		margin-left: 0; 
	}





.widget-area .widget .menu,
.widget-area .widget ul {
    margin-left: 0 !important;
}

















	




/* Header 
________________________________________________________________*/

#header {
	padding-top: 2rem;
	padding-bottom: 0;
}

#header-logo img {
    display: block;
	margin-right: 2rem;
    max-width: 100%;
	max-height: 150px;
	margin-bottom: 2rem;
}

#logo-kulturland {
	float: right;
}


#header-image-wrapper {
	display: table;
	width: 100%;
}
#header-image-wrapper.nein,
.single-event #header-image-wrapper {
	display: none;
}

#header-image { 
	display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	
	background-position: center center; 
	background-size: cover; 
	height: 30vh; 
	border-bottom: 0;
	margin-bottom:  2rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	#header-image.hauptseite { 
		height: 50vh; 
		}

header.entry-header {}
#header-image h1 {	
	display: block;
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	text-shadow: 4px 4px 10px rgba(0,0,0,1);
	text-align: center;
	vertical-align: middle;
}



/* Variante mit IMG-Tag*/
#header-image-direkt {
    overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
		border-bottom: 0;
	margin-bottom:  2rem;
}   


@keyframes kenburns {
    0% {
      opacity: 1;
    }
	
    50% {
        transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
	
	100% {
        transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;

        opacity: 1;
    }
}

#header-image-direkt img {
    text-align: center;
    vertical-align: middle;
    width: 100%;
	height: auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	animation: kenburns 60s infinite;
	}



/* Top-Bar
________________________________________________________________*/

.contain-to-grid .top-bar, 
.top-bar, 
.top-bar ul, 
.top-bar ul li, 
.contain-to-grid, 
.top-bar.title-bar, 
.title-bar {
    background-color: transparent;
}

.nav_container,
.contain-to-grid {
	background-color: rgba(170,34,34,1.00);
}


.top-bar-left  {
    width: 100% !important;
	}

.top-bar-left > ul.menu  {
    display: flex !important;
    flex-direction: row !important;
    margin: 0;
    padding: 0;
	}

.top-bar-left > ul.menu > li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
	border-right: 2px solid #fff;
	background-color: transparent;
	}
.top-bar-left > ul.menu > li:first-child {
	border-left: 2px solid #fff;
	}



.top-bar-left ul.menu li a {
    display: block;
	font-weight: 700;
	}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: none;
}

.top-bar-left > ul.menu > li.menu-item-1057 { box-shadow: inset 0 -6px 0 0  #8db334;} /* Tourismus & Kultur */
.top-bar-left > ul.menu > li.menu-item-6496 { box-shadow: inset 0 -6px 0 0  #8db334;} /* Tourismus & Kultur - direkt Tourist-info*/

.top-bar-left > ul.menu > li.menu-item-2942 { box-shadow: inset 0 -6px 0 0  #0080A7; } /* Wirtshaft */
.top-bar-left > ul.menu > li.menu-item-2944 { box-shadow: inset 0 -6px 0 0  #E3BE0D; } /* Leben */
.top-bar-left > ul.menu > li.menu-item-2940 { box-shadow: inset 0 -6px 0 0  #BC5021; } /* Rathaus */


.top-bar-left > ul.menu > li.menu-item-1057.current-menu-item,
.top-bar-left > ul.menu > li.menu-item-1057.current-post-ancestor,
.top-bar-left > ul.menu > li.menu-item-1057 a:hover { background-color: #8db334;}

.top-bar-left > ul.menu > li.menu-item-6496.current-menu-item,
.top-bar-left > ul.menu > li.menu-item-6496.current-post-ancestor,
.top-bar-left > ul.menu > li.menu-item-6496 a:hover { background-color: #8db334;}

.top-bar-left > ul.menu > li.menu-item-2942.current-menu-item, 
.top-bar-left > ul.menu > li.menu-item-2942.current-post-ancestor,
.top-bar-left > ul.menu > li.menu-item-2942 a:hover { background-color: #0080A7;}

.top-bar-left > ul.menu > li.menu-item-2944.current-menu-item,
.top-bar-left > ul.menu > li.menu-item-2944.current-post-ancestor,
.top-bar-left > ul.menu > li.menu-item-2944 a:hover { background-color: #E3BE0D; }

.top-bar-left > ul.menu > li.menu-item-2940.current-menu-item, 
.top-bar-left > ul.menu > li.menu-item-2940.current-post-ancestor,
.top-bar-left > ul.menu > li.menu-item-2940 a:hover { background-color: #BC5021;}

.top-bar-left > ul.menu > li.menu-item-1057.current-post-ancestor, .top-bar-left > ul.menu > li.menu-item-1057 > a:hover,
.top-bar-left > ul.menu > li.menu-item-6496.current-post-ancestor, .top-bar-left > ul.menu > li.menu-item-6496 > a:hover,
.top-bar-left > ul.menu > li.menu-item-2942.current-post-ancestor, .top-bar-left > ul.menu > li.menu-item-2942 > a:hover,
.top-bar-left > ul.menu > li.menu-item-2944.current-post-ancestor, .top-bar-left > ul.menu > li.menu-item-2944 > a:hover,
.top-bar-left > ul.menu > li.menu-item-2940.current-post-ancestor .top-bar-left > ul.menu > li.menu-item-2940 > a:hover { box-shadow: inset 0 -6px 0 0 #aa2222; }



/* Als Smartphone-menü: */

.is-drilldown { overflow: visible; }
.is-drilldown .menu-item a { border-bottom: 1px solid #fff; } 

li.menu-item-1057.is-drilldown-submenu-parent a, 
li.menu-item-1057.is-drilldown-submenu-parent li.is-drilldown-submenu-item a { background-color: #8db334; } /* Tourismus & Kultur */
li.menu-item-6469.is-drilldown-submenu-parent a, 
li.menu-item-6469.is-drilldown-submenu-parent li.is-drilldown-submenu-item a { background-color: #8db334; } /* Tourismus & Kultur */
li.menu-item-2942.is-drilldown-submenu-parent a, 
li.menu-item-2942.is-drilldown-submenu-parent li.is-drilldown-submenu-item a { background-color: #0080A7; } /* Wirtshaft */
li.menu-item-2944.is-drilldown-submenu-parent a, 
li.menu-item-2944.is-drilldown-submenu-parent li.is-drilldown-submenu-item a { background-color: #E3BE0D; color: #000; } /* Leben */
li.menu-item-2940.is-drilldown-submenu-parent a, 
li.menu-item-2940.is-drilldown-submenu-parent li.is-drilldown-submenu-item a { background-color: #BC5021; } /* Rathaus */


/*is-drilldown-submenu-item*/


/* Sub-Menu */
ul.is-dropdown-submenu { background-color: transparent !important; }
ul.is-dropdown-submenu.first-sub { box-shadow: 0 0px 15px rgba(0,0,0,0.3); }

ul.is-dropdown-submenu li { background-color: rgba(170,34,34,0.90) !important; }

.top-bar-left ul.submenu li { border-top: 1px solid rgba(255,255,255,0.30);	}
.top-bar-left ul.submenu li a {
	background-color: #aa2222;
	font-weight: 500;
	font-size: 0.875em;
    text-align: left !important;
	}

.top-bar-left ul.is-dropdown-submenu {
	border-left:  4px solid rgba(0,0,0,0);
	border-right: 4px solid rgba(0,0,0,0);
	}
	.top-bar-left ul.is-dropdown-submenu.first-sub {
		border-left:  none;	
		border-right:  none;	
		}

.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    width: 100%;
}

.top-bar-left > ul.menu > li.menu-item-1057 li.current-menu-item, .top-bar-left > ul.menu > li.menu-item-1057 li.current-post-parent { background-color: #8db334 !important; } /* Tourismus & Kultur */
.top-bar-left > ul.menu > li.menu-item-6496 li.current-menu-item, .top-bar-left > ul.menu > li.menu-item-6496 li.current-post-parent { background-color: #8db334 !important; } /* Tourismus & Kultur */
.top-bar-left > ul.menu > li.menu-item-2942 li.current-menu-item, .top-bar-left > ul.menu > li.menu-item-2942 li.current-post-parent  { background-color: #0080A7 !important;  } /* bereich */
.top-bar-left > ul.menu > li.menu-item-2944 li.current-menu-item, .top-bar-left > ul.menu > li.menu-item-2944 li.current-post-parent  { background-color: #E3BE0D !important; } /* Leben */
.top-bar-left > ul.menu > li.menu-item-2940 li.current-menu-item, .top-bar-left > ul.menu > li.menu-item-2940 li.current-post-parent { background-color: #BC5021 !important; } /* Rathaus */





.contain-to-grid.fixed {
    background-color: rgba(170,34,34,0.90);
}




ul#menu-ortschaften li {
	float: left;
	}
ul#menu-ortschaften i {
	color: rgba(0, 0, 0, 0.5);
	margin-top: -3px;
	}
ul#menu-ortschaften:after {
	display: block;
	content: '';
	clear: both;
	}





/* Kolumnen */
.kolumnen {
    column-count:  auto;
	column-width: 400px;
    column-gap: 8em;
	column-rule: 1px solid rgba(0,0,0,0.2);	 
	margin-top: 2rem;	
	margin-bottom: 2rem;
	text-align: justify;
 
	}
.kolumnen h1,
.kolumnen h2,
.kolumnen h3 {
	column-count: auto !important;
	column-width: 2200px;
}








/* Paginierung
-----------------------------------------*/
	#post-nav ul.page-numbers,
	.em-pagination {
		display: block;
		text-align: center;
	}
	#post-nav ul.page-numbers li,
	.em-pagination a.page-numbers {
		display: inline-block;
		margin: 0 0.15rem;
		padding: 0;
		text-indent: 0;
		background: rgba(0,0,0,0.10);
		color: rgba(227,6,19,1.00);
		font-size: 0.875em;
		}
	#post-nav ul.page-numbers li:before { display: none;}
	
	#post-nav ul.page-numbers li a,
	.em-pagination a.page-numbers {
		padding: 0.5em 1em;
		color: rgba(227,6,19,1.00);
		border-bottom: none !important;
		}
	#post-nav ul.page-numbers span.current,
	.em-pagination a.page-numbers.current {
		padding: 0.5em 1em;
		background: rgba(0,110,171,1.00);
		color: #fff;
		font-weight: 700;
		}
	
	#post-nav ul.page-numbers li:hover a,
	#post-nav ul.page-numbers li a:focus,
	.em-pagination a.page-numbers:hover {
		background: rgba(0,110,171,1.00);
		color: #fff;
		}
		
	#post-nav ul.page-numbers li.current a:hover, 
	#post-nav ul.page-numbers li.current a:focus,
	.em-pagination a.page-numbers.current:hover {
		background: rgba(0,110,171,1.00);
		}














/* Teaser */
/*.category-list { margin-right: -30px; }*/





xx.isotope { display: block; position: relative;}


.xxteaser { 
  width: 100% !important;
  display: block !important;
  height: auto !important;

}




.teaser {
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 2px;
	margin-bottom: 40px;
	padding: 1rem;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);	
	transform: translateZ(0) perspective(1px) scale(1);
	backface-visibility: hidden;	
}	
	.teaser:hover {
		transform: translateZ(0) perspective(1px) scale(1.05);
		backface-visibility: hidden;
		background-color: #fff;
		box-shadow: 0 0 30px rgba(0,0,0,0.2);
	}

.teaser .header {
	display: block;
	text-shadow: 0 0 16px rgba(255,255,255,0.8);
	background-color: #f1f1f1; 
	color: #000;
	margin: -1rem -1rem 0 -1rem;
	padding: 0.75rem 1rem;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 2px solid #aa2222;
}
.teaser .datum,
.datum {
	display: inline-block;
	color: #444;
	font-size: 0.875rem;
	font-weight: 400;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #aa2222;	
	}

.entry-header .datum {
	margin-top: 3rem;	
}
.datum ~ h1 {
	margin-top: 0;	
}

.button.alle { background-color: #aa2222; margin-right: 0.25rem; }
.button.bereich-wirtschaft { background-color: #0080A7; margin-right: 0.25rem; }
.button.kulturland  { background-color: #8db334; margin-right: 0.25rem; }
.button.bereich-rathaus { background-color: #BC5021; margin-right: 0.25rem; }
.button.bereich-leben { background-color: #E3BE0D; margin-right: 0.25rem; }


.teaser.bereich-wirtschaft .datum  { border-bottom: 1px solid #0080A7; }
.teaser.bereich-wirtschaft  .header { border-bottom: 2px solid #0080A7; }

.teaser.kulturland .datum { border-bottom: 1px solid #8db334; }
.teaser.kulturland .header { border-bottom: 2px solid #8db334; }

.teaser.bereich-rathaus .datum { border-bottom: 1px solid #BC5021; }
.teaser.bereich-rathaus .header { border-bottom: 2px solid #BC5021; }

.teaser.bereich-leben .datum { border-bottom: 1px solid #E3BE0D; }
.teaser.bereich-leben .header { border-bottom: 2px solid #E3BE0D; }



.teaser h3 {
	font-family: "Open Sans",sans-serif; 
	margin: 0 0 0.25rem 0;
	font-size: 1.175rem;
	font-weight: 400;	
}

.teaser p {
	font-family: 'Roboto Condensed', sans-serif;	
	font-weight: 300;
	font-size: 1.075rem;
	color: #222;
}

.teaser .button {
	background-color: #ddd;
	color: #333;
}

.teaser-beitragsbild {
	margin: 0 -1rem 1rem -1rem;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.small-up-2 > .teaser.column, 
.small-up-2 > .teaser.columns {
	width: calc(50% - 30px) ;
}
a.more-link { display: none; }




































/* Sidebar
________________________________________________________________*/

#secondary {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 2rem;
}

#secondary p, 
#secondary li, 
#secondary .widget.widget_text {
    color: #444444;
	font-size: 1rem;
}

#secondary ul {
	list-style: none;
	margin: 0;
	}

#secondary .widget + .widget {
	margin-top: 6rem;
}




/* Footer (Sidebar footer)
________________________________________________________________*/

footer[role="contentinfo"] {
    max-width: 90%;
}


#secondary-sidebar {
	max-width: 100%;
    border-top: none;
    padding-top: 1.5rem;
}


.content_container {
	background-image: url('img/footer_vordergrund.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: auto;
}

#secondary-sidebar,
.content_wrap {	
	background-color: transparent;
}

.footer_container {
	background-color: #D9D9D9;
}

footer[role="contentinfo"] {
    border-top: none;
	background-color: transparent;
}


#footer-end {
	background-color: #aa2222 !important;
	color: #fff;
	padding: 1rem;
	max-width: 100% !important;
}


.widget-area .widget .menu > li {
    text-align: left;
}


.veranstaltungs-infowidget {
	color: #fff !important;
	background-color: rgba(170,34,34,0.90);
	padding: 1em;
}
.veranstaltungs-infowidget p { color: #fff !important; }
.veranstaltungs-infowidget a { color: #fff !important; }
.veranstaltungs-infowidget a:hover { color: #000 !important; }


#stadtplan-im-footer input { margin: 0px; box-shadow: 0 0 0 #fff; }





/* Icon-Menü am rechten Seitenrand
---------------------------------------------------------------------------------------------------------------------------*/	
	.menu-icon-navigation-container  {
		position: absolute;
		position: fixed;
		top: 65vh;
		right: 0;
		}

	.menu-icon-navigation-container ul {
		list-style: none;
		margin: 0;
		padding: 0;
		line-height: none;
		}
	.menu-icon-navigation-container ul li {
		background-color: rgba(170,34,34,0.90);
		margin-bottom: 2px;
		box-shadow: 0 0 20px rgba(0,0,0,0.1);
		}
		.menu-icon-navigation-container ul li:hover {
		background-color: #8db334;			
		box-shadow: 0 0 30px rgba(0,0,0,0.2);
		}
	.menu-icon-navigation-container ul li a {
		color: #fff;
		font-size: 1.3em;	
		padding: 0.5em 0.5em 0;
		}
	.menu-icon-navigation-container ul li:hover a {
		color: #fff !important;
		}	

	.menu-icon-navigation-container ul li:hover a i {
		display: inline-block;
		transform: scale(1.2);
		}






















/* Erweiterungen und Plugins
________________________________________________________________*/



	/* Contact-Form 7
	-----------------------------------------*/
	.wpcf7-form h3 { margin-top: 1.5em;	}
	
	fieldset:hover { background-color: rgba(255,255,255,0.8); }
	
	form .row { margin-top: 0 !important; }
	
	fieldset {
		margin-bottom: 1rem;
		}	
		
	fieldset legend {
		background-color: fff;
		padding: 1rem;
		font-weight: 400;
		}
	
	.kontakt a.button,
	.kontakt a.button:visited  { color: #fff; }	
	
	.wpcf7-form input,
	.wpcf7-form textarea,
	.wpcf7-form select {
		border: 1px solid rgba(0,0,0,0.10);
		font-size: 1em;
		width: 100%;
		margin-bottom: 1rem;
		}
	
	.wpcf7-form input.wpcf7-validates-as-required,
	.wpcf7-form textarea.wpcf7-validates-as-required {
		border: 1px solid #aa2222;
		background-color: #fff;	
		}	
	
	.wpcf7-form input.error,
	.wpcf7-form textarea.error {
		border: 1px solid #aa2222;
		}	
	
	.wpcf7-submit {
		font-size: 1.2em !important;
		}	
	
	.error small, 
	small.error,
	label.error {
		background: none repeat scroll 0 0 #aa2222;
		color: #FFFFFF;
		display: block;
		font-size: 0.75em;
		margin-bottom: 1em;
		margin-top: -1.3125em;
		padding: 0.375em 0.25em;
		}
	
	.wpcf7-not-valid {
		box-shadow: 0 0 10px rgba(0,0,0,0.30) !important;
		border-color: rgba(227,6,19,1.00) !important;
		}
	span.wpcf7-not-valid-tip {
		background-color: rgba(227,6,19,0.20);
		color: #000 !important;
		display: block;
		font-weight: 400;
		font-size: 0.875em !important;
		margin: -1em 0 1em;
		padding: 0.25em 0.5em;
		}
	
	div.wpcf7-response-output,
	div.wpcf7-validation-errors {
		padding: 2em !important;
		background-color: #bccf01;
		color: #fff !important;
		border: none !important;
		margin: 2em 0 !important;		
		box-shadow: inset 0 0 40px rgba(0,0,0,0.25);
		}
	
   form div.wpcf7-response-output {
		background-color: #D11313;
		}
	form.sent div.wpcf7-response-output {
		background-color: #bccf01;
		color: #000!important;
		}
	
	
	:-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; }


	input[type="checkbox"] {
		width: 13px !important ;
		-webkit-appearance: checkbox !important;
	}







/*  ?
-----------------------------------------*/
.htpr_widget_info {
    display: none;
}





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


.widget_em_widget ul {
	list-style: none !important;
	margin: 0 !important;
	}

.widget_em_widget ul li {
	margin-bottom: 1rem;
	}


.css-events-list table.events-table td {
    padding: 0.5rem 1rem;
}




/*  YOAST SEO
-----------------------------------------*/
.breadcrumbs {
    background-color: transparent;
    border-radius: 0;
    border-width: 1px;
    margin: 0 0 2.5rem;
    padding: 0.5625rem 0;
	border:  none;
	border-bottom: 1px solid #aa2222;
}



/*  Complianz
-----------------------------------------*/

#cmplz-document h2, #cmplz-document h3 {
    display: block;
}



/*  Firmenverzeichnis
-----------------------------------------
  css befindet sich in Plugins/business-directory-plugin/themes/osterwieck/assets
*/











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

#hauptmenue a:hover,
body,
a, 
input, 
textarea,
tr,
td,
figure,
figcaption,
.teaser,
.button,
.nav_container,
.contain-to-grid 
 {
	transition: all 0.3s ease;
}

.bbg_image {
	transition: none;
}

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






/* Mail-poet 
---------------------------------------------------------------------------------------------------------------------------*/

#mailpoet_form_2 {
	max-width: 400px;
}

#mailpoet_form_2 .mailpoet_paragraph {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}


h3.mailpoet-heading {
	margin-top: 0 !important;
}

#mailpoet_form_1 {
    margin-top: 3em;
	margin-bottom: 2em;
}














/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on mobile devices */


/* Small only */
@media screen and (max-width: 380px) {
    /* add css for xsmall screens only here */
	
	.small-up-2 > .teaser.column, 
	.small-up-2 > .teaser.columns {
		width: 100%;	
	}
	
	.breadcrumbs span a { 
		display: inline-block;
		padding: 0.75em;
		margin: 0.5em;
		background-color: #f3f3f3;
		border-radius: 2px
	}
	
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    /* add css for small screens only here */
	
	
}


/* Medium and up */
@media screen and (min-width: 40em) {
    /* add css for medium to large screens here */
	
	.small-up-2 > .teaser.column, 
	.small-up-2 > .teaser.columns {
		width: calc(50% - 12px);		
	}
	
	

	#logo-kulturland img {
		float: right;
		margin-top: 2rem;
	}
	
	
	h1,
	h1.entry-title-page {
		font-size: 2rem !important;
		}

	h2,
	.entry-content-post h2,
	.entry-content-page h2 {
			font-size: 1.5rem !important;
		}
	
	
	
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    /* add css for medium screens only here */
	
	.medium-up-3 > .teaser.column, 
	.medium-up-3 > .teaser.columns {
		width: calc(33.3333% - 27px);	
	}



}
/* Large and up */
@media screen and (min-width: 64em) {
    /* add css for large to xtra large screens only here */
	
	.large-up-4 > .teaser.column, 
	.large-up-4 > .teaser.columns {
		width: calc(25% - 30px);
	}
	
	ul#menu-ortschaften li {
		float: inherit;
		}
	
	.top-bar-left ul.submenu li a {
		background-color: transparent;
		}
	
	
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    /* add css for large screens only here */
}