/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
ul {
    list-style: none;
    padding-left:0;
}
ol {margin-bottom:20px;}
ol li {margin-bottom:15px;}

p {line-height:24px;}
h1, h2, h3, h4, h5 { font-size:26px; /*display:inline-block;*/ position:relative; color:#596144; text-transform:uppercase;margin-bottom:20px;margin-top:60px;line-height:40px}
h3 {margin-top:100px;}
h5 {margin-top:30px;}
h6 { font-size:18px; display:inline-block; position:relative; color:#596144; text-transform:uppercase;margin-top:40px;/*margin-bottom:40px;*/line-height:25px}

p.heading {font-size:16px;margin-bottom:30px;font-style:italic; color:rgba(90,96,73, 0.9); text-align:center}
.mb0 {margin-bottom:0;}

.mb75 {margin-bottom:60px}
.mb50 {margin-bottom:50px}
.mb25 {margin-bottom:25px}

h1::after, h2::after, h3::after, h4::after {
    height: 40px;
    width: 2px;
    background-color: #CBBD9A;
    top: -60px;

    position: absolute;
    content: "";
    display: block;
    /*margin: 0 auto;
   left: 0;
    right: 0;*/
    margin: 18px auto 18px auto;
    /*z-index: -1;*/
}

.text-center h1::after, .text-center h2::after, .text-center h3::after, .text-center h4::after {
   left: 0;
    right: 0;
}
/*h1::before, h2::before, h3::before, h4::before, h5:before{
	content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    bottom: -7px;
    left: 15%;
    border-bottom: 3px solid #596144;
}*/

.left, .left p.heading {text-align:left}

.tab {margin-left:40px;}

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


body {
	font-family: 'Open Sans';
	font-weight: 400; 
	font-size:14px;
	color: #5a5a5a;
	color: #6E6B66;
}

#main-wrap {
    position: relative;
    width: 100%;
    /*max-width: 1500px;*/
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.padding-leftright-null {
	padding-left:0;
	padding-right:0;
}

.container, .pad50 {padding-left:50px; padding-right:50px}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	color:#596144;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#444;
	color:#596144;
	text-decoration:none;
}
a:hover,
a:active,
a:focus  {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #0596144;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
}

.container {
  padding-left: 0;
  padding-right: 0;
}
/*
@media screen and (min-width: 768px) {
  .container {
    width: 720px;
  }
}
*/
@media (min-width: 992px) {
  .container {
    width: 992px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1070px;
  }
}


/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
.header-top {background-color:#fff}
.header-inner {padding:5px 10px;}
ul.contact-info {padding:5px 0;}
ul.contact-info a {text-decoration:none}

	ul.contact-info {list-style:none;margin-bottom:0; } 
	ul.contact-info li {display:inline; padding: 0 ;} 
	ul.contact-info li a {color:#5a5a5a;font-size:14px;} 
	ul.contact-info li i {padding:0 5px 0 0;font-size:20px;} 
	ul.contact-info li i.fa-facebook {} 
	ul.contact-info li i.fa-instagram {padding:0;} 
	
	
	ul.contact-info.socialhead { float:right;}
	ul.contact-info.socialhead li a {color:#5a5a5a;}


#nav.affix {
    position: fixed;
    top: 0;
	left:0;
    width: 100%;
	z-index:99;
	z-index:1;
	
}
#nav.affix-top { position: relative; z-index: 2; }
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ddd;
}
.navbar {
	z-index:2;
	border-radius: 0;
	border:none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-bottom:0; 
	box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
}
.navbar-brand {float:none}
.navbar-header {float:none;/*text-align:center;*/}
.navbar .navbar-header,.navbar .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
a.navbar-brand img { height:50px;transition: all 400ms ease 0s;display:inline}
#menu-hauptnavigation {/**/margin-right:-15px;}
.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    font-weight:400;
    text-transform:uppercase;
    color:#000;
    padding: 30px 10px;
}

.navbar a, footer a {text-decoration:none}

nav.affix-top .navbar-collapse a { color:#fff;text-shadow: 0 1px 2px rgba(0,0,0,1); transition: all 200ms ease 0s; }
nav.affix-top .navbar-collapse a:hover { color:#fff; /*background-color: rgba(255,255,255,0.1) !important;*/}


.navbar-default.affix-top .navbar-nav > .active > a, 
.navbar-default.affix-top .navbar-nav > .active > a:focus, 
.navbar-default.affix-top .navbar-nav > .active > a:hover {
    background-color: rgba(255,255,255,0.2);
    color:#fff
}

.navbar-default.affix .navbar-nav a:focus, 
.navbar-default.affix .navbar-nav a:hover,
.navbar-default.affix .navbar-nav > .active > a, 
.navbar-default.affix .navbar-nav > .active > a:focus, 
.navbar-default.affix .navbar-nav > .active > a:hover {
    background: rgba(90,96,73, 0.2) !important;
    color:#000;
    
}



nav.affix .navbar-collapse a {padding: 15px 10px;transition: all 200ms ease 0s;}


/*.navbar-brand { padding:0}*/
nav.affix-top a.navbar-brand {padding:10px 0 0;transition: all 200ms ease 0s;}
nav.affix a.navbar-brand {padding:8px 0 0;transition: all 200ms ease 0s;}

nav.affix-top a.navbar-brand img { height:55px; transition: all 200ms ease 0s;}
nav.affix a.navbar-brand img { height:40px; transition: all 200ms ease 0s;}

nav.affix-top a.navbar-brand img.logo-dunkel { display:none !important}
nav.affix a.navbar-brand img.logo-hell { display:none !important}


	
	.navbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}

/*

.navbar.affix {
    position: fixed;
    top: -80px;
    width: 100%;
    z-index: 10;
}*/

nav.affix-top {background: rgba(90,96,73, 0.8);}
nav.affix {background-color:#fff;}

/**/
#navbar {max-height: calc(100vh - 4rem); overflow-y: auto;}


.dropdown-menu {border-radius:0; border-top:3px solid #596144;padding:0;}

.dropdown-menu > li > a {padding: 12px 40px 12px 40px !important;color:#596144 !important; text-shadow:none !important; transition: all 400ms ease 0s; border-bottom:1px solid rgba(90,96,73, 0.2); }
.dropdown-menu  .dropdown-menu > li > a {padding: 12px 40px 12px 60px !important;}
.dropdown-menu  .dropdown-menu > li > .dropdown-menu > li > a {padding: 12px 40px 12px 80px !important;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    /*background-color: rgba(90,96,73, 0.2);*/
}
.dropdown-menu  > li > a:hover, .dropdown-menu .active > a {text-shadow: 0 1px 1px rgba(0,0,0,0.6) !important;background: rgba(90,96,73, 0.2) !important;}

.dropdown-submenu {
  position: relative;
}
/*
.dropdown-menu > li > a::before {
font-family: FontAwesome; font-size:14px;content:"\f105"; margin-left:-5px; padding-right:5px;
}
*/
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
  margin-top:-3px;
  right: 100%;
left: auto
}

/*.nav > li > a, .dropdown-menu > li > a {display:inline-block}*/
.caret {border:none;/*border-left:1px solid #596144;*/ height:20px;width:25px;position:absolute; right:0;top:10px;color: #596144;transition: all 400ms ease 0s;}
.caret:hover, .dropdown-toggle:hover {cursor: pointer;}
.affix-top .caret {top:30px}
.dropdown-menu .caret {top:10px}
#menu-hauptnavigation > li > .dropdown-toggle {padding-right:20px;}
#menu-hauptnavigation > li:hover {background-color: rgba(255,255,255,0.4); color:#fff;}
.caret::before {font-family: FontAwesome; font-size:14px;content:"\f0d7"; padding: 0 0 0 15px;}


.dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {border-bottom:1px solid #dedfdb !important;}




/* sidebar */
.sidebar {

}
.sidebar-widget li {padding:8px 0 8px 5px;}
.sidebar-widget li::before  {font-family: FontAwesome; font-size:16px;content:"\f105"; padding-right:5px/* color:#CBBD9A;*/} 
.sidebar-widget a { text-decoration:none}

/* footer */
footer {
    padding: 50px 20px 20px;
    background: #444 url(img/testimonials.jpg); 
    background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
    color: #d1d2d3;
    overflow:hidden;
    position:relative;
    z-index:2
}

footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(34, 34, 34, 0.95);
	z-index:1;
}
footer .container {
	position:relative;
	z-index:5;
}

footer h6 {
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	margin-top:35px;
}
footer a { color: #d1d2d3;}
footer li>a {line-height:24px;}

footer img.footer-logo {height:60px; margin:3px 0 10px -20px}

footer .copy {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
    margin-top: 85px;
    color: #5a5a5a;
    font-size: 12px;
    line-height: 20px;
}
footer .copy a {
    color: #5a5a5a;
}

.footer-menu {}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



#homeCarousel {
    top: 0;
    color:#fff;
}
#homeCarousel .carousel-indicators {display:none}
#homeCarousel h2, #homeCarousel h1 {
	color:#fff;
	background: rgba(90,96,73, 0.5);
	text-shadow: 0 1px 3px rgba(0,0,0,0.75);
	font-size:30px;
	line-height:40px;
	text-transform:uppercase;
	letter-spacing:-2px;
	display:inline;
	padding:0 15px;
}
#homeCarousel h2::after, #homeCarousel h1::after {content:none; }
#homeCarousel p {
    color: #fff;
	background: rgba(90,96,73, 0.5);
    font-weight:bold;
    font-size:14px;
	letter-spacing:-1px;
    display:inline;
    padding:5px 10px;
}

#homeCarousel .carousel-caption {
	/*background: rgba(90,96,73, 0.3);
	background-color: rgba(30,30,30,0.6);*/
	padding-bottom:0;
	left:5%;
	right:5%
}
.gallery-carousel .item {
	overflow:hidden;
	background-color:#fff;
}
.gallery-carousel .item .image {
	background-color:#596144;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50%;
    
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
  	/*opacity: 0.7;*/
}

.gallery-carousel .item .image:hover {
/*    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
cursor: pointer;    
transform: scale(1.05) rotate(-1deg);
  opacity: 0.8;
  transition: all .4s ease;    
}

.carousel-control.left,.carousel-control.right{
  background-image:none;
}


.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  box-shadow: none;
  background: rgba(0,0,0, 0.90);
}

.modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index:99;
  height: 50px;
  padding: 10px;
 /* background: rgba(90,96,73, 0.7);*/
  border: 0;
}
.modal-header .close {
    margin-top: -5px;
    font-size:36px;
    color:#fff;
    opacity:1;
}

.modal-title {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

.modal-body {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  font-weight: 300;
  /*overflow: auto;*/
  text-align:center
}
/*
.modal-body img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
*/
.modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  background: #f1f3f5;
}

#modalCarousel .item, #myGallery .item { /*display: grid;*/
            height: 100%;}

#modalCarousel img, #myGallery img {
	max-width: 100%;
    max-height: 100vh;
    margin: auto;
}

#modalCarousel, #myGallery {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.thumbnail {border:0; padding:0;border-radius:0}

/*

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
*/

.margin-leftright-null {margin-left:0; margin-right:0; }

.blog h3 a:hover {text-decoration:none;}

.blog h3, .sidebar h3 {font-size:22px;margin-top: 20px; margin-bottom: 10px;}
.blog h3::after, .sidebar h3::after {content:none;}
.left h1::after, .left h2::after, .left h3::after, .left h4::after, .left h5::after {left:0; margin:18px 0}

#showcase-treks {/* background-color:#f6f6f6;*/padding:0 40px 50px;} 
#showcase-treks .item, .angebotsbox, #news .single-news, .blog .blog-post {
    background-color: #fff;
    border-radius: 2px;
    border:1px solid #eee;
    transition: all .4s ease;
    overflow: hidden;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
	position: relative;
  opacity: 1;
  margin-bottom:50px;
}
#showcase-treks .item:hover, .angebotsbox:hover, #news .single-news:hover, .blog .blog-post:hover {
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

#showcase-treks .item .showcase-trek a.link, .angebotsbox a.link, #news .single-news a.link, .blog .blog-post a.link, #showcase-treks .item a.link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



.angebotsbox,#news .single-news {margin:0 20px 50px; padding:0;}

.angebotsbox .description, #news .content, .blog-post .content, #showcase-treks .content {padding:20px;}
.angebotsbox .description h2, #news .content h4, .blog h3, #showcase-treks .content h4 {font-size:22px; text-transform:uppercase; display:block; margin:0 0 20px; padding-bottom:15px; border-bottom:1px solid rgba(90,96,73, 0.15);}
.angebotsbox .description h2::after, #news .content h4::after, #showcase-treks .content h4::after {content:none;}

#showcase-treks .content div.heading {border:none;border-top:1px solid rgba(90,96,73, 0.15); border-bottom:1px solid rgba(90,96,73, 0.15); padding:15px 0; margin:20px 0; }
#showcase-treks .content h4 {border:none; padding: 0; }
#showcase-treks .meta span {font-size:30px;display:block;/*color:#CBBD9A*/}

span.angebot_preis {
    position: absolute;
    top: 36px;
    left: 36px;
    background-color: #CBBD9A;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight:bold;
    padding-right: 30px;
    padding-left: 30px;
    /*letter-spacing: 1px;*/
    color: white;
    text-align: center;
    transition: left .3s ease;
    z-index: 2;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}






#showcase-treks .angebote-carousel .owl-stage-outer {
    overflow: inherit;
}
#showcase-treks.center .owl-item:not(.active) {
  opacity: .2;
}


.testimonials {
	background-image:url(img/testimonials.jpg); 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	transition: height .4s ease;
	position:relative;
	height:270px;
	overflow:hidden;
	z-index:3;
}

.testimonials::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(34, 34, 34, 0.6);
	z-index:2;
}
.testimonials-carousel {
    padding: 0;
    color: #fff;
    z-index: 3;
}


.testimonials-carousel .item {
    margin: 10px 0 0 0;
}
.testimonials-carousel blockquote {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0;
    background-color: transparent;
    margin: 0;
    margin-bottom: 0px;
    padding-left: 80px;
    border:none;
display: block;
quotes: none;
}
.testimonials-carousel blockquote::before {
    content: "“";
    font-size: 180px;
    line-height: 146px;
    position: absolute;
    top: 20px;
    left: 2px;
    right: 0;
    display: inline-block;
    z-index: -1;
color: #CBBD9A;
text-shadow: 4px 4px 10px #444;
}
.testimonials-carousel em {
    color: #CBBD9A;
}

.hubertus-testimonials:nth-child(2n) {margin-top:-20px}
.hubertus-testimonials .item::before {content: "“";
    font-size: 120px;
    line-height: 120px;
    position: absolute;
    top: 20px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
    display: inline-block;
    z-index: -1;
color: #CBBD9A;
text-shadow: 4px 4px 10px #8c8c8c;
} 
.hubertus-testimonials .item, .messen .item {/* border: 1px solid rgba(90,96,73, 0.3); */ box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2); margin:20px; }

.hubertus-testimonials blockquote {border-left:0; margin-top:100px; font-size:14px; padding:10px 0; }
.hubertus-testimonials em {display:block; margin-top:20px; color: #CBBD9A; color: #596144; font-size:14px;}

.messen .item {background-color:#fff}
.messen .col-md-9 { text-align:center}
.messen .col-md-3 { text-align:center}

#map {
  width: 100%;
  height: 500px;
  background-color: grey;
}


#news .single-news.horizontal-news article, .blog .blog-post {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 222px;
}
@media screen and (max-width: 991px) {
  #news .single-news.horizontal-news article,
    #news .single-news.horizontal-news {
    display: block;
  }
}

 #news .single-news.horizontal-news article .image,
 #news .single-news.horizontal-news .image,
  .blog .blog-post .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 991px) {
  #news .single-news.horizontal-news article .image,
   #news .single-news.horizontal-news .image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 991px) {
  #news .single-news.horizontal-news article .image,
    #news .single-news.horizontal-news .image {
    padding: 35%;
    min-height: 200px;
  }
}


/*
.filter-button{
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}

*/


.port-image
{
    width: 100%;
}



.gallery_product
{
    margin-bottom: 30px;
}

.gallery_product img {    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);}

.grey_bg {background-color: #F6F6F6; padding:50px 0}

 ul.plus li::before {font-family: FontAwesome; font-size:16px;content:"\f055"; padding:0 8px;} 
 ul.minus li::before {font-family: FontAwesome; font-size:16px;content:"\f056"; padding:0 8px;} 

ul.dot li {position: relative;padding-left: 15px; padding-bottom:4px;}
 ul.dot li::before  {font-family: FontAwesome; font-size:8px;content:"\f111"; margin-right: 20px;position: absolute;left: 0; top:3px;color:#CBBD9A;} 
 ul.plus.green li::before  {color:#999933}
 ul.minus.red li::before  {color:#cc9999}
 
 ul.sitemap  li::before, footer li::before  {font-family: FontAwesome; font-size:16px;content:"\f105"; padding:0 8px;} 
 
.sitemap .children {margin-left:8px}
.sitemap .children li {padding-bottom:4px}
 

.graue-box {box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);background-color: #F6F6F6; padding:50px 30px; margin:20px auto} 
.graue-box h6 { text-transform:uppercase; font-size:18px;}
.graue-box img {opacity: 0.5; margin-bottom:0;transition: all 400ms ease 0s; height:40px;}
.graue-box img:hover, .graue-box img.active {opacity: 0.9; margin-bottom:0;}
.graue-box .btn-primary {padding:10px 37px;transition: all 400ms ease 0s;}
.graue-box .btn-primary:hover {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);}
p.angebot-download a {margin:16px;display:inline-block; height:40px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);}
p.angebot-download a:hover {box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);}
.abrechnung span.tab {position: absolute; left:150px;}
.graue-box .media {margin-top:0;}
.graue-box .media img {max-width:75px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5); }
.graue-box .media img:hover {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); }
.media .media-left {padding:11px;}
.media .media-body p {padding-top:5px;}


.form-control {border-radius:2px;/*background-color: #F6F6F6;*/}
.input-error {border-color:#cc6666 !important;}
.btn-primary {
    color: #fff;
    background-color: rgba(90,96,73,0.9);
    border-color: rgba(90,96,73,1);
    border-radius:2px
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.active:focus, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active:hover {
    color: #fff;
    background-color: rgba(90,96,73,0.5);
    border-color: rgba(90,96,73,1);
    border-radius:0
}
.btn-primary.white {
	text-decoration:none;
    color: #CBBD9A !important;
    background-color:#fff;
    border-color: white;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
    text-transform:uppercase;
}
/*
 .filter-button:active
{
    background-color: #f00;
    color: white;
}
*/


.form-control::-webkit-input-placeholder { color: #808080; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #808080; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #808080; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #808080; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #808080; }  /* Microsoft Edge */
select.form-control {color:#808080}


.checkbox label {padding-left:0}
.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  background-color:#fff;
  border-radius: 2px;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.checkbox label input[type="checkbox"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}

#anreisedetails {display:none}


.cta {
	background-color: #CBBD9A;
	color:#fff;
	padding:35px 20px 35px;
}
.cta p {font-size:22px;}
.cta .btn-primary {padding:12px 25px; margin-top:10px; }
.cta .btn-primary:hover {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);}

.wild-flex li {display:inline;font-weight:bold; padding-right:5px}


/* wp block styles */
p.is-style-p-heading {font-size:16px;margin-bottom:30px;font-style:italic; color:rgba(90,96,73, 0.9);}
.is-style-mb0 {margin-bottom:0;}

@media only screen and (max-width: 1024px) {
	.wp-block-columns {
		display: block;
	}
	.has-2-columns .wp-block-column,
	.has-3-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column {
		width: 100%;
	}

.wp-block-column {
    margin: 20px 0 !important;
  }
}
.wp-block-table td {text-align:left; padding:5px 10px}




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
.navbar-header {text-align:center;}

	#homeCarousel {
    top: -80px;
}
.caret {border:none}
.affix-top #menu-hauptnavigation > li > .caret::before {color:#fff}
.dropdown-menu > li > a, .dropdown-menu  .dropdown-menu > li > a, .dropdown-menu  .dropdown-menu > li > .dropdown-menu > li > a {padding: 12px 40px 12px 10px !important;}
.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.wild-flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.wild-flex .angebotsbox {-ms-flex: 1 1 auto; flex-grow: 1;}
#homeCarousel h2, #homeCarousel h1 {
	font-size:36px;
	line-height:55px;
}

.footer-menu {float:right}


}
@media only screen and (min-width:1024px) {
.navbar-header {text-align:left;}
.header-inner {
    padding: 5px 0;
    font-size: 13px;
}
	ul.contact-info li {padding: 0 10px 0 0;} 

	#menu-hauptnavigation {float:right;}
	nav.affix-top a.navbar-brand img {height: 60px;}
	/*.navbar-brand > img {display:block}*/
	.navbar-header {float:left}
	.navbar-brand {float:left}
#homeCarousel {margin-bottom:-50px;}
#homeCarousel h2, #homeCarousel h1 {
	font-size:52px;
	line-height:90px;
}
#homeCarousel p {font-size:20px;}
footer h6 {margin-top:10px;}
footer {padding: 50px 0 20px;}
.testimonials {
height:220px;
}
.testimonials-carousel {
    padding: 50px;
}
.testimonials-carousel blockquote {
    font-size: 16px;

}
.hubertus-testimonials:nth-child(2n) {margin-top:0}



.messen .col-md-3 { text-align:right}
.messen .col-md-9 { text-align:left}


}
@media only screen and (min-width:1140px) {
	#homeCarousel .carousel-caption {
		/*padding-bottom:150px;*/
		left:20%;
		right:20%
	}
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


#back-to-top{position:fixed;bottom:-100px;z-index:99;right:20px;color:#fff;background: rgba(90,96,73, 0.9);text-decoration:none;font-size:25px;padding:0 10px !important;border:1px solid rgba(255, 255, 255, 0.1);}
#back-to-top:hover{background: rgba(90,96,73, 0.5);}

#cookie_disclaimer {/**/background: repeating-linear-gradient(
  45deg,
  rgba(219,53,57, 0.7),
  rgba(219,53,57, 0.7) 20px,
  rgba(255,255,255,0.7) 20px,
  rgba(255,255,255,0.7) 40px
);
position:fixed;z-index:1000;bottom:0;/*min-height:200px;*/left:0;right:0;/*color:#fff;*/padding-top:10px;font-size:16px;}
#cookie_disclaimer >div{background: #dedfdb;padding:20px;height:100%;position:relative}
#cookie_disclaimer >div::before{content: "";background: url('img/grunge-overlay-1.png');opacity:0.05;position:absolute;top: 0;
  left: 0;
  bottom: 0;
  right: 0;}
  #cookie_disclaimer a.btn {text-decoration:none}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: #CBBD9A;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background: #CBBD9A;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background: #CBBD9A;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}



body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block {
    max-width: 900px;
}


figure > img {
	width: auto;
	height: auto;
}


/*
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;} 
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}*/
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px;color:#cc6666;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:1px solid #cc6666;}

.muffelwidder-video { width:50% !important; margin:0  auto}

.video_wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
iframe{
position: absolute;
/*top: 0;*/ 
left: 0;
width: 100%;
height: 100%;
}


.videocol {margin: 0 auto;}