/*
Theme Name: Jennerwein Child
Description: Metz Child Theme
Template: metz
Version: 1.0
*/
/*
    Gruen  #7ac142   RGB 122, 193, 66
    Gold   #9b7d16
    Grau   #666  / Text
*/


/* roboto-regular - latin */
/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); 
  src: local(''),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), 
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); 
}*/


/* GENERAL STYLING
=================================================================================== */
body {
	position: relative; /* ScrollSpy */
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.montserrat,
.arial,
input,
textarea,
select,
.subscribe-label,
.mc4wp-checkbox-comment_form label,
.brnhmbx-wc-outer,
input.select2-input,
.select2-results,
.select2-results .select2-highlighted {
	font-family: Arial, Helvetica, sans-serif;
}
.playfair,
blockquote,
.comment-reply-title,
.brnhmbx-wc-outer h1,
.brnhmbx-wc-outer h2,
.brnhmbx-wc-outer h3,
.products li a h3,
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong[itemprop="author"] {
	/*font-family: 'Roboto', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
    font-weight: normal;
}
h5, h6 {
    font-weight: bold;
}
a {
	outline: none;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.single .main-container-outer .post a,
.main-container-outer .post-page a {
	text-decoration: underline;
}
.single .main-container-outer .post a:hover,
.main-container-outer .post-page a:hover {
	text-decoration: underline;
}
.header-menu-outer {
    margin-top: 20px;
}
#header-menu {
    margin-top: 0;
    line-height: 1.7;
}
/* keine Beitraege auf Startseite */
.home .main-container-outer .wrapper {
  display: none;
}
.sticky-logo img {
  height: 40px;
}
.filter-bar {
    background-color: #fff !important;
}
.filter-bar-content {
    color: #000 !important;
}
/* FORMULAR + BUTTONS
=================================================================================== */
input.placeholder, textarea.placeholder, select {
	color: #999;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
}
input[type=text]:focus, input[type=email]:focus, input[type=date]:focus, input[type=password]:focus, textarea:focus, select:focus, input[type=search]:focus {
	outline: none;
	background: #fff;
	border-bottom: solid 1px #666;
	color: #666;
}
a.wp-block-button__link,
a.btn {
	color: #000 !important;
    background-color: #fff;
	border: solid 1px #000;
    font-size: 11px;
    line-height: 1.3em;
    margin: 10px 0 20px 0;
	padding: 8px 10px;
	cursor: pointer;
    text-decoration: none !important;
    -webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
a.wp-block-button__link:hover,
a.btn:hover {
	background-color: #fff;
	color: #000 !important;
    text-decoration: none !important;
}
a.btn,
a.btn:hover {
	display: inline-block;
	text-decoration: none;
}
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
	border: solid 1px #ccc;
	background: #ccc;
	color: #fff;
	cursor: not-allowed;
}

/* Seiten
=================================================================================== */
article ul {
  list-style: outside none disc;
}
article ul, article ol {
  padding-left: 18px;
  text-align: left;
  text-indent: 0;
}
article li {
  padding-bottom: 4px;
  padding-left: 4px;
}
ul.bxslider-vid,
ul.bxslider-vid li {
  padding-left: 0;
}
embed,
iframe,
object,
video {
  max-width: 100%;
}
/* Icons */
.fa-clock::before {
    content: "\f017";
}
/* Logos: einheitliche Höhe */
.fea-image-home {
  display: table;
  width: 100%;
}
.fea-image-home a {
  display: table-cell;
  width: 100%;
  height: 80px;
  vertical-align: middle;
}
article .fea-image-home a img {
  width: auto;
  max-height: 100%;
}
/* Boxen: einheitliche Höhe */
.archive .article-container {
    min-height: 185px;
}
.archive article.post div.home-excerpt {
  font-size: 13px;
  line-height: 1.5 !important;
  text-align: center;
}
.archive .article-container h1:nth-child(2),
.single .article-container h1:first-child {
  display: none;
}
.page-navi-prev-img, .page-navi-next-img {
  display: none;
}
/* Akkordeon */
h3.ui-accordion-header {
	cursor: pointer;
	outline: none;
}
.accordion h3 {
	position: relative;
	padding: 6px 10px 6px 24px;
	margin-bottom: 16px;
	font-size: 1.1em;
	line-height: 1;
    text-align: left;
	color: #fff;
	border: solid 1px #000;
	background-color: #000;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.accordion h3:hover {
    border: solid 1px #7ac142;
	background-color: #7ac142;
	color: #fff;
}
.accordion .ui-icon {
	position: absolute;
	top: 0;
	left: 2px;
	width: 20px;
	height: 28px;
	z-index: 9;
	background-repeat: no-repeat;
	background-position: center;
}
.accordion .ui-icon-triangle-1-e {
	background-image: url(image/icon-plus.png);
	background-size: 50% auto;
}
.accordion .ui-icon-triangle-1-s {
	background-image: url(image/icon-minus.png);
	background-size: 50% auto;
}
.accordion h3 span.info {
	color: #666;
	padding: 0 10px;
	font-size: 0.857em;
}
.accordion h3:hover span.info {
	color: #444;
}
.accordion > div {
	padding: 8px 10px 16px 24px;
}
.accordion ul.bxslider-vid {
  text-indent: 0;
}
/* Metz Slider */
.home .bx-wrapper {
    margin-bottom: 0;
}
.home .bx-wrapper .bx-pager {
    padding-top: 8px;
    bottom: -24px;
}
/* Bildslider */
.bild, 
.cycle-slideshow {
	width: 100%;
}
.cycle-slideshow > div,
.cycle-slideshow > .wp-block-image {
    width: 100%;
}
.cycle-slideshow img {
	display: none;
	width: 100%;
	height: auto;
	background-color: #fff;
}
.cycle-slideshow img:first-child,
.cycle-slideshow img.bild1 {
	display: block;
}
#Slideshow .cycle-overlay {
	position: absolute;
	color: #000;
	background-color: rgba(255, 255, 255, .5);
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	z-index: 9988;
}
.cycle-pager {
	position: absolute;
	right: 18px;
	bottom: 8px;
	z-index: 9999;
}
.cycle-pager a {
	display: inline-block;
	cursor: pointer;
	margin-left: 8px;
	background-color: #000;
	border: 1px solid #000;
	width: 7px;
	height: 7px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;	
	
}
.cycle-pager a.cycle-pager-active {
	background-color: #fff;
}
.cycle-pager a:hover {
	background-color: #7ac142;
    border: 1px solid #7ac142;
}
#Slideshow {
	position: relative;
	margin-bottom: 0;
}
.cycle-next,
.cycle-prev {
	position: absolute;
	top: 42%;
	z-index: 9999;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.5em;
	color: #333;
	line-height: 1;
	padding: 0 4px;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none !important;
}
.cycle-next {
	right: 14px;
}
.cycle-prev {
	left: 14px;
}
.cycle-next:hover,
.cycle-prev:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 1);
}
/* Teilnehmerstimmen - Slider */
.testimonial .cycle-slideshow > div {
    padding: 0 15%;
    text-align: center;
    font-size: 1.1em;
    -webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
    /*background-color: lightblue;*/
}
.testimonial .cycle-slideshow > div p em {
    font-size: .9em;
}
.testimonial .cycle-pager {
	position: relative;
	right:  auto;
	bottom:  auto;
    z-index: auto;
    text-align: center;
}
.testimonial .cycle-next {
	right: 0;
}
.testimonial .cycle-prev {
	left: 0;
}
/* Top-News */
.top-news-widget {
	text-align: center;
	font-size: 1.4em;
	color: #555;
	line-height: 1.1;
	background-color: #fff;
	padding: 4px 0 0;
	border-top: 3px solid #7ac142;
    border-bottom: 1px solid #eee;
}
.top-news-widget div {
	display: inline-block;
	margin: 0;
}
.top-news-widget p {
	margin: 0;
	padding: 0;
    color: #555 !important;
}
.top-news-widget a,
.top-news-widget a:hover {
	color: #555 !important;
    text-decoration: underline !important;
}
.top-news-widget .top-news-widgettitle {
	font-weight: bold;
	margin-right: 14px;
	display: none;
}
/* Laufschrift - Top-News */
.marquee {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}
.marquee span {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 65s linear infinite;
}
.marquee span:hover {
    animation-play-state: paused;
}
@-webkit-keyframes marquee {
	0% { transform: translate(0, 0); }
	100% { transform: translate(-100%, 0); }
}
/* Seitentemplate - volle Breite */
.page-template-temp_seitenbreite .main-container-sidebar {
    padding-right: 0;
}
.page-template-temp_seitenbreite .site-content-sidebar {
    float: none;
    padding-right: 0;
}
.page-template-temp_seitenbreite .article-inner {
    max-width: 720px;
}
/* Icon font-awesome */
a.a-top .i-spcr-l {
    margin-left: 0;
}
/* Lightbox */
.lightbox {
    background-color: rgba(255, 255, 255, 1) !important;
}
/* Widgets */
#brnhmbx_customimagewidget-24 .image-widget-title-outer {
    top: 140px;
}
.widget-item-footer h2 {
    font-size: 18px;
}
.widget-item-footer .textwidget {
    text-align: center;
}
.widget-item-footer img {
    margin: 0 auto;
    display: block;
}
/* WP Kontaktformular 
=================================================================================== */
.wpcf7-form input {
 width: 100%;
}
.wpcf7-form input[type=checkbox] {
    height: auto;
    width: auto;
}
.wpcf7-form textarea {
    height: auto;
}
.wpcf7-form select {
    margin: 5px 0 10px;
}
.wpcf7-recaptcha {
    margin-top: 10px;
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-validation-errors {
    color: #e00;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #e00;
}
.wpcf7 .wpcf7-mail-sent-ok {
    color: #7ac142;
}
.wpcf7-form p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

/* MODULAR
=================================================================================== */
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 82%;
	position: relative;
	margin: 15% auto;
	padding: 40px 4% 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
.modalDialog .modal-small {
	max-width: 350px;
}
.modalDialog .modal-medium {
	max-width: 500px;
}
.modalDialog .modal-large {
	max-width: 700px;
}
.close {
	background: #fff;
	border: 1px solid #ddd;
	color: #7ac142;
	font-size: 42px;
	font-weight: normal;
	line-height: 33px;
	padding-bottom: 3px;
	position: absolute;
	right: 14px;
	text-align: center;
	top: 14px;
	width: 36px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.close:hover {
	background: #ccc;
}

/* WP BLOCK ELEMENTE
=================================================================================== */
.wp-block-gallery li {
	padding: 0;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    padding: 12px 12px 8px;
    font-size: 14px;
    line-height: 1.2;
}
.wp-block-cover,
.wp-block-cover-image {
    padding-left: 3% !important;
    padding-right: 3% !important;
    width: 94% !important;
}
body .wp-block-image {
    margin-bottom: 0;
}
body .wp-block-image .alignleft {
    float: none;
    margin-right: auto;
}
body .wp-block-image .alignright {
    float: none;
    margin-left: auto;
}
.wp-block-image img {
    margin-bottom: 16px;
}

/* bis 600px */
@media screen and (max-width:600px) {
    #header-social {
        display: none;
    }
    /* WP BLOCK ELEMENTE */
	.wp-block-media-text {
		display: block !important;
		margin-bottom: 24px;
		border-bottom: 1px solid #eee;
	}
	.wp-block-media-text .wp-block-media-text__media {
		margin-bottom: 24px !important;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
}

/* bis 999px -> Mobile Version */
@media screen and (max-width:999px) {
    #footer-social,
    .footer-text,
    .footer-menu-outer,
    .footer-nav {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
    }
    .footer-menu-outer {
        margin-top: 16px !important;
    }
    .social-accounts-footer .social-icon-touch:first-child {
        margin-left: 0;
    }
    #footer-menu {
        display: inline-block;
    }
}
    
@media only screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	/*.table-responsive > table > tbody > tr > th,
	.table-responsive > table > tbody > tr > td {
		white-space: nowrap;
	}*/
}

/* ab 600 pixel */
@media screen and (min-width: 600px) {
    /* Kopfmenu! */
    .header-menu-outer .footer-nav {
        float: left;
    }
    /* WP BLOCK ELEMENTE */
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        text-align: right;
    }
}

/* ab 1000 pixel -> Desktop Version */
@media screen and (min-width: 1000px) {
    #header-social,
    .header-menu-outer .footer-nav {
        font-size: 1.4em;
    }
    .top-news-widget {
        font-size: 1.25em;
    }
}