/* 
Theme Name: Natur und Tierpark Goldau
Version: 
Description: Custom.Theme Natur und Tierpark Goldau
Author: ROMAN HOSPENTHAL aka RHO
Author URI: http://www.rhodesign.ch/
*/

@import 'css/reset.css';
@import 'css/grid.css';
@import 'css/plugins.css';
@import 'css/helpers.css';
@import 'css/woocommerce.css';





.wp-caption {
    max-width: 100%;
    font-size: 16px;
	line-height: 22px;
    margin-bottom: 20px;
}
.wp-caption img{
padding-bottom: 5px;
}


#cookie-law-info-bar {z-index: 99999 !important; border-top: 2px solid #a29175 !important;}



@media (max-width: 767px) {
.col-md-6, .col-md-4 { margin-bottom:25px;}
.wpcf7 .col-md-6 { margin-bottom:0px;}
.section-text-33 .row .col-md-4 { padding-bottom: 20px; border-bottom: 1px solid #999;}
}




.video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}




/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #FFF; font-family: 'Roboto', Arial, sans-serif; font-weight:300; font-size: 20px; line-height: 28px; color: #000; }
a { color: inherit; text-decoration: none; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s; }
a:hover,
a[href^="tel"] { text-decoration: none; }
p,ul,ol,dl,hr,table,blockquote { margin-bottom: 1.5em; }

@media (max-width: 767px) {
body { font-size: 18px; line-height: 24px; }
}



/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
.roboto-light {font-family: 'Roboto', Arial, sans-serif; font-weight:300;}
.roboto-regular {font-family: 'Roboto', Arial, sans-serif; font-weight:400;}
.roboto-medium {font-family: 'Roboto', Arial, sans-serif; font-weight:500;}
.roboto-bold {font-family: 'Roboto', Arial, sans-serif; font-weight:700;}
.roboto-black {font-family: 'Roboto', Arial, sans-serif; font-weight:900;}


/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/roboto-v30-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* ------------------------------------------------------------ *\
	Headlines & Typo
\* ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; letter-spacing: 0.04em;}
h2 { color: #e30b17; font-weight: 700; font-size: 34px; line-height: 44px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.04em;}
h3 { color: #e30b17; font-weight: 700; font-size: 26px; line-height: 32px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.04em; }
h4 { color: #000; font-weight: 500; font-size: 22px; line-height: 30px; margin-bottom: 10px; padding-top: 10px; }

.bildtext h4 { padding-top: 0px; }
.section p:last-of-type{margin-bottom: 0;}
strong {font-family: 'Roboto', Arial, sans-serif; font-weight:500; }

@media (max-width: 767px) {
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 30px; margin-bottom: 12px; }
h4 { font-size: 20px; line-height: 24px;  }
}


@media (max-width: 575px) {
h2 { font-size: 22px; line-height: 30px; margin-bottom: 15px; letter-spacing: 0.02em;}
h3 { font-size: 20px; line-height: 26px; margin-bottom: 10px; letter-spacing: 0.02em; }
}




/* ------------------------------------------------------------ *\
	Wrappers & Containers
\* ------------------------------------------------------------ */
.wrapper {display: flex;flex-direction: column;min-height: 100vh; position: relative; overflow: hidden;}
.main {margin-bottom: 60px; z-index: 88888 !important; }

.container { padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto}
.inner {max-width: 1000px; }
.outher {max-width: 1240px;}
.wide {max-width: 1600px; padding-right:0px;padding-left:0px; }

.container a {color: #e30b17;}
.container a:hover {color: #a29175;}


.lightbrown {background: #ebe8e3;}
.relative {position: relative;}
.textcenter {text-align: center;}
.textright {text-align: right;}


/* ------------------------------------------------------------ *\
	Margins and Paddings
\* ------------------------------------------------------------ */
.margintop0 {margin-top: 0px;}
.margintop50 {margin-top: 50px;}
.margintop80 {margin-top: 80px;}
.margintop30 {margin-top: 30px;}
.marginbottom30 {margin-bottom: 30px;}


@media (max-width: 991px) {
.margintop50 {margin-top: 40px;}
}
@media (max-width: 767px) {
.margintop50 {margin-top: 30px;}
.margintop30  {margin-top: 20px;}
}
@media (max-width: 575px) {
.margintop50 {margin-top: 25px;}
}



section {display: block; overfow: hidden; clear: both;}
.section ol li {margin: 0 0 0 20px; padding: 2px 0 2px 10px;}

.section ul {list-style-type: none; padding-top: 10px;}
.section ul li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}








/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {position: relative; height: 120px; overflow: hidden; left: 0; top: 0; width: 100%; box-sizing: border-box; -webkit-transition: top .6s; -moz-transition: top .6s; -o-transition: top .6s; -ms-transition: top .6s; transition: top .6s; z-index: 99995 !important;}
.header-inner {position: relative;     top: 0;}

.logo { background-image: url(images/logo.svg); background-size: 100%; background-repeat: no-repeat; width: 357px; height: 80px;  font-size: 0px; position: absolute; top: 30px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.no-svg .logo { background-image: url(images/logo.png) no-repeat; }

@media (max-width: 959px) {
.header {height: 100px;}
.logo { width: 313px; height: 70px; top: 15px;}
}

@media (max-width: 767px) {
.header {height: 65px; position: fixed; top: 0;}
.logo { width: 220px; height: 50px; top: 8px;}
.main {margin-top: 65px;}
.header.shrink {-webkit-box-shadow: 0px -1px 5px 1px rgba(90,90,90,0.5);-moz-box-shadow: 0px -1px 5px 1px rgba(90,90,90,0.5);box-shadow: 0px -1px 5px 1px rgba(90,90,90,0.5);}
}





/* ------------------------------------------------------------ *\
	Notfall
\* ------------------------------------------------------------ */
.notfall {background: #e30b17 !important; padding: 20px 0!important;color: #FFF!important; font-size: 20px; line-height: 28px; }
.notfall h2 {color: #FFF; font-size: 20px; line-height: 28px; margin-bottom: 10px;}
.notfall a {color: #FFF; font-weight: 700;}
@media (max-width: 767px) {
.notfall {  margin-top: 65px!important; margin-bottom: -65px!important;  font-size: 18px; line-height: 26px;}
.notfall h2 {font-size: 18px; line-height: 26px;}
}


/* ------------------------------------------------------------ *\
	Popup-Fenster
\* ------------------------------------------------------------ */
.popupwindow {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
    width: 400px;
    background-color: #fcfaf7;
    padding: 20px 30px 30px 30px;
    border: 4px solid #e30b17;
	z-index: 99999
}
.popupwindow p:last-of-type{margin-bottom: 0;}
.popupwindow h2 {color: #e30b17; font-size: 20px; line-height: 28px; margin-bottom: 10px;}



.popupwindow .close { position: absolute;right: 20px; top: 10px; width: 30px; height: 32px;opacity: 0.5; font-size: 0; }
.popupwindow .close:hover { opacity: 1;}
.popupwindow .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #000;}
.popupwindow .close:before { transform: rotate(45deg);}
.popupwindow .close:after { transform: rotate(-45deg);}

@media (max-width: 767px) {
.popupwindow h2 {font-size: 18px; line-height: 26px;}
.popupwindow {border: 3px solid #e30b17;}
}
@media (max-width: 575px) {
.popupwindow {  bottom: 30px;  right: 0px; width: 90%;left: 50%; transform: translateX(-50%);}
}






.iconholder{position:absolute;top:200px;right:0;z-index:99995;}
.iconblock {
width: 245px;
height: 52px;
padding: 10px 10px;
display: block; 
overflow: hidden; 
margin-bottom: 10px; 
position: relative;
position: relative;
right: -195px;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
background: #ebe8e3;

-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;
}

.iconblock.active {right: 0px; }

.icon-text a{display: block; padding-top: 3px; font-family: 'Roboto', Arial, sans-serif; font-weight:500;}

.icon {height:32px;width: 32px;display: block;float: left;margin-right: 20px;cursor: pointer;}
.icon.uhr {background-image: url(images/icon_uhr.svg); background-size: 100%; background-repeat: no-repeat;  }
.icon.tickets {background-image: url(images/icon_tickets.svg); background-size: 100%; background-repeat: no-repeat;}
.icon.zug {background-image: url(images/icon_zug.svg); background-size: 100%; background-repeat: no-repeat;}
.icon.spenden {background-image: url(images/icon_spenden_herz.svg); background-size: 100%; background-repeat: no-repeat;}

.no-svg .icon.uhr {background-image: url(images/icon_uhr.png);  }
.no-svg .icon.tickets {background-image: url(images/icon_tickets.png);}
.no-svg .icon.zug {background-image: url(images/icon_zug.png); }
.no-svg .icon.spenden {background-image: url(images/icon_spenden.png);}


@media (max-width: 767px) {
.iconholder {display: none }
}






/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
/*** BURGER ***/
.nav-trigger { display: block; overflow: hidden; width: 50px; height: 21px; position: absolute; right: 0px; top: 83px; margin:0px; z-index: 99999; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav-trigger span { display: block; position: absolute; height: 3px;width: 100%;background: #e30b17; border-radius: 0px; opacity: 1; left: 0; }
.nav-trigger span:nth-child(1) {top: 0px;}
.nav-trigger span:nth-child(2) {top: 9px;}
.nav-trigger span:nth-child(3) {top: 18px;}

.nav-trigger-active {display: block; width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; margin:0px; z-index: 99999; cursor: pointer;}
.nav-trigger-active span {display: block; position: absolute; height: 3px;width: 100%;background: #FFF;border-radius: 0px; opacity: 1; left: 0; top: 20px;}
.nav-trigger-active span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
.nav-trigger-active span:nth-child(2) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}


@media (max-width: 959px) {
.nav-trigger {  width: 45px; height: 21px; top: 60px; }
.nav-trigger-active {top: 0px;}
}


@media (max-width: 767px) {
.nav-trigger { width: 40px; height: 16px; top: 40px; }
.nav-trigger span { height: 2px; }
.nav-trigger span:nth-child(1) {top: 0px;}
.nav-trigger span:nth-child(2) {top: 6px;}
.nav-trigger span:nth-child(3) {top: 12px;}
.nav-trigger-active { top: 0px; width: 40px; height: 40px;}
}






/*overlay*/
.overlay{display: none;position: fixed; top: 0; height: 100%; width: 100%; background: rgba(162, 145, 117, 1); z-index: 99998; overflow-x: hidden; overflow-scroll: scroll; padding: 0 25px;}

body.overlayactive {overflow: hidden;}
body.overlayactive #header, 
body.overlayactive #outherhead,
body.overlayactive img.btn-open,
body.overlayactive #nav-icon {display: none !important;}

/*menu*/
nav#hauptnavigation { padding: 0; z-index: 99999 !important; margin-top: 60px;}
nav#hauptnavigation ul {list-style-type: none; padding: 0; margin-bottom: 10px; }
nav#hauptnavigation ul li {margin: 0; width: 400px; position: relative;}
nav#hauptnavigation ul li a {display: block; color:#FFF; padding: 8px 0; font-family: 'Roboto', Arial, sans-serif; font-weight:500;font-size: 30px; line-height: 36px;  -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s;}
nav#hauptnavigation ul li a:hover {color: #776852; }	

nav#hauptnavigation ul.sub-menu{ position: absolute; left: 400px;   border-left: 1px solid #fff;  top: 10px; z-index: 99999;} 
nav#hauptnavigation ul.sub-menu li {width: 600px; }
nav#hauptnavigation ul.sub-menu li a{font-family: 'Roboto', Arial, sans-serif; font-weight:400; font-size: 24px; line-height: 30px; padding: 6px 0 6px 20px;}

nav#hauptnavigation ul li.current_page_item a {text-decoration: none; color: #564833!important; }
nav#hauptnavigation ul li.current-menu-parent > a {color: #564833 !important;}

ul.sub-menu{  display: none; }
.sub-menu-shown {display: inline-block; }

nav#hauptnavigation ul li.mainmenu-active > a {color: #555 !important;}

.current-menu-parent > .sub-menu {display: inline-block; }

@media (max-width: 959px) {
nav#hauptnavigation { margin-top: 40px;}
}



@media (max-width: 767px) {
.overlay, body.overlayactive {overflow: auto;}

nav#hauptnavigation ul.sub-menu {position: relative; left: 0;}

nav#hauptnavigation { margin-top: 25px;}
nav#hauptnavigation ul li a { padding: 6px 0; font-size: 24px; line-height: 30px; }
nav#hauptnavigation ul.sub-menu li a{ font-size: 20px; line-height: 26px; padding: 4px 0 4px 20px;}
}












/* ------------------------------------------------------------ *\
	Section Slider Home
\* ------------------------------------------------------------ */
.slider--primary { overflow: hidden; position:relative;}
.slider--primary h2 { margin-bottom: 10px; color: #73B941; line-height: 1.2; }
.slider--primary p { margin-bottom: 12px; font-size: 18px;  }
.slider--primary .slick-slide > div { font-size: 0; }
.slider--primary .slider__slide { position: relative; height: 100%; }

.slider--primary .slider__slide-image { height: calc(100vh - 120px) }


.slider--primary .slider__slide-image img { position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;}
.slider--primary .slider__slide-video video { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top;}




.slider--primary .slick-dots { list-style-type: none; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width: 100%; cursor: pointer;}
.slider--primary .slick-dots li { margin: 0 7px; display: inline-block;width: 20px; height: 20px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;background: #fff; border: 2px solid #fff; }
.slider--primary .slick-dots button { background: transparent; border: 0; font-size: 0; }
.slider--primary .slick-dots .slick-active { background: #a29175; }

.slider--primary .slider__slide .slide-caption {position: absolute; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.5); display: block; width: auto; padding: 25px 50px; }
.slider--primary .slider__slide .slide-caption h2 { margin-bottom: 10px; color: #000; line-height: 1.2; }
.slider--primary .slider__slide .slide-caption p { margin-bottom: 12px; font-size: 18px;  }

/*
.slider--primary .slider__slide .slide-caption {position: absolute; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.5); display: block; width: auto; padding: 25px 50px; }
.slider--primary .slider__slide .slide-caption h2 { margin-bottom: 5px; color: #a3866c; line-height: 1.2em; font-size: 50px;  }
.slider--primary .slider__slide .slide-caption p { margin-bottom: 12px; color: #a3866c; font-size: 22px; font-weight: 700;  }
*/
.slider--primary .slider__slide .slide-caption .btn.white {background: #a3866c !important; color: #FFF;}
.slider--primary .slider__slide .slide-caption .btn.white:hover {color: #FFF !important;}


@media (max-width: 991px) {
.slider--primary .slider__slide-image {  height: 450px; }
}
@media (max-width: 767px) {
.slider--primary .slick-dots {  bottom: 10px; }
.slider--primary .slick-dots li { width: 16px; height: 16px; }
.slider--primary .slider__slide-image {  height: 420px; }
.slider--primary .slider__slide .slide-caption {position: absolute; top: 10px; left: 10px;padding: 15px 15px; width: }
.slider--primary .slider__slide .slide-caption h2 { line-height: 1.2em; font-size: 30px;  }
.slider--primary .slider__slide .slide-caption p {  font-size: 18px; font-weight: 700  }
}
@media (max-width: 575px) {
.slider--primary .slider__slide-image {  height: 270px; }
.slider--primary .slider__slide .slide-caption p {display: none;}  
}



/* ------------------------------------------------------------ *\
	Section Slider Secondary
\* ------------------------------------------------------------ */
.slider--secondary { overflow: hidden; }
.slider--secondary .slider__slide { position: relative; height: 100%; }
.slider--secondary.slider__slide-image img { width: 100%; }

.slider--secondary .slick-dots { list-style-type: none; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width: 100%; cursor: pointer;}
.slider--secondary .slick-dots li { margin: 0 5px; display: inline-block;width: 15px; height: 15px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;background: #fff; border: 2px solid #fff; }

.slider--secondary .slick-dots button { background: transparent; border: 0; font-size: 0; }
.slider--secondary .slick-dots .slick-active { background: #e30420; }




/* ------------------------------------------------------------ *\
	Slider related Tiere
\* ------------------------------------------------------------ */
.slider-tiere .slick-arrow { width: 25px; height: 25px; border: 2px solid #e30b17; display: inline-block; border-right: 0; border-top: 0; background: none; font-size: 0; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; }
.slider-tiere .slick-arrow:hover { border-color: #000; }
.slider-tiere .slick-arrow:focus { outline: 0; }

.slider-tiere .slick-prev { position: absolute; top: 46%; left: -40px; z-index: 30; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }
.slider-tiere .slick-next { position: absolute; top: 37%; right: -40px; -webkit-transform: rotate(-135deg) translateY(-50%); -ms-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%); }

.slider-tiere .slick-slide { margin: 0 15px; }
.slider-tiere .slider__slides { margin: 0 -15px; }
.slider-tiere .slider__slide { position: relative; }
.slider-tiere .slider__slide:hover:before { visibility: visible; opacity: 1; }
.slider-tiere .slider__slide:hover .slider__slide-icon { visibility: visible; opacity: 1; }
.slider-tiere .slider__slide:before { content: ''; display: inline-block; background: rgba(115, 185, 65, .7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.slider-tiere .slider__slide-image img { width: 100%; }
.slider-tiere .slider__slide-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #fff; z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.slider-tiere .slider__slide-icon:before { content: ''; display: inline-block; width: 32px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slider-tiere .slider__slide-icon:after { content: ''; display: inline-block; width: 2px; height: 32px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



@media (max-width: 992px) {
.slider-tiere .slick-arrow { width: 20px; height: 20px; }
.slider-tiere .slick-prev { left: -12px; }
.slider-tiere .slick-next { right: -12px; }
}
@media (max-width: 767px) {
.slider-tieres .slick-slide { margin: 0 5px; }

.slider-tiere .slider__slides { margin: 0 -5px; }

.slider-tiere .slick-prev { top: 44%; left: -20px; }
.slider-tiere .slick-next { top: 37%; right: -20px; }
}




/* ------------------------------------------------------------ *\
	Section Willkommen
\* ------------------------------------------------------------ */
.section-willkommen {background: #a29175; padding: 40px 0; color: #FFF; font-size: 50px; line-height: 62px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.section-willkommen p{margin-bottom: 0;}
@media (max-width: 991px) {
.section-willkommen {padding: 30px 0;font-size: 34px; line-height: 44px; }
}
@media (max-width: 767px) {
.section-willkommen {padding: 25px 0;  font-size: 26px; line-height: 34px; }
}
@media (max-width: 575px) {
.section-willkommen {padding: 20px 0; font-size: 22px; line-height: 30px; }
}




/* ------------------------------------------------------------ *\
	Section Übertitel
\* ------------------------------------------------------------ */
.section-ubertitel {padding: 50px 0; font-size: 36px; line-height: 50px; text-align: center; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.section-ubertitel p:last-of-type{margin-bottom: 0;}
@media (max-width: 991px) {
.section-ubertitel {padding: 40px 0; font-size: 30px; line-height: 44px; }
.section-ubertitel br {display: none; }
}
@media (max-width: 767px) {
.section-ubertitel {padding: 30px 0; font-size: 26px; line-height: 40px; }
}
@media (max-width: 575px) {
.section-ubertitel {padding: 25px 0; font-size: 22px; line-height: 30px; }
}





/*------------------------------------------------------------ *\
	Section Anreisserblöcke
\* ------------------------------------------------------------ */
.features { overflow: hidden; }
.section ul.features li {padding-bottom: 0px !important;margin-bottom: 0px !important;border-bottom: none !important;}

.features .feature + .feature { margin-top: 20px; }
.feature { position: relative;  display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -webkit-flex-flow: row wrap;flex-flow: row wrap; background: #ebe8e3;}

.feature .featuretext {padding: 20px 35px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.feature .featuretext h3{ font-weight: 700; color: #e30420;}

.features .feature:nth-child(even) .featurebild {  order: 2; }
.features .feature:nth-child(even) .featuretext { order: 1; }
.features .featuretext p:last-of-type{margin-bottom: 0;}
.features .featuretext { align-self: center;}

.feature .featurebild { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}




@media (max-width: 767px) {
.features .feature:nth-child(even) .featurebild {  order: 1;}
.features .feature:nth-child(even) .featuretext { order: 2; }
.features .feature .featurebild {  margin-bottom: 10px;}

.feature .featuretext {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.feature .featurebild {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
@media (max-width: 575px) {
.feature .featuretext {padding: 20px 20px;}
}




/*------------------------------------------------------------ *\
	Section Kacheln mit Link
\* ------------------------------------------------------------ */
.section-kacheln_mit_link {}
.kachel_mit_link {position: relative; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.kachel_mit_link a { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.kachel_mit_link:hover h4 {color: #e30b17}



/*------------------------------------------------------------ *\
	Section Ansprechpartner
\* ------------------------------------------------------------ */
.ansprechpartner {}
.ansprechpartner-inner {background:#ebe8e3; padding: 25px 30px; }
.ansprechpartner h5{margin-bottom: 30px;}

.ansprechpartner ul{list-style-type:none}
.ansprechpartner a{text-decoration:none}
.ansprechpartner a:hover{text-decoration:underline}

.ansprechpartner-foto {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.ansprechpartner-foto img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


@media (max-width: 767px) {
.ansprechpartner-foto { }
.ansprechpartner-inner  {padding: 20px 20px;}
.ansprechpartner-inhalt {margin-bottom: 20px}
}



/* ------------------------------------------------------------ *\
	Section Titel mit Lead
\* ------------------------------------------------------------ */
.section-titel-mit-lead {font-size: 36px; line-height: 50px; text-align: center; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.section-titel-mit-lead p:last-of-type{margin-bottom: 0;}

@media (max-width: 991px) {
.section-titel-mit-lead {font-size: 30px; line-height: 44px; }
}
@media (max-width: 767px) {
.section-titel-mit-lead { font-size: 26px; line-height: 34px; }
}
@media (max-width: 575px) {
.section-titel-mit-lead { font-size: 22px; line-height: 30px; }
}





/* ------------------------------------------------------------ *\
	Section Call to Action
\* ------------------------------------------------------------ */
.section-call_to_action  { font-size: 32px; line-height: 42px; padding: 50px 0; background: #a29175; color: #FFF; text-align: center;}
.section-call_to_action  h3{ color: #FFF; }





/* ------------------------------------------------------------ *\
	Section Bild / Text
\* ------------------------------------------------------------ */
.bildtext .row { margin-bottom: 30px;}
.bildtext .row:last-of-type { margin-bottom: 0px;}

@media (max-width: 767px) {
.bildtext .row { margin-bottom: 40px;}
}




/* ------------------------------------------------------------ *\
	Section Accordion
\* ------------------------------------------------------------ */
/* Accordion Trigger */
.accordion-trigger {display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; padding: 10px 0;  border-bottom: 1px solid #ddd; background: #FFF;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.accordion-trigger:hover {background: #ebe8e3; padding-left: 10px;}

/* Accordion Trigger Aktiv */
.accordion-trigger-active {background: #ebe8e3; padding-left: 10px;}

/* BUTTON + x */
.accordion-trigger-open:before {content: "";position: absolute;display: block;right: 0px; top: 50%; width: 22px; height: 0; border-top: 1px solid rgba(0,0,0,1);transform: rotate(0deg);transform-origin: center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.accordion-trigger-open:after {content: "";position: absolute;display: block;margin: auto; right: 0px; top: 1px; bottom: 0;width: 22px; height: 0; border-top: 1px solid rgba(0,0,0,1); transform: rotate(90deg);transform-origin: center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

.accordion-trigger:hover .accordion-trigger-open:before {border-top: 1px solid rgba(153,153,153,1); right: 10px;}
.accordion-trigger:hover .accordion-trigger-open:after {border-top: 1px solid rgba(153,153,153,1); right: 10px;}

.accordion-trigger-active .accordion-trigger-open:before {border-top: 1px solid rgba(153,153,153,1);transform: rotate(-45deg); right: 10px; }
.accordion-trigger-active .accordion-trigger-open:after {border-top: 1px solid rgba(153,153,153,1); transform: rotate(45deg); right: 10px; }

/* Accordion Content */
.accordion-content {padding: 10px 0 40px 0;-webkit-animation:fadeOut .5s ease-out;animation:fadeOut .5s ease-out}
.accordion-content.open {-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}





 


/* ------------------------------------------------------------ *\
	Section Downloadliste Dateien
\* ------------------------------------------------------------ */
ul.downloadliste {}
ul.downloadliste li{  display: block; width: 100%; clear: both; position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; background: #FFF;-webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out;}
ul.downloadliste li a{ color: #000; display: block}
ul.downloadliste li a:hover { color: #e30b17}

ul.downloadliste li a[href$=".pdf"]:after {content: "pdf";position: absolute;display: inline-block; right: 0px;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; background: #ebe8e3; padding: 0px 10px;  border-radius: 5px;}
ul.downloadliste li a[href$=".doc"]:after {content: "doc";position: absolute;display: inline-block; right: 0px;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; background: #ebe8e3; padding: 0px 10px;  border-radius: 5px;}
ul.downloadliste li a[href$=".docx"]:after {content: "docx";position: absolute;display: inline-block; right: 0px;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; background: #ebe8e3; padding: 0px 10px;  border-radius: 5px;}
ul.downloadliste li a[href$=".xls"]:after {content: "xls";position: absolute;display: inline-block; right: 0px;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; background: #ebe8e3; padding: 0px 10px;  border-radius: 5px;}
ul.downloadliste li a[href$=".xlsx"]:after {content: "xlsx";position: absolute;display: inline-block; right: 0px;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; background: #ebe8e3; padding: 0px 10px;  border-radius: 5px;}
ul.downloadliste li a[href$=".zip"]:after {content: "zip";position: absolute;display: inline-block; right: 0px;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; background: #ebe8e3; padding: 0px 10px;  border-radius: 5px;}






/* ------------------------------------------------------------ *\
	Section Accordion mit Downloadliste
\* ------------------------------------------------------------ */

.accordion_mit_downloadliste {}










/* ------------------------------------------------------------ *\
	Section Tabelle
\* ------------------------------------------------------------ */
.section-tabelle table{width: 100% !important; border-spacing:0px !important; margin: 0;}
.section-tabelle table td{border-spacing:0px !important; vertical-align:top; padding: 8px 15px 8px 0; border-bottom: 1px solid #ddd;}
.section-tabelle table th{padding: 6px 15px 6px 0; text-align: left; border-bottom: 2px solid #b7b7b7; font-size: 0.8em; }


@media (max-width: 767px) {
.table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}

}










/* ------------------------------------------------------------ *\
	Section Bildergalerie
\* ------------------------------------------------------------ */
.gallery {list-style-type:none; display: block;}
.gallery:after { content: ''; display: block; clear: both;}

.gallery li {position: relative; float: left; margin-right: 2%; margin-bottom: 4%; width:  23%; border-bottom: 0px !important; padding-bottom: 0 !important;}

.gallery li a{ display: block;  }
.gallery li img { width: 100%; }

.gallery li a:before { content: ''; display: inline-block; background: rgba(227, 6, 19, .7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery li a:hover:before { visibility: visible; opacity: 1; }
.gallery li a:hover .gallery-icon { visibility: visible; opacity: 1; }

.gallery-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #fff; z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.gallery-icon:before { content: ''; display: inline-block; width: 24px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery-icon:after { content: ''; display: inline-block; width: 2px; height: 24px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 767px) {
.gallery li:nth-of-type(4n) {margin-right: 0;}
}
@media (max-width: 767px) and (min-width: 576px) {
.gallery li {margin-right: 3%; margin-bottom: 3%; width: 22.75%}
.gallery li:nth-of-type(4n) {margin-right: 0;}
}
@media (max-width: 575px) {
.gallery li {margin-right: 3%; margin-bottom: 3%; width: 31.33333%}
.gallery li:nth-of-type(3n) {margin-right: 0;}
}









/* ------------------------------------------------------------ *\
	Keyframe Animations
\* ------------------------------------------------------------ */
@-webkit-keyframes fadeIn {
0% { opacity:0}
50% {opacity:0}
100% {opacity:1}
}
@keyframes fadeIn {
0% {opacity:0}
50% { opacity:0}
100% {opacity:1}
}

@-webkit-keyframes fadeOut {
0% {opacity:1}
50% { opacity:0}
100% {opacity:0}
}
@keyframes fadeOut {
0% {opacity:1}
50% { opacity:0}
100% {opacity:0}
}





/* ------------------------------------------------------------ *\
	Section Tiere Single
\* ------------------------------------------------------------ */
.section-tiercontent h3{color: #000; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.04em;}
.section-tiercontent h3 span{color: #000; font-weight: 400; font-size: 16px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.04em; font-style:italic;}

.sidebarblock{ font-size: 18px; line-height: 24px; margin-bottom: 30px;}
.sidebarblock h3{color: #000; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0.04em;}

.sidebarpate {background: #ebe8e3; padding: 30px 20px; text-align: center; display: block; overflow: hidden; margin-top: 50px;}




.section-nexpostlinks { background: #a29175;  height: 65px; padding: 20px 0}
.section-nexpostlinks .container{position: relative; }

.previous_post_link a, .next_post_link a{ tet-indent: -99999px; width: 25px; height: 25px; border: 2px solid #FFF; display: inline-block; border-right: 0; border-top: 0; background: none; font-size: 0; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s;}
.previous_post_link a:hover, .next_post_link a:hover{ border: 2px solid #000;  border-right: 0; border-top: 0;}

.previous_post_link a { position: absolute; top: 10%; left: 25px; z-index: 30; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.next_post_link a { position: absolute; top: 10%; right: 25px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}



.overview  { display: inline-block; width: 25px; height: 15px; position: absolute; left: 0;right: 0;margin: auto;cursor: pointer; }
.overview span { display: block; position: absolute; height: 10px; width: 10px ;background: #FFF; border-radius: 0px; opacity: 1; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.overview:hover span { background: #000;  }
.overview span:nth-child(1) {top: 0px; left: 0}
.overview span:nth-child(2) {top: 0px; left: 15px;}
.overview span:nth-child(3) {top: 15px; left: 0}
.overview span:nth-child(4) {top: 15px; left: 15px}






/* ------------------------------------------------------------ *\
	Tiere Übersicht Isotoped
\* ------------------------------------------------------------ */
/*Filter*/
.section-tierfilter {padding: 45px 0;}
.section-tierfilter ul#filters {margin:0; list-style-type: none; text-align: center; position: relative;}
.section-tierfilter ul#filters li {display: inline; padding: 0; text-indent: 0; border-bottom: none;}
.section-tierfilter ul#filters li a{ font-family: 'Roboto', Arial, sans-serif; font-weight:700; font-size: 20px; line-height: 28px;  color: #000; text-decoration: none !important; padding: 3px 12px;} 
.section-tierfilter ul#filters li a:hover{color: #e30b17 !important;}
.section-tierfilter ul#filters li a.is-checked{color: #e30b17 !important;}

@media (max-width: 767px) {
.section-tierfilter ul#filters li {display: block;}
}


/*Box Übersicht*/
.box {display: block; overflow: hidden; margin-bottom: 25px}
.boxocontent img{width: 100%; height: auto;}

.boxocontent {padding: 0; overflow: hidden; position: relative; height: auto; margin: 0; text-align: center;}
.boxocontent img {display: block;position: relative; -webkit-transition: all 5s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.boxocontent:hover img {-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.boxocontent .titel{ opacity: 1; font-family: 'Roboto', Arial, sans-serif; font-weight:700; color: #FFF;}

.boxocontent .mask {background-color:rgba(227,6,19,0); padding: 20px; visibility:hidden; position:absolute; top: 0%;left: 0%; display: inline-block; height: 100%; width: 100%; -webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out;}
.boxocontent:hover .mask {background-color:rgba(227,6,19,0.9);visibility:visible;}

.boxocontent .mask .vcenter {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

/*Isotope*/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,.isotope .isotope-item {-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;transition-duration: 0.7s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;transition-property: transform, opacity;}







.isofiltertoggle {display: block;width: 30px; height: 8px; top: 17px; position: absolute;  margin:0 0 0 20px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.isofiltertoggle span {display: block; position: absolute;height: 3px;width: 100%;background: #000;border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.isofiltertoggle:hover span {background: #e30b17;}
.isofiltertoggle  span:nth-child(1) {top: 0px;}
.isofiltertoggle span:nth-child(2) {top: 8px;}

.isofiltertoggle.open {margin-left: 0;}
.isofiltertoggle.open span:nth-child(1) {top: 0px; background: #e30b17; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);}
.isofiltertoggle.open span:nth-child(2) {top: 0px;background: #e30b17;  -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}



.section-tiere {display: block;}
.section-tiere.hidden {display: none !important;}
.section-tierelisted {display: none;}
.section-tierelisted.showed {display: block !important;}



ul.tierliste {list-style-type: none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
ul.tierliste:after {content: ""; width: 32.5%;}

ul.tierliste li{-webkit-box-flex:0;-ms-flex:0 0 32.5%;flex:0 0 32.5%;max-width:32.5%; margin:0 0 1% 0; border-bottom: 0px !important; padding: 0;}
ul.tierliste li a{ padding: 7px 15px; display: block; border-bottom: 1px solid #FFF; background:#ebe8e3; font-size: 15px;  color: #000;-webkit-transition: all .4s; -o-transition: all .4s; transition:all .4s;}
ul.tierliste li a:hover{ background:#a29175; color: #ebe8e3;}

@media (max-width: 767px) {
ul.tierliste:after {content: ""; width: 49%;}
ul.tierliste li{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%; }
}
@media(max-width: 575px) {
ul.tierliste:after {content: ""; width: 100%;}
ul.tierliste li{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
}



/* ------------------------------------------------------------ *\
	Section News
\* ------------------------------------------------------------ */
.section-news {}
.news { background: #ebe8e3; margin-bottom: 20px; }
.news .row{ margin-right:0px;margin-left:0px}
.news .col-md-6  {padding: 0;}
.news .featuretext {padding: 20px 35px;}
.news h3, .section-news .news h3 a { color: #e30b17; }
.news h3 a:hover { color: #000; }
.section-news .news .newsdatum {font-size: 16px;}

a.more-link { background: #a29175; color: #FFF; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px 30px 8px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.02em;-webkit-transition: all .4s, color .4s, border-color .4s; -o-transition: all .4s, color .4s, border-color .4s; transition: all .4s, color .4s, border-color .4s; border-radius: 0;}
a.more-link:hover {color: #FFF ; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); }

.single .news { padding-bottom: 40px; margin-bottom: 0px;}

/*
.singlecategories {display: block; margin-top: 30px;}
.singlecategories ul { display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.singlecategories ul li { padding-bottom: 0; margin-bottom: 0;  border-bottom: none;}
.singlecategories li + li { margin-left: 30px; }
.singlecategories a { font-size: 16px; line-height: 22px; color: #000; text-decoration: none; }
.singlecategories a:hover { color: #e30b17; text-decoration: none; }
*/

/* Pagination */
.pagination span, .pagination a {display:block; float:left; margin: 0 10px 0 0;width: auto;  font-size: 16px; line-height: 22px; color:#000;} 
.pagination a:hover{color: #e30b17;}
.pagination .current{color: #e30b17;}

/* Nex- Previous Page */
.pagenavigation {margin-top; 20px;}
.pagenavigation a { padding: 10px 20px; background:#a29175; color: #FFF; font-size: 16px; text-transform: uppercase; letter-spacing: 0.02em; -webkit-transition: all .4s; -o-transition: all .4s; transition:all .4s; }
.pagenavigation a:hover{ color: #FFF !important; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); color: #000 !important;}



/*Filter*/
.section-newsfilter {padding: 45px 0;}
.section-newsfilter ul#filters {margin:0; list-style-type: none; text-align: center; position: relative;}
.section-newsfilter ul#filters li {display: inline; padding: 0; text-indent: 0; border-bottom: none;}
.section-newsfilter ul#filters li a{ font-family: 'Roboto', Arial, sans-serif; font-weight:700; font-size: 20px; line-height: 28px;  color: #000; text-decoration: none !important; padding: 3px 12px;} 
.section-newsfilter ul#filters li a:hover{color: #e30b17 !important;}
.section-newsfilter ul#filters li a.is-checked{color: #e30b17 !important;}

.filter-toggle {font-size: 20px; line-height: 28px; color: #000 !important; font-weight: 700; text-decoration: none !important; display: none; text-align: center;}


@media (max-width: 767px) {
.section-newsfilter {padding: 25px 0;}
.section-newsfilter ul#filters li {display: block;}
.section-newsfilter .filter-toggle {display: block;}
.section-newsfilter ul#filters {display: none; margin-top: 15px; text-align: left; }
}





/* ------------------------------------------------------------ *\
	Section Eventkalender
\* ------------------------------------------------------------ */
.section-eventlist {}
ul.eventoverview {list-style-type: none;}
ul.eventoverview li{display: block; margin: 0; padding: 0;  }

ul.eventoverview li a{color: #000; display: block; padding: 4px 0; margin: 1px 0; -webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out;}
ul.eventoverview li a:hover {color: #e30b17; background: #ebe8e3; }

ul.eventoverview h3 {margin-top: 40px;}
ul.eventoverview h3:first-of-type {margin-top: 0px;}
/*
ul.eventoverview li .eventday {background: #a29175; padding: 5px 10px; font-size: 18px; color: #FFF;}
ul.eventoverview li .eventtime {display: inline-block; margin-left: 25px;}
ul.eventoverview li .eventtitle {text-transform: uppercase; letter-spacing: 0.04em; padding: 10px 10px; }
ul.eventoverview h3 {margin-top: 40px;}
ul.eventoverview h3:first-of-type {margin-top: 0px;}
*/

ul.eventoverview li .eventday {display: inline-block; width: 30%}
ul.eventoverview li .eventtime {display: inline-block; width: 23%}
ul.eventoverview li .eventtitle {display: inline-block; } 


@media(max-width: 929px) {
ul.eventoverview li .eventday { width: 55%}
ul.eventoverview li .eventtime { width: 35%}
ul.eventoverview li .eventtitle {display: block; } 
}
@media(max-width: 480px) {
ul.eventoverview li .eventday,
ul.eventoverview li .eventtime,
ul.eventoverview li .eventtitle {display: block;  width: 100% } 
}



/* Single Events */
.single-events .eventday {}
.single-events .eventtime {font-size: 24px; line-height: 30px;}

.single-events .section-singleeventcontent img.attachment-anreisser { margin-bottom: 30px;}




/* ------------------------------------------------------------ *\
	Section Programmblock
\* ------------------------------------------------------------ */

/* TRIGGER */
table.trigger {display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; margin-bottom: 0px;-webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out;}
table.trigger td{ font-size: 24px; line-height: 30x; padding: 8px 0; -webkit-transition: all 500ms ease-out;  -moz-transition: all 500ms ease-out;  -o-transition: all 500ms ease-out;  -ms-transition: all 500ms ease-out;  transition: all 500ms ease-out;}
table.trigger:hover td { background: #505050;}

table.trigger .td1 {width: 43%;}
table.trigger .td2 {width: 24%;}
table.trigger .td3 {width: 22%;}
table.trigger .td4 {}

/* TRIGGER AKTIV */
table.trigger_active {}
table.trigger_active td { background: #505050;}

/* WOHNUNGEN  BUTTON + x */
table.trigger .triggeropen:before {content: "";position: absolute;display: block;right: 0px; top: 50%; width: 18px; height: 0; border-top: 2px solid rgba(129,129,129,1);transform: rotate(0deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
table.trigger .triggeropen:after {content: "";position: absolute;display: block;margin: auto; right: 0px; top: 2px; bottom: 0;width: 18px; height: 0; border-top: 2px solid rgba(129,129,129,1); transform: rotate(90deg);transform-origin: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

table.trigger:hover .triggeropen:before {}
table.trigger:hover .triggeropen:after {}

table.trigger_active .triggeropen:before {transform: rotate(45deg);}
table.trigger_active .triggeropen:after {transform: rotate(-45deg); }



/* WOHNUNGEN TOGGLE CONTAINER */
.toggle_container {width:100%; margin-bottom: 0px !important; padding: 0; background: #222;}
.toggle_container-info {color: #FFF; font-size: 17px; line-height: 21px; padding: 20px 25px 25px 0}
.toggle_container img {width:100%; height: auto; display: block;}

table.trigger .td1


@media (max-width: 992px) {}
@media (max-width: 767px) {
table.trigger { border-bottom: 1px solid #818181;}
.toggle_container-info { padding: 20px 25px 25px 25px}
table.trigger td.td2, table.trigger td.td3 {font-size: 17px; line-height: 21px;}
table.trigger .td1 {width: 40%;}
table.trigger .td2 {width: 34%;}
table.trigger .td3 {width: 15%;}
}
@media(max-width: 575px) {
table.trigger .td2 {display: none;}
table.trigger .td1 {width: 50%;}
table.trigger .td3 {width: 40%; text-align:right}
table.trigger .td3 span {display: none;}
}







/* ------------------------------------------------------------ *\
	Modul Interessantes
\* ------------------------------------------------------------ */
ul.interessantes {list-style-type: none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
ul.interessantes:after {content: ""; width: 32.5%;}

ul.interessantes li{-webkit-box-flex:0;-ms-flex:0 0 32.5%;flex:0 0 32.5%;max-width:32.5%; margin:0 0 1% 0; border-bottom: 0px !important; padding: 0;}
ul.interessantes li a{ padding: 7px 15px; display: block; border-bottom: 1px solid #FFF; background:#ebe8e3; font-size: 15px; text-transform: uppercase; letter-spacing: 0.02em; color: #000;-webkit-transition: all .4s; -o-transition: all .4s; transition:all .4s;}
ul.interessantes li a:hover{ background:#a29175; color: #ebe8e3;}

@media (max-width: 992px) {
ul.interessantes li{-webkit-box-flex:0;-ms-flex:0 0 49.5%;flex:0 0 49.5%;max-width:49.5%; margin:0 0 1% 0;  /* and that, will result in a 10px gap */}
}

@media (max-width: 767px) {
ul.interessantes li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin:0 0 1% 0;  /* and that, will result in a 10px gap */}
}




/* ------------------------------------------------------------ *\
	Modul Google Maps
\* ------------------------------------------------------------ */
.acf-map {width: 100%;height: 600px;}
.acf-map img { max-width: inherit !important;}


.markerinfo {font-size: 14px; line-height: 20px; color: #000; padding-top: 10px;}
.markerinfo p{margin: 0px  !important; padding: 0px 0px 15px 0px !important;}
.markerinfo p:last-child{padding: 0px !important;}






/* ------------------------------------------------------------ *\
	Modul Mitgliedschaften
\* ------------------------------------------------------------ */
.section-mitgliedschaften {}
.mitgliedschaft {padding-bottom: 20px !important; margin-bottom: 20px; border-bottom: 1px solid #ddd;}





/* ------------------------------------------------------------ *\
	Modul Instagram Custom
\* ------------------------------------------------------------ */
.section-instagram {}
.section-instagram .col-sm-3 {margin-bottom: 3%}

.instaimg { height: 0; overflow: hidden; padding-top: 100%; box-sizing: border-box; position: relative;}
.instaimg img { width: 100%; vertical-align: top; position: absolute; top: 0; left: 0; height: 100%;

object-fit: cover;
	 }

.instaimg a:before { content: ''; display: inline-block; background: rgba(227, 6, 19, .7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.instaimg a:hover:before { visibility: visible; opacity: 1; }
.instaimg a:hover .insta-gallery-icon { visibility: visible; opacity: 1; }

.insta-gallery-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #fff; z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; }
.insta-gallery-icon:before { content: ''; display: inline-block; width: 24px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.insta-gallery-icon:after { content: ''; display: inline-block; width: 2px; height: 24px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }






/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {width: 100%;margin: auto auto 0 auto; padding: 30px 0 40px 0; background: #ebe8e3; border-top: 10px solid #e30b17; font-size: 16px; line-height: 22px; }
.footer h3{ font-size: 16px; line-height: 22px; margin: 0 0 15px }

.footer a { font-size: 16px; line-height: 22px; color: #000; text-decoration: none; }
.footer a:hover { color: #e30b17; text-decoration: none; }

.footer .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; 
-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;
-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; flex-direction: column }
.footer .footer-nav li + li { margin-top: 5px; }
.footer .footer-nav a { font-size: 16px; line-height: 22px; color: #000; text-decoration: none; }
.footer .footer-nav a:hover { color: #e30b17; text-decoration: none; }
.footer .footer-nav li.current_page_item a { color: #e30b17; text-decoration: none; }


.footer .sprachnavigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.footer .sprachnavigation li + li { margin-left: 31px; }
.footer .sprachnavigation a { font-size: 16px; line-height: 22px; color: #000; text-decoration: none; }
.footer .sprachnavigation a:hover { color: #e30b17; text-decoration: none; }
.footer .sprachnavigation li.current_page_item a { color: #e30b17; text-decoration: none; }


.socialmedia {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

a.facebook, a.instagram, a.twitter, a.youtube { margin-left: 25px; width: 35px; height: 35px; background-size: 35px 75px !important; text-indent: -9999px !important; display: block;}

a.facebook {background: url(images/icon_facebook.png) no-repeat top;}
a.facebook:hover {background-position: bottom;}

a.instagram {background: url(images/icon_instagram.png) no-repeat top;}
a.instagram:hover {background-position: bottom;}

a.twitter {background: url(images/icon_twitter.png) no-repeat top;}
a.twitter:hover {background-position: bottom;}

a.youtube {background: url(images/icon_youtube.png) no-repeat top;}
a.youtube:hover {background-position: bottom;}


.zewo  {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 25px}
.zewo img {width: 50px; height: auto;}




@media (max-width: 576px) {
.footer .sprachnavigation { border-top: 1px solid #999; border-bottom: 1px solid #999;padding: 10px 0; }
.footer .sprachnavigation ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; padding-bottom: 0px; }
.footer .sprachnavigation li + li { margin-left: 25px; }

.footer .footer-nav { border-bottom: 1px solid #999;padding: 10px 0; }
.footer .footer-nav ul { flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;  margin-bottom: 0; padding-bottom: 0px;}
.footer .footer-nav li {width: 100%; margin-left: 0px;}
.footer .footer-nav li + li { margin-left: 0px; }
.footer .footer-nav a { padding: 3px 0; display:block; width:100%;}

.socialmedia {justify-content: flex-start;align-items: flex-start;align-content: flex-start; margin-top: 20px;}
a.facebook, a.instagram, a.twitter, a.youtube { margin-left: 0px; margin-right: 20px; }
}




/* ------------------------------------------------------------ *\
	SBB Formular
\* ------------------------------------------------------------ */
.section-sbb {}

.SBB-form {background: #ebe8e3; padding: 25px }


.SBB-form label { display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 5px; cursor: pointer;}
.sbb-form-input { display: block; width: 100%; padding: 8px 14px; font-size: 15px; line-height: 1; color: #555; background-color: #fff; background-image: none; border: 2px solid #999; border-radius: 0 !important;}

.SBB-form button.btn {padding: 8px 12px 8px;margin-top: 0px;font-size: 18px;border: 0;color: #fff; display: block !important;width: 100%;}




.SBB-form input[type="radio"] { margin: 4px 0 0; line-height: normal;box-sizing: border-box;padding: 0;}

.radio-style, .radio-style-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
	position: relative;
}
.radio-style {
    opacity: 0;
    position: absolute;
}
.radio-style-label::before {
    border-radius: 50%;
}

.radio-style-label::before {
    content: '';
    background: #fff;
    border: 2px solid #999;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 4px;
    margin: 0 10px 4px 0;
    line-height: 1;
    text-align: center;
}

.radio-style:checked + .radio-style-label::before { background: #999; box-shadow: inset 0 0 0 4px #fff;}



/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 20px; margin-right: 10px; padding: 8px 30px 8px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.02em;-webkit-transition: all .4s, color .4s, border-color .4s; -o-transition: all .4s, color .4s, border-color .4s; transition: all .4s, color .4s, border-color .4s; border-radius: 0;}
.btn:hover { -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); color: #000 !important;}


.btn.red {background: #e30b17; color: #FFF}
.btn.white {background: #FFF;}

.btn.darkbrown {background: #a29175; color: #FFF; }
.btn.darkbrown:hover {color: #FFF !important;}

.btn.brown {background: #ebe8e3; margin-top: 0px !important;}

.btn.search  {background: #ebe8e3; margin-top: 0px !important;}

.btn.beige {background: #ebe8e3; color: #000; padding: 6px 20px 6px; font-size: 16px;  }


@media (max-width: 767px) {
.btn {  margin-top: 15px;padding: 6px 20px; font-size: 16px; }
}


















/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }















/* **************************************************
			    		CONTACT
************************************************** */
.formblock {padding: 20px; border: 2px solid #ebe8e3; margin-bottom: 30px;}
.formblock p{margin-bottom: 20px !important;}

.formblockinner {padding: 20px 0 0px 0px; font-size: 16px; line-height: 22px;}
.formblockinnerform {padding: 20px 0 0px 0px; }






div.wpcf7 {margin: 0;padding: 0; width: 100%;}
span.wpcf7-form-control-wrap { position: relative; }

.wpcf7 form input, .wpcf7 form textarea { padding: 10px 15px; width:100%; box-sizing: border-box; font-size: 18px; line-height: 25px; color: #333; background: #ebe8e3; border: 1px solid #ebe8e3; margin: 0 0 10px 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.wpcf7 form input:hover, form textarea:hover {outline:none; border: 1px solid #a29175;}
.wpcf7 form input:focus, form textarea:focus {outline:none; border: 1px solid #a29175;}

.wpcf7 form textarea {height: 165px; }

::-webkit-input-placeholder { color: #333 !important; opacity: 1; }
::-moz-placeholder { color: #333 !important; opacity: 1; }
:-ms-input-placeholder { color: #333 !important; opacity: 1; }
:-moz-placeholder { color: #333 !important; opacity: 1; }
input[placeholder] {color: #333 !important; opacity: 1; }


.wpcf7-form select {width:100%; padding: 10px 15px;color: #333;background: #ebe8e3; border: 1px solid #ebe8e3; margin: 0 0 10px 0; font-size: 18px; line-height: 25px;}

.select-amphibien select{ margin-top: 0;}


.wpcf7 form input:focus::-webkit-input-placeholder { color:transparent !important;}
.wpcf7 form input:focus:-moz-placeholder { /* Firefox 18- */ color:transparent !important; }
.wpcf7 form input:focus::-moz-placeholder {  /* Firefox 19+ */ color:transparent !important; }
.wpcf7 form input:focus:-ms-input-placeholder {   color:transparent !important;}



.wpcf7 form input[type=submit] {width: auto ; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 36px 10px; font-size: 18px; text-transform: uppercase; background: #ebe8e3; border: 1px solid #ebe8e3; color: #333;border-radius: 0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.wpcf7 form input[type=submit]:hover {background: #a29175; border: 1px solid #a29175; color: #fff;}




div.wpcf7-response-output { margin: 0 0 20px 0;	padding: 0; color: #000; font-size: 18px;}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
div.screen-reader-response {border: 0px !important; padding: 0px !important; margin: 0 0 25px 0 !important; font-size: 20px; line-height: 30px; color: #000; font-weight: 700;}


span.wpcf7-not-valid-tip {color: #e30b17 !important; font-size: 14px !important; display: block; margin: -10px 0 12px 0!important ;}
input.wpcf7-not-valid {border:1px solid #e30b17 !important}

.use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute;	top: 20%; left: 20%; z-index: 100;	border: 1px solid #ff0000;	background: #fff;	padding: .2em .8em;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none { display: none;}
div.wpcf7 .placeheld {color: #000;}
div.wpcf7 img.ajax-loader { border: none;vertical-align: middle;margin-left: 4px;display: none;}
div.wpcf7 div.ajax-error { display: none;}


span.wpcf7-list-item { margin-left: 0.5em; }

.wpcf7-display-none { display: none; }
div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; }
div.wpcf7 .watermark { color: #888; }


.wpcf7-checkbox {margin: 0; display: block; overflow: hidden; }
.wpcf7-list-item {display: inline; margin: 0 0 0 2px !important;}
.wpcf7-list-item input{ width: auto !important; margin: 0px 10px 0 0 !important; }
.wpcf7-list-item-label {font-size: 18px; color: #000;}
input[type=checkbox]{-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);-o-transform: scale(1.2); }

.nlundagb {margin: 15px 0 20px 0;}


.wpcf7-form-control.wpcf7-radio .wpcf7-list-item { margin: 0 15px 0 2px !important;}

.wpcf7-form-control.wpcf7-radio {
  margin-bottom: 20px;
  display: block;
}

@media (max-width: 767px) {
.wpcf7 form input, .wpcf7 form textarea { padding: 8px 10px;  margin: 0 0 15px 0;}
}



















.ui-datepicker {z-index: 99999 !important; }
.ui-datepicker .ui-datepicker-header,
.ui-widget-header {border-radius: 0px !important; background: #ebe8e3 !important; border: 1px solid #a29175 !important; font-family: 'Roboto', Arial, sans-serif; font-weight:700 !important; text-transform: uppercase; font-size: 18px !important;}
table.ui-datepicker-calendar {}
.ui-datepicker thead tr th {}
.ui-datepicker tbody td {}
.ui-state-default {background: #ebe8e3 !important;}
.ui-state-highlight  {background: #a29175 !important;  border: 1px solid #a29175 !important;}
















/* **************************************************
			    		SUCHE
************************************************** */
.search-form .form-group input.form-control::-webkit-input-placeholder{display:none;}
.search-form .form-group input.form-control::-moz-placeholder{display:none;}


.form-group{position:relative; width:0%; min-width:40px; height:40px; overflow:hidden;transition: width .5s; backface-visibility:hidden; margin-bottom: 50px;}
.form-group input.form-control{position:absolute;top:0;right:0;outline:none;width:100%;height:40px;margin:0;z-index:10; border: 2px solid #ebe8e3; padding: 0 15px; font-size: 16px; background: #ebe8e3;  }
input[type="text"].form-control{-webkit-appearence:none;-webkit-border-radius:0;}

.form-control-submit,
.search-label{ width:40px; height:40px; line-height:40px; position:absolute; right:0; top:0; padding:0; margin:0; text-align:center; cursor:pointer; background:#a29175;}
.form-control-submit{ background:#ebe8e3; /*stupid IE*/ opacity: 0; color:transparent; border:none; outline:none; z-index:-1;}

.search-label{z-index:90; font-size: 22px; color: #FFF}
.form-group.sb-search-open,
.no-js .sb-search-open{width:40%;}

.form-group.sb-search-open .search-label,
.no-js .sb-search .search-label {background: #ebe8e3;color: #a29175;z-index: 11;}

.form-group.sb-search-open .form-control-submit,
.no-js .form-control .form-control-submit {z-index: 90;}




@media (max-width: 767px) {
.form-group.sb-search-open,
.no-js .sb-search-open{width:70%;}
}

@media (max-width: 767px) {
.form-group.sb-search-open,
.no-js .sb-search-open{width:100%;}
}






.searchres {padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ddd;}
.searchtitle, .searchtitle a {color: #000;}
.searchlink {}
.searchtitle {font-weight:400;}
.searchtitle span{font-size: 16px; line-height: 22px;font-weight:300;}
.searchlink {font-size: 16px; font-weight:300;}




/*  Old IE fallback  */
.browsehappy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; margin: 0; padding-top: 50px; background: #e0e0e0; text-align: center; }





.search-container {display: block; overflow: hidden;width: 330px; margin-bottom: 50px;}
.input-wrapper { margin-right:60px;}
.search-container input[type=text] { padding: 8px 12px; font-size: 17px; border: none; float: left;  width: 100%; background: #ebe8e3;-ms-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; box-sizing: border-box; }
.search-container button { padding: 8px 14px; background: #b7b7b7; font-size: 17px; border: none; cursor: pointer;}
.search-container button:hover { background: #ccc;}

@media (max-width: 767px) {
.search-container {width: 80%;}
}


@media (max-width: 575px) {
.search-container {width: 100%;}
}




/* **************************************************
			    		RaiseNow SPENDENFORMULAR
************************************************** */
#lema-container.lema-container {
	max-width: 100% !important;
}
#lema-container.lema-container .lema-step-content {
    background: #ebe8e3 !important;
}


#lema-container.lema-container, 
#lema-container.lema-container h3, 
#lema-container.lema-container h5, 
#lema-container.lema-container p, 
#lema-container.lema-container h1, 
#lema-container.lema-container dl, 
#lema-container.lema-container dt, 
#lema-container.lema-container h6, 
#lema-container.lema-container ol, 
#lema-container.lema-container form, 
#lema-container.lema-container select, 
#lema-container.lema-container option, 
#lema-container.lema-container pre, 
#lema-container.lema-container div, 
#lema-container.lema-container h2, 
#lema-container.lema-container caption, 
#lema-container.lema-container h4, 
#lema-container.lema-container ul, 
#lema-container.lema-container address, 
#lema-container.lema-container blockquote, 
#lema-container.lema-container dd, 
#lema-container.lema-container fieldset, 
#lema-container.lema-container textarea, 
#lema-container.lema-container hr, 
#lema-container.lema-container article, 
#lema-container.lema-container aside, 
#lema-container.lema-container dialog, 
#lema-container.lema-container figure, 
#lema-container.lema-container footer, 
#lema-container.lema-container header, 
#lema-container.lema-container hgroup, 
#lema-container.lema-container menu, 
#lema-container.lema-container nav, 
#lema-container.lema-container section,
#lema-container.lema-container .lema-radio-label,
#lema-container.lema-container .lema-input-text    {
font-family: 'Roboto', Arial, sans-serif !important; 
color: #000 !important;
}

#lema-container.lema-container .lema-step-header-text {
color: #e30b17  !important;
font-family: 'Roboto', Arial, sans-serif !important; 
font-weight:500 !important;
color: #e30b17 !important; 
font-size: 20px !important;  
text-transform: uppercase !important; 
letter-spacing: 0.04em !important; 
}
#lema-container.lema-container .lema-step-number span {
 background: #e30b17  !important;
 color: #FFFFFF !important; 
}


#lema-container.lema-container .lema-button {
display: inline-block !important;
width: auto !important; 
vertical-align: middle !important; 
text-align: center !important; 
padding: 12px 36px 10px !important; 
font-size: 18px !important; 
text-transform: uppercase !important; 
background: #e30b17 !important; 
border: 1px solid #e30b17 !important; 
color: #FFF!important;
border-radius: 0 !important; 
-webkit-transition: all .2s ease; 
-o-transition: all .2s ease;
 transition: all .2s ease;}
#lema-container.lema-container .lema-button:hover {background: #a29175; border: 1px solid #a29175; color: #fff;}






.headcart {}
.headcart a {
padding: 0; 
font-weight: 300; 
font-size: 18px; 
line-height: 20px; 
color: #ebe8e3;
}
.headcart a:hover {
color: #FFF;
}
.headcart a.cartfull {
color: #FFF ;
}
.headcart a.cartfull:hover {
color: #000 ;
}

.count {
    background: #FFF;
    color: #a29175;
    font-size: 12px;
    line-height: 12px;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 8px;
    margin-left: 8px;
}




.shopmenu {display:flex; justify-content: space-between; }
.page-produkte .shopmenu {display:flex; justify-content: flex-end; }
.shopmenu a { color: #FFF;}
.shopmenu a:hover {color: #000;}



.shopmenupagination {width: 50%; display:flex; justify-content: flex-start; }
.shopmenupagination a {color: #FFF; margin-right: 30px;}

.previous_product_link a, .next_product_link a{ 
tet-indent: -99999px; 
width: 25px; 
height: 25px; 
border: 2px solid #FFF; 
display: inline-block; 
border-right: 0; 
border-top: 0; 
background: none; 
font-size: 0; 
-webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s;
}
.previous_product_link a:hover, .next_product_link a:hover{ 
border: 2px solid #000;  border-right: 0; border-top: 0;
}

.previous_product_link a { 
 -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.next_product_link a { 
 -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}
 
 
.productoverview  { display: inline-block; width: 25px; height: 15px; cursor: pointer; }
.productoverview a { display: block; }
.productoverview span { display: block; position: absolute; height: 10px; width: 10px ;background: #FFF; border-radius: 0px; opacity: 1; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.productoverview:hover span { background: #000;  }
.productoverview span:nth-child(1) {top: 0px; left: 0}
.productoverview span:nth-child(2) {top: 0px; left: 15px;}
.productoverview span:nth-child(3) {top: 15px; left: 0}
.productoverview span:nth-child(4) {top: 15px; left: 15px}