/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('../Fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../Fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

/* oswald-regular - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'),
         url('../Fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../Fonts/oswald-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
:root {
    --main-bg-color: #fafafa;
    --tvd-color-text-verylight: rgba(200, 200, 200, 0.4);
    --tvd-color-text-light: rgba(0, 0, 44, 0.4);
    --tvd-color-text-dark: #333:
    --tvd-color-text-extradark: rgba(0, 0, 33, 0.9);

    --tvd-green:#4caf50 ;    
    --tvd-green-light:#5dda61 ;
    --primary:#4caf50 ;    
}

a:link,
a:active,
a:visited,
a:hover,
a:focus { 
 outline: none !important;
 color:  #333;
}
a, {
    color:  #333;
}


img{
    border-radius: 7px;
}

.btn:link,
.btn:active,
.btn:visited,
.btn:hover,
.btn:focus { 
 outline: none !important;

}
.btn-default {
    
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.tvd-news-header a {
    color:#4caf50;
}

body {
    font-family: 'Open Sans', sans-serif;
    min-width:340px;
    color:#222;
}

h1{
    font-size:1.5rem;
}
.form-control:focus {
    border-color:var(--tvd-green);
    box-shadow: none;
}
select:hover { background-color: var(--tvd-green); }


.page-item.active .page-link {
    z-index: 1;
    color: var(--main-bg-color);
    background-color: var(--tvd-green);
    border-color:var(--tvd-green);
}
/* ARROW UP*/

.tvd-arrow-up-wrapper {
    border-radius: 50%;
    height: 75px;
    min-width: 75px;
    width: 75px;
    padding: 0;
    left: 75px;
    bottom: 5px;
    background:  var(--tvd-green);
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    position: fixed;
    
}


.tvd-arrow-up {
    display: block;
    width: 40px;
    height: auto;
    margin: 12px auto;
    
}

/* BUTTON TIERVERMITTLUNG */
.tvd-vermittlung {
    width: 100%;
    padding: 2em;
}
.tvd-vermittlung-btn{
   display: block;
   font-family: 'Oswald', sans-serif;
   max-width: 80%;
   font-size:2em;
   padding: .25em;
   background: #4CAF50;
   color:var(--main-bg-color);
   text-align: center;
   transition: all .25s linear;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
              0 1px 5px 0 rgba(0, 0, 0, 0.12), 
              0 3px 1px -2px rgba(0, 0, 0, 0.2); 
}

.tvd-vermittlung-btn:hover {
    text-decoration: none;
    color: var(--main-bg-color);
}

/* SEARCH */

.tvd-search-result-item{
    margin-bottom: 1rem;
}
.tvd-search-result-item-header{
    font-size: 1.3rem;
}
.tvd-search-result-text{
    margin-bottom: .5rem;
}

.tvd-search-result-nav .tx-indexedsearch-browsebox{
    
    margin-top: .5rem;
    margin-bottom: .5rem;
    
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
/* .tvd-search-result-nav .tx-indexedsearch-browsebox li{
    
    padding:.5rem;;
    border-style : solid;
    border-width: 1px;
    border-color: var(--main-bg-color);
    border-radius: .5rem;
    background: var(--tvd-green);   
}
.tvd-search-result-nav .tx-indexedsearch-browsebox :hover{
    background: var(--tvd-green-light);
} */

.tvd-search-resultinfo{
    height: 1rem;
    background: var(--tvd-color-text-verylight);
    font-size: .7rem;
} 


/* navbar */

.navbar-expand-lg .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: unset;
}

.dropdown-menu.show  {
    display: block;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    
    .navbar-light .navbar-nav .nav-link {
        color: #333;
        border-bottom: 1px solid #fff;
    }
    .dropdown-item:focus,
     .dropdown-item:hover,
     .dropdown-item {
        color: #16181b;
        text-decoration: none;
        background-color: #fff;
    }

    .nav-item.dropdown.active  li {
        border-bottom: 1px solid #fff;
    }
    

    .nav-item.dropdown.active  li.active::after,
    .nav-item.dropdown.active  li:hover::after,
    .nav-item.dropdown.active  li:focus::after {
        content: '';
        display: block;
        position: absolute;
        width: 80%;
        height: 1px;
        left:20px;
        background: #4caf50;
    }

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active .nav-link {
    color:#333;
    text-decoration: none;
    border-bottom: 1px solid #4caf50;
}

/* navbar ende */
    .carousel-control-next, .carousel-control-prev {
        opacity: 1;
    }



.tvd-green {
    background:var(--tvd-green);
}
.tvd-white {
    background: #fff;
    padding-top:1rem;
}

.tvd-text-green{
    color:#4caf50;
}
.tvd-main{
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 200px, 100% 100px;
    background-position: 0 0, 0 bottom;
    background-image:
    linear-gradient(var(--tvd-green),var(--tvd-green)),
    linear-gradient(var(--tvd-green), var(--tvd-green));
}

.tvd-header {
    height: 160px;
    display:none;
}
.tvd-shadow {
    box-shadow: 0 2px 5px rgba(0, 0, 33, 0.4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.navbar-light .navbar-toggler {
    color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,0.8);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }



.tvd-main-content {
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    margin-bottom: 0px;
    
}
.tvd-header-hide {
    display: block;
}
.tvd-breadcrumb-hide{
    display:none;
}
.tvd-head-font{
    color: #FFFFFF;
    font-family: 'Oswald',sans-serif;
    text-shadow: 0px 0px 11px #000;
    text-align: center;
    line-height: 1.6;
    font-size: 1.5rem;
}
.tvd-font-noshadow{
    text-shadow: none;
}
.navbar-header {
    background:#4CAF50;
}

.tvd-navbar-header {
    padding: 20px;
}
.tvd-head-pad{
    padding: .5rem;
}
.tvd-nopad {
    padding: 0px
}
.tvd-footer{
    background: transparent;
    height: 200px;
    padding-top: 10px;
    margin-top: 8px;
    color:var(--tvd-color-text-light);
 }
.DEBUG{
    background-color: rgba(255,192,203,0.5);
    border: 1px dashed rgba(0, 0, 0, 0.4);

}
.talktothepaw{
    background-image: url('/typo3conf/ext/ectsvd/Resources/Public/Images/FEimages/pawprint.png');
    background-position: right top 90% ;
    background-position: right calc(0% + 10px);
    background-repeat: no-repeat;
}
.gglmap-bg{
    background-image: url('/typo3conf/ext/ectsvd/Resources/Public/Images/FEimages/mapblur_1080.jpg');
    opacity: 0.8;
    background-repeat: no-repeat;
    background-size: auto;
}
.gglmap-text{
    color: var(--tvd-color-text-verylight);
    text-align: center;
    font-size: 2.5rem
}
.breadcrumb{
    background-color: white;
    margin:8px,0px,8px,0px;
    padding:0px;
}
.breadcrumb-divider{
    padding:0 5px;
}

/*  NEWS  */
.tvd-news-item{
    margin-bottom:2em;
}
.tvd-news-date{
    text-align: right;
}
.tvd-news-image-preview{
    border-radius: 10px;
    width: 12em;
    height: inherit;
}
.tvd-news-image{
    padding-bottom: 1.5em;
}
.tvd-news-image-header{
    border-radius: 10px;
    width: 100%;
    height: inherit
}
.tvd-news-image-text{
    padding:0.5em;
}
.tvd-news-textfull{
    padding: 0.5em;
}

.pet-move.to-left  {
    min-width: 360px;
}

.carousel-caption {
    text-shadow: 2px 2px 0px rgba(0,0,0,1);
}

span.tx-indexedsearch-percent {
    font-size: 1.5rem;
}


@media (min-width: 576px) {
    h1{
        font-size:1.5rem;
    }
    .tvd-head-font{
        font-size: 2.5rem;
        line-height: 1.0;
    }
}


@media (min-width: 768px) { 
    h1{
        font-size:2.0rem;
    }
    .tvd-news-image-preview{
        width: 8em;    
    }
    .carousel-caption {
        font-size:1.375rem;
    }

 }


@media (min-width: 992px) { 

    .tvd-white{
        padding-top:0rem;
    }
    .tvd-news-image-preview{
        width: 10em;    
    }

    .tvd-navbar {
        top:50px;
        left:-38px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.4);
        background: #fff;
       
    }

    .tvd-main-content {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
     padding: 20px 10px;

        
    }

    .tvd-header {
        display:flex; 
    }

    .tvd-header h1 {
        font-size: 3.9375rem;
 
    }

    .tvd-header-hide {
        display: none;
    }
    .tvd-breadcrumb-hide{
        display:block;
    }
    .tvd-main-content > .tvd-nopad {
        padding-left: 15px;
    }
    .ki-carousel {
        padding: 21px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    }
 

 }

@media (min-width: 1200px) { 
    .tvd-news-image-preview{
        width: 12em;    
    }

    .tvd-header h1 {
        font-size: 5.1875rem;      
    }

    .tvd-navbar {
        left:-50px;
    }
}

.ce-gallery{
    padding-top: 12px; 
}
.ce-left .ce-bodytext, 
.ce-right .ce-bodytext {
    padding-top : 12px;
}

.ce-left .pr-lg-5 {
    padding-left: 1.875rem!important;
}

.ce-right .pl-lg-5 {
    padding-left: 1.875rem!important;
}

/* TIERE ANIMATION */

    .to-left { 
            
             animation: walk_left 24s ;
             animation-timing-function: linear;
            }
    
    
          @keyframes walk_left {
             0%   {  transform:translate(120%)    }
             100% {  transform:translate(-150%) }
          }
    
    
      .to-right { 
             animation: walk_right 24s infinite ;
             animation-timing-function: linear;
            }
    
    
          @keyframes walk_right {
             100%   {  transform:translate(120%)    }
             0% {  transform:translate(-150%) }
          }
    
    
    
          #pet-wrapper {
              margin-top: 1em;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: -7px;
              overflow: hidden;
              position: relative;
              min-height: 100px;
          }
    
          div.to-left .pet1 {
              display:inline-block;
              width: 154.5px;
              height: 89px;
              background-image: url('/typo3conf/ext/ectsvd/Resources/Public/Images/FEanimation/dog_sprite.png');
              animation: play 1.5s steps(17) infinite;
          }
    
          
    
          @keyframes play {
             from { background-position:    0px; }
               to { background-position: -5413px; }
          }
    
    
          div.to-left .pet2 {
            display:inline-block;
            animation: walk-pet 1s steps(12) infinite;
            background: url('/typo3conf/ext/ectsvd/Resources/Public/Images/FEanimation/tuna_sprite.png') 0 0 no-repeat; 
            height: 50px;
            width: 100px;
            margin-left:100px;
          }
    
          @keyframes walk-pet { 
             0% {background-position: 0 0; }
            100% {background-position: 0 -600px; }
          }
    
          div.to-right .pet1 {
              display:inline-block;
              width: 80px;
              height: 75px;
              background-image: url('/typo3conf/ext/ectsvd/Resources/Public/Images/FEanimation/hase.svg');
              animation: walk-pet-right-1 1s steps(6) infinite;
              margin-bottom: -60px;
          }
    
          
    
          @keyframes walk-pet-right-1 {
             from { background-position:    0px; }
               to { background-position: -480px; }
          }
    
    
          div.to-right .pet2 {
            display:inline-block;
            animation: walk-pet-right-2 0.7s steps(4) infinite;
            background: url('/typo3conf/ext/ectsvd/Resources/Public/Images/FEanimation/vogel.png') 0 0 no-repeat; 
            height: 40px;
            width: 40px;
            margin-left:250px;
          }
    
          @keyframes walk-pet-right-2 { 
             0% {background-position: 0  }
            100% {background-position: -160px; }
          }
      
          
/* TIERE ANIMATION ENDE */