@import url(https://fonts.googleapis.com/css?family=Baloo+Bhai|Open+Sans|Viga:400,400i,700);

body {background:#3f9000; font: 1.6em/1.25 'Open Sans', Arial, Helvetica, sans-serif;}
.middle { padding:30px 0; background: url(https://www.zoo-osnabrueck.de/templates/public/css/../layout/bg.jpg) 50% 0 repeat-y #edf3c9; background-size: 100%;}
a, a:link, a:visited {color: #3f9000; text-decoration:underline;}
.banner a {color: #fff;}

h1, h2, h3, h4, h5, h6, .FooterHeadline, .navbar-nav a {
    font-family: 'Viga', cursive; 
    color: #3f9000;
}

.alert-info {color:#3f9000; background:#9fc880; border:0;}
.alert-info .alert-link {color:#3f9000;}

/*************************************************************
Buttons 
*************************************************************/
.btn, a.btn, .navbar-inverse .navbar-nav>li>a {
    cursor: pointer;
    text-align: left;
    color: #f6e301;
    background: #3f9000;
    text-decoration: none;
    transition: 0.2s ease-out;
    border: none;
    border-radius: 6px;
    border-bottom-right-radius: 0;
    font-family: viga, coursive;
}
.font-resize .btn {padding-left:0; padding-right:0; max-width:45%; text-align:center;}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {background:#3f9000; color:#fff;}
.banner .btn.btn, .search-wrapper .btn.btn, .navbar-inverse .navbar-nav.navbar-nav>li>a { 
    background-color: #f6e301;
    color: #3f9000;
}

/*************************************************************
Header
*************************************************************/
#HeaderImage {border-radius: 0 0 10px 10px; /*margin:-40px 0 20px;*/ width:110px; background:#fff; padding:19px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.MenuWarenkorb, #headeraccount {float:right;}
@media (max-width: 991px) {
    .containerframebanner > .row > .col-lg-8:first-child {width:140px;}
    .containerframebanner > .row > .col-lg-2 {width:50%; float:right;}
}

/*************************************************************
Navi 
*************************************************************/
.containernavigation {position:relative;}
@media (min-width:600px) {
    .navbar {position:absolute; top:-89px; left:170px;}
}
.navbar-nav>li {float:none; margin-bottom:5px;}

.navbar-nav {margin:0;}

.navbar {
    background:0;
    border:0;
}

.navbar-nav li + li + li {display:none;}
#navbar-toggle-button {display:none;}
#navbarCollapse {border:none; padding:0; overflow:hidden; box-shadow:none; display:block;}

.nav>li>a { padding: 6px 12px; font-size:14px;}

/*************************************************************
Form
*************************************************************/
.containersearch .form-control { background-color:transparent; color:#fff; border:1px solid; max-width:400px;}
.containersearch .form-control::placeholder {color:rgba(255,255,255,0.7);}


/*************************************************************
Teaser
*************************************************************/
.thumbnail, .artikelthumb {border:0; padding:0; border-radius:0;}
.artikelthumb {background:#f6e301; }
.artikelthumb > a {text-decoration:none;}

.artikelthumbprice {padding:5px; margin-top:5px; margin-left:10px; background:rgba(255,255,255,0.5); border-radius:5px;}


@media (min-width: 1200px) {
    .containerframemiddle > .row > .container > .col-lg-9 {width:100%;}
    .containerframemiddle > .row > .container > .col-lg-9 .col-md-4 {width:25%;}
}

/*************************************************************
Footer
*************************************************************/
.FooterSitemap {display:none;}
.FooterKontaktLocation, .FooterKontaktTelefon, .FooterKontaktEmail {font-size:inherit;} 


/************************************************************* 
Extra-Margin/Padding 
*************************************************************/
.headerbasketContent {margin-bottom:15px;}
.search-wrapper { padding-bottom: 15px; }
.bottom { position:relative; z-index:1; padding-top:15px; background:#f6e301 url(https://www.zoo-osnabrueck.de/templates/public/css/../layout/bg-yellow.jpg); background-size:cover;}
.font-resize > .btn:first-child {margin-left:2px;}

.searchResultListRow > p {margin-top:10px;}

.containersearch > .row > .col-xs-3 {padding-left:0;}

/************************************************************* 
Dekoration
*************************************************************/
.search-wrapper {position:relative; z-index:1;}
.search-wrapper:after {
    content: '';
    position: absolute;
    top: 100%;
    top: calc(100% - 3px);
    left: 0;
    width: 100%;
    height: 24px;
    background: url(https://www.zoo-osnabrueck.de/templates/public/css/../layout/deco-header-grass.png) 0 100% repeat-x;
    z-index: -1;
    outline: 0;
}

.bottom:before {
    content: '';
    position: absolute;
    bottom: 100%;
    bottom: calc(100% -3px);
    left: 0;
    width: 100%;
    height: 24px;
    background: url(https://www.zoo-osnabrueck.de/templates/public/css/../layout/deco-grass-green.png) 0 0 repeat-x;
    background-image: url(https://www.zoo-osnabrueck.de/templates/public/css/../layout/deco-grass-yellow.png);
    z-index: -1;
}


/* BB-Änderung */
/* Suchfeld ausblenden, 22.06.23 #16059 */
.containersearch {
display: none !important;
}

/* BB-Start - Versandkosten als Barrierefreiheit umbenennen */
.FooterVersandkosten a {
  visibility: hidden;
}
.FooterVersandkosten a::before {
  visibility: visible;
  content: "Barrierefreiheit";
}
/* BB-Ende - Versandkosten als Barrierefreiheit umbenennen */