/*
Theme Name: Christian Wagner 2.4
Version: 2.4
Author: elektrischerwalfisch
Author URI: http://elektrischerwalfisch.de
*/

@font-face {
    font-family: 'opensans'; /* Light */
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#opensans') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Light Italic*/
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#opensans') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Regular */
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#opensans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Regular Italic */
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#opensans') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Bold */
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold; /*Same as 700.*/
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Bold Italic */
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#opensans') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Semi Bold (600) */
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#opensans') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Semi Bold (600) Italic */
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-SemiboldItalic-webfont.svg#opensans') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'opensans'; /* Extra Bold (800) */
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#opensans') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'opensans'; /* Extra Bold (800) Italic */
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#opensans') format('svg');
    font-weight: 800;
    font-style: italic;
}

* {margin: 0;padding: 0;box-sizing: border-box;}
header, footer, section, article, nav {display: block;}

body {background: #ccc;color: #666666;font-family: 'opensans', Arial, Helvetica, Sans-Serif;font-weight: normal;font-style: normal;line-height: 21px;font-size: 14px;}

h1, h5 { color: #669933;font-weight: normal;font-size: 32px;line-height: 40px;margin-bottom: 40px;}
h2,
#content .category-list > li > span > a { color: #669933;font-weight: bold;font-size: 20px;line-height: 24px;margin-bottom: 15px;}
h3 { color: #666666;font-weight: bold;font-size: 18px;line-height: 20px;margin-bottom: 10px;}
h4, h6 {color: #666666; font-weight: bold; font-size: inherit;line-height: inherit;}

a:link, a:visited {color: #669933;text-decoration: underline;}
a:hover, a:active {text-decoration: none;outline: 0;}
p {margin-bottom: 15px;}
ul {list-style: none;}
img {border: none;}
b, strong {font-weight: bold;}
hr {background: #666;border: medium none;height: 1px;}
table {border-collapse: collapse;border-spacing: 0;}
.invisible {display: none;}
.clear {clear: both;}

.inside  {}

.wpcf7 input.wpcf7-text,
.wpcf7 textarea { background: #fff none repeat scroll 0 0;border: 1px solid #666666;padding: 5px 10px;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;margin-bottom: 10px;-webkit-appearance: none;border-radius: 0;}
input.submit,
input.wpcf7-submit {background: #666666 none repeat scroll 0 0;font-size: 100%;color: #fff;font-weight: bold;text-transform: uppercase;}


#wrapper {width: 1200px;margin: 0 auto;background: #fff;}
#sidebar {display: none;} /* wird nach neuanordnung über jquery wieder eingeblendet */

#sidebar {width: 25%; float: left;overflow: hidden;}
#container {margin-left: 25%;}

#sidebar {padding: 20px 0 20px 20px;}
#container {padding: 20px;}

#sidebar .title {text-align: center;margin-bottom: 20px;padding-top: 58px;}
#sidebar .title img {width: 180px;height: 57px;}
#sidebar #toggle-nav {display: none;}

#sidebar .widget_pages {margin-bottom: 15px;}
#sidebar .widget_pages ul li {margin-bottom: 5px;}
#sidebar .widget_pages ul li a {display: block;background: #669933;color: #fff;text-decoration: none;padding: 0 10px;font-size: 18px;line-height: 30px;text-transform: uppercase;overflow: hidden;}
#sidebar .widget_pages ul li a:hover,
#sidebar .widget_pages ul li.current_page_item > a,
#sidebar .widget_pages ul li.current-menu-item > a {color: #333;}
#sidebar .widget_pages ul ul {display: none;list-style: disc;padding: 0 0 10px 28px;background: #669933;color: #fff;}
#sidebar .widget_pages li.current_page_item > ul,
#sidebar .widget_pages li.current_page_parent > ul,
#sidebar .widget_pages li.current_page_ancestor > ul,
#sidebar .widget_pages li.current-menu-item > ul,
#sidebar .widget_pages li.current-menu-parent > ul {display: block;}
#sidebar .widget_pages ul ul li {margin-bottom: 0;}
#sidebar .widget_pages ul ul li a {text-transform: none;font-size: 16px;line-height: 25px;padding-left: 0;background: none;}
#sidebar .widget_pages ul.children ul.children {list-style: none;padding-left: 5px;}
#sidebar .widget_pages ul.children ul.children li {}
#sidebar .widget_pages ul.children ul.children li a {text-transform: uppercase;font-size: 13px;line-height: 21px;}
#sidebar .widget_categories {display: none;}
#sidebar .searchform {border: 1px solid #669933;padding-left: 10px;position: relative;line-height: 30px;overflow: hidden;}
#sidebar .searchform input.textbox {border: none;width: 100%;padding-right: 50px;}
#sidebar .searchform input.submit {position: absolute;right: 0;top: 0;height: 30px;border: none;width: 40px;overflow: hidden;text-indent: -500px;background: #669933 url(img/search.svg) no-repeat center center;background-size: 18px 18px;cursor: pointer;}

#sidebar .title,
#banner {height: 180px;background: #ccc;}
#container {}

#banner {position: relative;margin-bottom: 20px;}
#banner h1,
#banner h5 {position: absolute;z-index: 1;left: 0;bottom: 15px;margin-bottom: 0;background: #669933;color: #fff;padding: 0 10px;opacity: 0.85;}
.home #banner h1 {display: none;}

#banner {position: relative;opacity: 0;background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-color: transparent; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
#banner.bg-loaded {opacity: 1;} 
#banner img {display: none;}

#content {width: 100%;}
#content h1 {margin-bottom: 20px;}

#content ul { list-style: disc;margin: 0 0 15px 20px;}
#content ul li {}

#content .alignleft {float: left;margin: 0 15px 20px 0;}
#content .alignright {float: right;margin: 0 0 20px 15px;}
#content .alignnone {display: block;margin-bottom: 20px;width: 100%;height: auto;}
#content .aligncenter {display: block;max-width: 80%;height: auto;margin: 0 auto 20px auto;}
#content .wp-caption-text {font-style: italic;margin-bottom: 0;}

#content > div {margin-bottom: 20px;}
.blog #content > div,
.archive #content > div,
.search #content > div {border-top: 1px solid #669933;padding-bottom: 5px;padding-top: 20px;}
.blog #content .post:first-child,
.archive #content .post:first-child,
.search #content .post:first-child {border-top: none;padding-top: 0;}

.search #content .page .info {display: none;}
.search.category-veranstaltungen .post-head .info span {display: inline;}
.search #sidebar .widget_pages li ul ul {display: none;}

#content .post-content {}
#content .post-head {color: #669933;font-size: 13px;line-height: 20px;margin-bottom: 15px;}
.single #content .post-head {border-bottom: 1px solid #669933;padding-bottom: 10px;}
#content .post-head .time {display: none;}
#content .post-head h1,
#content .post-head h2 {margin-bottom: 4px;}
#content .post-head a,
#content .post-head a:hover {text-decoration: none;}
#content .post-footer {margin-top: -5px;}

#content h2 a,
#content .post-head a,
#content .post-footer a {text-decoration: none;}
#content h2 a:hover,
#content .post-head a:hover,
#content .post-footer a:hover {color: #666666;}
#content .moretag {display: block;}

#content .boxwrap,
#content .category-list {margin-left: -10px;margin-right: -10px;}
#content .box,
#content .category-list > li {display: none;width: 50%;float: left;padding: 0 10px 20px 10px;}
#content .box .inside,
#content .category-list .inside {background: #ddd;padding: 20px 20px 40px 20px;position: relative;display: block;}
#content .box img {margin-bottom: 0;}

#content .box .inner-list {margin: 0;list-style: none;padding: 10px 0;border-top: 1px solid #669933;border-bottom: 1px solid #669933;}
#content .box .inner-list li {padding: 5px 0;}
#content .box .inner-list span{font-weight: bold;}
#content .box .inner-list a {display: block;position: static;background: none;color: #669933;;font-weight: bold;padding: 0;line-height: inherit;}
#content .box .inner-list.news span {font-weight: normal;}
#content .box .inner-list.news span.date {font-size: 12px;}

#content .box a {position: absolute;bottom: 20px;left: 20px;background: #669933;color: #fff;text-decoration: none;padding: 0 10px;line-height: 30px;}

iframe {background: url("img/loader.gif") no-repeat scroll center center transparent;}

#content .pagination { border-top: 1px solid #669933;padding-top: 20px;text-align: center;}
#content .pagination ul {list-style: none;}
#content .pagination ul li {display: inline;}
#content .pagination ul li a {padding: 0 5px;text-decoration: none;}
#content .pagination ul li a:hover {text-decoration: underline;}
#content .pagination ul li.active a {background: #669933;color: #fff;}

.category #content .category-veranstaltungen .post-head,
.category #content .category-vergangene-veranstaltungen .post-head {position: relative;}
.category #content .category-veranstaltungen .post-head h2,
.category #content .category-vergangene-veranstaltungen .post-head h2,
.category #content .category-veranstaltungen .post-content,
.category #content .category-vergangene-veranstaltungen .post-content {padding-left: 180px;}
.category #content .category-veranstaltungen .post-head .info,
.category #content .category-vergangene-veranstaltungen .post-head .info {position: absolute;top: 0;left: 0;}
.category #content .category-veranstaltungen .post-head .info .date,
.category #content .category-vergangene-veranstaltungen .post-head .info .date {background: #669933;color: #fff;padding: 0 8px;font-size: 16px;line-height: 21px;}
.category #content .category-veranstaltungen .post-head .info .time,
.category #content .category-vergangene-veranstaltungen .post-head .info .time {display: block;margin: 5px 0 0 8px;}

.single #content .category-veranstaltungen .post-head .info .time,
.single #content .category-vergangene-veranstaltungen .post-head .info .time {display: inline;margin: 0;}
.single #content .category-veranstaltungen .post-head .info .time::before,
.single #content .category-vergangene-veranstaltungen .post-head .info .time::before {content: '-';}

#content .category-veranstaltungen .post-head .info .category,
#content .category-vergangene-veranstaltungen .post-head .info .category {display: none;}

.category-aktuelles.archive #content h1,
.category-veranstaltungen.archive #content h1,
.category-vergangene-veranstaltungen.archive #content h1 {display: none;}

#content .gallery img {border: none;}
#content .gallery a:hover .caption {display: block;opacity: 0.7;}

#footer {clear: both;color: #fff;background: #666666;line-height: 40px;padding: 0 20px;position: relative;}
#footer ul.menu {position: absolute;right: 20px;top: 0;}
#footer ul.menu li {display: inline;padding-left: 10px;}
#footer ul.menu li a {color: #fff;text-decoration: none;}
#footer ul.menu li a:hover {color: #ccc;}


@media screen and (max-width: 1199px) {
	#wrapper {width: 100%;}
	#sidebar .title img {width: 150px;height: 48px;}
	#banner img {height: auto;width: 800px;max-width: 800px!important;}
 }

@media screen and (max-width: 767px) { 
	h1, h5 {font-size: 27px;line-height: 35px;}
	h2 {font-size: 18px;line-height: 20px;}
	#sidebar {float: none;width: 100%;padding: 0 0 20px 0;}
	#container {margin-left: 0;padding-top: 0;}
	#sidebar .title {height: auto;padding: 20px;margin-bottom: 0;text-align: left;}
	#banner {height: auto;padding-top: 100px;}
	#banner h1, #banner h5 {position: static;padding: 5px 10px;}
	#sidebar #toggle-nav {cursor: pointer;display: block;margin: 0 auto;padding: 3px 6px;position: absolute;top: 20px;width: 38px;right: 20px;background: #669933;}
	#sidebar #toggle-nav span {background: #fff;display: block;height: 4px;margin: 5px 0;padding: 0;}
	#sidebar .widget_pages ul {}
	#sidebar .widget_pages ul li,
	#sidebar .widget_pages {margin-bottom: 0;}
	#sidebar .widget_search,
	#sidebar .widget_pages ul li a {height: 0;overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
	#sidebar .widget_pages ul li a {padding: 0 20px;}
	#sidebar .menu-active .widget_pages ul li a {height: 30px;}
	#sidebar .menu-active .widget_search {height: 56px;padding: 10px 20px;background: #669933;}
	#sidebar .menu-active .widget_search .searchform {background: #fff;}
	#sidebar .widget_pages ul ul {display: block!important;margin-top: 0;padding: 0 0 0 35px;list-style: none;}
	#sidebar .widget_pages ul ul a {font-size: 14px;padding-left: 0;}
	#sidebar .searchform {}
	
	#content .box,
	#content .category-list .widget > ul > li {float: none;width: 100%;}
	.category-veranstaltungen #content .post-head h2 {padding: 25px 0 0 0;} 
	.category-veranstaltungen #content .post-content {padding-left: 0;}
	
	.category-veranstaltungen.archive #content .post-head h2, 
	.category-vergangene-veranstaltungen.archive #content .post-head h2, 
	.category-veranstaltungen.archive #content .post-content, 
	.category-vergangene-veranstaltungen.archive #content .post-content {padding-left: 0;}
	.category-veranstaltungen.archive #content .post-head h2, 
	.category-vergangene-veranstaltungen.archive #content .post-head h2 {padding-top: 40px;}
	.category-veranstaltungen.archive #content .post-head .info .time, 
	.category-vergangene-veranstaltungen.archive #content .post-head .info .time {display: inline;margin: 0 0 0 5px;}

	#content .alignleft,
	#content .alignright {width: 40%!important;}	
	#content img.alignleft,
	#content img.alignright {height: auto;}
	#content .alignleft img,
	#content .alignright img {width: 100%;height: auto;}

	#footer {line-height: 30px;padding-top: 10px;padding-bottom: 10px;}
	#footer > div {display: block;text-align: center;}	
	#footer ul.menu {position: static;}
	#footer p {margin: 0;}
	
}


/*!
 * Justified Gallery - v3.6.3
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2016 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}