* {
    margin: 0;
    padding: 0;
}
html {
    color: #000;
    background: #FFF;
    height: 100%
}
body {
    font: 11pt Helvetica, Verdana, sans-serif;
    color: #000;background-color: #FFFFFF;
    height: 100%;
}
h1, h2, h3, .card-title {
    font-family: Helvetica, Verdana, sans-serif;
    font-weight: normal;
    margin: 0 0 1em 0;
    color: #74952c;
}
h1 {
    font-size: 153%; margin-top: 20px;
}
h2 {
        font-size: 130%
}
h3 {
        font-size: 115%;
}
h4, h5 {
        font-size: 105%
}
h3 a {
        color: #74952c;
}

h5.card-title {font-size:110%;padding-bottom:1em;margin-bottom:.5em;text-align:left;}

a {
    color: #74952c;
    text-decoration: none;
}
p {
    margin-bottom: 1em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: baseline;
}
legend {
    color: #000;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit; 
}
input, button, textarea, select {
    *font-size: 100%
}
.footer-section {color:#FFFFFF;background-color: #D4A509;position: relative;padding: 20px;clear: both;z-index: 100;margin: 0 auto;bottom: 0;border-top: 1px solid #3c3c3c;}
.footer-section ul li {display: inline;}
.footer-section ul li a {color: #FFFFFF;padding-right: 20px;}
.footer-section ul li a:focus {color: #FFFFFF;}
.footer-section ul li a:hover {color: #FFFFFF;text-decoration: underline}

.container {margin: 0 auto;padding: 0;}
.frame {padding-top:1em;padding-bottom:1em;}

#hinweis {border-left: 10px solid #FF0000; padding-left:10px;font-size:12px;margin-bottom:20px;}
.buttonhide {cursor:pointer;}
.hinweis {border-left: 10px solid #FF0000; padding-left:10px;font-size:12px;}
.greenbutton, .btn-primary {background:#74952c;color:#FFFFFF;padding:6px 10px;}
.greenbutton:hover,.greenbutton:focus, .btn-primary:hover, .btn-primary:focus {color:#74952c;background:#FFFFFF;border:1px solid #74952c;}
.yellowbutton {background:#D4A509;color:#FFFFFF;padding:6px 10px;}
.yellowbutton:hover,.yellowbutton:focus {color:#D4A509;background:#FFFFFF;border:1px solid #D4A509;}
.row:not(.form-row) {margin: 0;} 
.header-section{height:130px;}
.header-section .container{}
.headerpic .textmedia-item.textmedia-gallery {margin-bottom:0;}
.slogan {display: none;}
.navbar{min-height:0px;}
.language-menu {position:absolute;top:25px;left:-5px;}
.language-menu li {display:inline-block;}
.language-menu a {padding: 7px;}
.navbar-brand {padding:0 0 0 0;}
.navbar-header-main .navbar-header-border-bottom{display:none;}
.navbar.navbar-top{position: relative;z-index:99;border:0;}
.navbar-main > li > a {font-family: Helvetica, Verdana, sans-serif;}
.navbar-default .navbar-nav>li>a{color: #FFFFFF;width:100%;font-weight:700;font-size:15px;}
.navbar-default .navbar-nav>li>a:hover{color: #74952c; background-color: #FFFFFF; border: none}
.navbar-main > li > a .bar {height: 0;} /*vorgsehenes active*/
.collapse.show {display:block!important;}

/*.navbar-default ul li:hover ul, .navbar-default ul li:focus ul, .navbar-default ul li.triggered {min-height: auto;height:auto}*/

#nav-collapse {
  position:absolute;
  left:0;
  top:0px;
  display:none;
  padding: 9px 10px;
  background: #393939;
  color: #fff;
  z-index:9999;
}
.icon-bar {
  display: block;
  width: 54px;
  height: 5px;
  border-radius: 5px;
  background-color: #fff;
  margin: 5px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.background{background-color:#2D313A;position: relative;width:100%;}
figure .caption {margin-top:-15px;margin-bottom:20px;}
.main-section {margin: 0 auto;margin-top: 40px;line-height:1.2em;}
.main-section ul {margin-left:20px; }
.animages {position:relative;text-align:right;z-index:99;}
.animages.imageleft {text-align:left; }

.headerbox {padding:13px 10px;width: 300px;position: absolute;z-index:30;background: rgba(255,255,255,1);/* bottom: 53px; */transform: rotate(-23deg);top: 25px;left: -45px;border-radius: 15px;display: flex;flex-direction:column;justify-content: center;color: #74952c;font-weight: bold;border: 10px solid #749531;font-style: italic;}
.headerbox a, .headerbox a:link, .headerbox a:active, .headerbox a:visited {text-decoration:none;}
.headerbox a:hover, .headerbox a:focus {text-decoration:none;opacity:.6;}
.headerbox .headerboxtext {margin:0;font-size:26px}
.headerbox .smalltext {margin-top:7px;}
.headerbox .headerboxlinktext {margin:0;font-size:16px}
.headerbox .headerboxlinktext:after {content:"\00BB";padding-left:10px;}
.arrow {
    background: none repeat scroll 0 0 #fff;
    position: relative;width: 100%;
        height: 0;margin-top:30px;clear:both}
.arrow:after, .arrow:before {
    border: medium solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.arrow:after {
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 13px 40px 0;
    margin-left: -40px;
}
.arrow:before {
    border-color: #74952C rgba(116, 149, 44, 0) rgba(116, 149, 44, 0);
    border-width: 15px 47px 0;
    margin-left: -47px;
}

.slider {
        clear: both;
        border-top: 2px solid #74952c;
        width: 100%;
        padding-bottom: 55px;
        padding-top: 30px;
        background-color: #ededed;
        font-size: 85%;position:relative;
}

.slider h2, .slider h3 {font-style: normal; font-size: 110%; padding-top: 1em; margin-bottom: .5em;text-align:center;}
.slider a {font-style: normal}

.more-link:before {content: "\00BB";padding-right:5px;}
.mfp-close {font-size:68px;color:#FFFFFF!important;background:#000000!important;}

#page_8 .row.flexrow h2 {margin:40px 0 20px 0;padding-top:20px;border-top:1px solid #cccccc;}

.pad30left ul, .pad30right ul {margin-left: 20px;}
.pad20einr {margin-left: 10px;}
.padding {padding-left: 50px; padding-right: 50px;}
.main-section .gallery-item img, .main-section .gallery-item picture {width:auto;height:auto;margin:0;margin-bottom:20px}
#page_16 .main-section .gallery-item picture {max-width:170px;margin:0;display:inline-block;}
.image {  display: block;  margin-bottom: 0px;  line-height: 1;}
.headerpic .ce-above .ce-gallery {margin-bottom:0;}
.headerpic {margin-top:25px;position:relative;}

.twocolumns {column-count: 2; column-gap: 20px;  -moz-column-count: 2;  -moz-column-gap: 20px;} /*zB für Fanybox-content Pferde*/
.container .navbar.navbar-top{top:auto;}

.preview {position:relative;}
.preview img {width:100%;}
.play {position:absolute;top:57%;left:calc(50% - 100px);z-index:99;color:#749531;background:#FFFFFF;padding:10px;font-weight:bold;border: 5px solid #749531;
    border-radius: 5px;cursor:pointer;
    width: 200px;
    text-align: center;}

.video_layer {display:none;}


#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../img/status.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.navbar-default {background-color:#74952c!important;padding:0!important;}
.navbar-default ul a {
        background-color: #74952c;
        color: #fff;
    display:block;
    position:relative;
}
.navbar-toggle {padding:10px;border:0;background:#74952c;color:#FFFFFF;}

.carousel-control .thumbcontrol{opacity:0;width: 150px;height: 100px;position: absolute;top: 44%;left: 80px;transition:all .5s ;-webkit-transition:all .5s;}
.carousel-control.right .thumbcontrol{left:auto;right:80px;}
.carousel-control:hover .thumbcontrol{opacity:1;transition:all .5s;-webkit-transition:all .5s;}
.carousel:hover .carousel-indicators, .carousel:hover .carousel-control{opacity:1;}
.carousel-inner > .item {height:480px;}


.fancybox-content-box p.text-right{margin-bottom:0;}
.fancybox-content-box .csc-textpic-text p:last-child{margin-bottom:0;}

.news-list-view  {display:flex;flex-wrap:wrap;}
.news-list-view .article  {margin-bottom:40px;}
.news-list-view .col-md-8 {padding-left:0;flex:0 0 60%;max-width:60%}
.news-list-view .col-md-4 {padding-left:0;}
.news-list-view > .col-md-6 {padding:0;}
.news-list-view .footer {font-size:80%;margin-left:92px;}
.news-list-view .news-img-wrap img {width:150px;height:auto;}
.f3-widget-paginator {display:flex;list-style:none;width:100%;flex-wrap:wrap;margin-left:0!important;padding:0;}
.f3-widget-paginator li {display:flex;margin:15px 5px;}
.f3-widget-paginator li a, .f3-widget-paginator li.current {padding: 10px 15px;border: 1px solid #74952c;}
.f3-widget-paginator li.current {background:#eeeeee;}
.news-single h1 {padding-left:0!important;}
.news-single .footer {font-size:80%;margin-bottom:30px;}
.news-single .news-img-wrap {margin-top:40px;}
.news-single .outer {display:inline-block;margin-right:20px;margin-bottom:20px;}
.news-single .outer:last-child {margin-right:0;}
.news-single .mediaelement.mediaelement-image img { }
.news-related-wrap {margin-top:30px;}
.news .page-navigation {width:100%;text-align:center;}
.news .page-navigation ul li {display:inline-block;padding:10px 15px;margin-right:10px;border:1px solid #74952c}
.news .page-navigation ul li:last-child {margin-right:0;}

#open-popup {padding:20px}
#open-popup.pano {padding-left:0;}

.swiper {width: 550px;position:relative;}
.swiper .swiper-body {margin-top:10px;width:157px;}
.swiper-button-prev {
    left: 150px; color:#74952c;
}

.swiper-button-next {
    right: 150px;color:#74952c;
}

#zhcal-root div.zhcal_buchunglink div.zhcal_buchungcont {background-color:transparent!important;}
.row.flexrow {display:flex;flex-direction:row}
.col-md-6 {padding-left:15px;padding-right:15px;}

.frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {margin-top:0;}
.mfp-iframe-holder .mfp-content {max-width:1010px;}	
.mfp-iframe-scaler {padding-top:62.25%;}
@media (min-width: 1300px) {
	.paddleft {padding-left:125px;padding-right:40px;}
	.paddright {padding-right:125px;padding-left:40px;}
	.main-section h1 {padding-left:123px}
	.main-section .nopadd h1 {padding-left:0;}
	.navbar-brand {margin-right:120px!important;}
}

@media (min-width: 1200px) {
	.container {max-width:1200px}
	.col-md-6 {width:50%;}	
.galerie {padding-left:153px;padding-right:153px;}
.news-single .news-text-wrap {max-width:80%;}
.news-list-view {margin-left:50px;}
}


@media(min-width:992px) {
.f3-widget-paginator {justify-content:center;}
.container {width:970px;}
.container.footer-container {width:100%;position:relative;}
.pad20einr {padding-left: 7%; margin-left: 16px;}
.pad30left {padding-left: 15%; padding-right: 15px;}
.pad30right {padding-right: 15%; padding-left: 15px;}
.pad30left .image, .pad30right .image {margin: 0px;}
.padding {padding-left: 25%; padding-right: 25%;}
.news-list2-container {padding-left: 7%; padding-right: 7%; margin-left: 16px}
.news-single-item  {padding: 0px 17% 30px 18%;}
.imageclass .image {margin: 0 0 0 -80px;}
.tx-jf360shots-pi1{margin:0;}
.powermail_check_inner {display:table;}
.powermail_check_inner input {display:table-cell;vertical-align:top;}
.powermail_check_inner label {width: 350px;margin-left:5px;}
.headerpic {margin-top:75px;}
.navbar-brand {float: right; padding:0 0 0 0;margin:0; margin-top: 10px;}
.container .navbar-main > li > a{line-height: normal;}
.navbar-main {float: none;margin: 0 auto; height: 50px;}
.navbar-default {margin: 0 0 30px 0;z-index: 30;font-size: 110%;text-align: center; background: #74952c;box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.75);}
.navbar-default ul {display: inline-block;}
.header-section{position:absolute;top:0;z-index:50;background:url(/typo3conf/ext/sitepackage-pet/Resources/Public/Css/images/tannenhof-background.png) no-repeat center;}
.slogan {display: inline; position: absolute; top: 15px; left: 400px;}
.language {position: absolute; right: 20px;}
  
  .form-element-text-2 {display:none;}
.navbar-default ul li {
    float: left;
    position: relative;
    list-style: none;
  margin-right: 21px;display: block;
}
.navbar-default ul li:last-child {margin-right: 0;}

.navbar-default ul li a {
    color: #fff;
    padding: 18px 25px 36px 25px;
    height: 39px;
    float: left;
    position: relative;
  text-transform: uppercase;
}

.navbar-default ul li ul {
     /*
    
      display:none;
   */
   visibility: hidden;
  -webkit-perspective: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);

  opacity: 0;
    height: 0;

    position: absolute;
    bottom: 54px;
    left: 0;
    padding: 0;
    margin-left: -2px;
    z-index: 50;
    width: 100%;
  box-shadow: 5px -5px 5px rgba(0,0,0,0.25), -5px -5px 5px rgba(0,0,0,0.25);
}
.navbar-default ul li ul li {
    background-color: #fff;
    width: 200px;
    margin: 0;
    position: relative;
    text-align: left;display: block;
}
.navbar-default ul>li:hover>a {
    background-color: #fff;
        color:#74952c;
}
.navbar-default ul>li:hover>a:after {
    display: block;
}
.navbar-default ul li:hover ul,.navbar-default ul li:focus ul,.navbar-default ul li.triggered {
  -webkit-perspective: 0;
  -webkit-backface-visibility: visible;
  -webkit-transform: translate3d(0,0,0);
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
  /*min-height:150px;*/
    transition: all 0.6s;
  -webkit-transition:all 0.6s;
  z-index:400;
}
.navbar-default ul li ul li a {
    width: 100%;
    padding: 10px 25px 30px 25px;
    background-color: #fff;
        color: #74952c;
        height: 27px;
        text-transform: none;
        white-space: nowrap;
        border-left: 2px solid #74952c;
        border-right: 2px solid #74952c;
        
  font-size: 90%
}


.navbar-default ul>li>ul>li:hover>a {
        background-color: #74952c;
        color: #fff;
}
.navbar-default ul>li:hover>ul>li>a:after {
    display: none;
}

.navbar-toggle{float:left;}
.navbar-default .navbar-collapse {border:0;padding:0;display:inline-block;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #74952c; background: #FFFFFF}
.navbar-header-main .navbar-toggle{display:none;margin:0;height:48px;}
.footer-section ul {margin-top: -20px;}
.footer-section ul li {display: inline; float: right; padding-right: 20px;}
}

@media (min-width: 1300px) {
.container {width:1300px;}
.navbar-default ul li {margin-right: 50px;}
.tx-powermail input[type="submit"] {}
.pad20einr {padding-left: 17%; margin-left: 11px;}
.pad30left {padding-left: 35%; padding-right: 15px;}
.pad30right {padding-right: 35%; padding-left: 15px;}
.news-list2-container  {padding: 0 17% 30px 17%;background: transparent;}
.news-list2-container h2 {color: #333333; font-size: 110%;}
.list2-subdiv-hdr {background: transparent;}
.news-list2-container .hdr-left {padding: 25px 25px 0 0;}
.news-list2-container .hdr-right {padding: 25px 0 0 25px;}
.news-list-browse {clear: both; padding-top: 30px;}
.news-single-item  {padding: 0px 27% 30px 28%;}
}

@media (max-width: 1440px) {
	.language-menu {left:220px; }
}

@media (max-width: 1299px) {
	.animages.imageleft {margin-left:0!important;}
	h1 {margin-left:15px; }
}
@media (max-width: 1199px) {
.padding {padding-left: 15%; padding-right: 15%;}
  .swiper-button-prev {
    left: 10px; color:#74952c;
}

.swiper-button-next {
    right: 10px;color:#74952c;
}
}

@media (max-width: 1099px) {
.frame-container, .container {max-width:100%}
.headerpic .gallery-row {margin-left:0;margin-right:0;}
.headerpic .gallery-item {padding-left:0;padding-right:0;}
.navbar-brand{height: 48px !important;line-height: 42px !important;border-radius:0;width:auto;height:auto;padding:0 0 5px 7px;margin:0;}
.navbar-header.navbar-header-main{padding:0 15px;position:absolute;top:-60px;right:0;}
  .news-list-view .col-md-6 {width:100%;max-width:100%;flex: 0 0 100%;}  
  .headerbox {left:0}
}

@media (max-width: 991px) {  
  .swiper {width:355px;}
  .navbar-default{background-color:rgba(0,0,0,0);}
  .navbar.navbar-top > .container{margin:0 auto;}
 .header-section{height:48px}
 .container .navbar.navbar-top {position:absolute;top:0;right:10px;width:100%}
  .navbar-main > li{width:100%;text-align:left;}
  .navbar-default .navbar-nav>li>a {padding-bottom:20px;}
  .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:hover, .navbar-default .navbar-nav > .show > a:focus{color:#fff;}
  .navbar-nav .show .dropdown-menu > li > a {padding-left:40px;}
  .navbar-default .navbar-nav .show .dropdown-menu > li > a{color:#fff;}
  .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus{color:#fff;font-weight:bold;}
  .navbar-default ul li a {padding-left:20px;padding-top: 20px;}
  .navbar-default ul li ul li a {padding: 10px 0 10px 40px;}  
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #74952c;background-color: #FFFFFF;}
  .twocolumns {column-count: 1;-moz-column-count: 1;}
  .tx-powermail label {display: block;}
.news-list2-container {margin-left: 16px}
.main-section{margin-top:10px;}
.footer-section ul {padding:10px 0;margin-left:0;}
.animages {display:none;}
.owl-carousel .owl-wrapper-outer {padding:10px;}
.owl-next {right:20px;}
figure .caption {text-align:left;}
}

@media (max-width: 767px) {
  
  .swiper {width:159px;}
.news-list-view .col-md-8 {flex: 0 0 100%;max-width: 100%;}
.news-list-view .article {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #cccccc;}
.owl-next {right:0;}
  .headerbox {width:200px;top:15px;padding:10px}
  .headerbox .headerboxtext {font-size:17px;}
  .headerbox .headerboxlinktext {font-size:15px;}
  #play {color:#FFFFFF;background:#749531;border: 3px solid #ffffff;}
}

@media (max-width: 560px) {
.news-list2-container .hdr-left, .news-list2-container .hdr-right {width: 100%; float: none;padding-left: 0;padding-right: 0;}
.news-single-img {float: none;}
.headerbox {display:none;}
.play {font-size:13px;width:180px;left: calc(50% - 90px);padding:5px;}
}

@media (max-width: 479px) {
.language-menu {left:185px;}
  .navbar-header.navbar-header-main {padding:0;}
}