/*
    Theme Name: wildpark peter & paul
    Theme URI: http://www.schwizerschlatter.com;
    Description: Wildpark
    Version: 1.0
    Author: Felix Schlatter
    Author URI: http://schwizerschlatter.com
    Tags: No Tags

*/



/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* C O L O R S




*/
html, body {
    height: 100%;
}
body {
    margin:0px;
    padding: 0px;
}


body {
   background-color: #fff;
    color: #6d6d6d;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 22px;

}
body.noscroll, html.noscroll {
  overflow: hidden;
}

#load_overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 2000;
  display: block;
  background: #608a6d url("images/pploading.gif") center center no-repeat;
}


#superholder {
  display: none;
}



#optoutbanner99 {

background-color: #fff;
padding: 10px;
text-align: center;
position: fixed;
left:0px;
right:0px;
bottom: 0px;
z-index: 10000;
}
#optoutbanner99 a {
    text-decoration: underline;
    color: #9999a8;
    cursor: pointer;
    display: inline-block;
}
#acceptga {
  margin-left: 10px;
  margin-right: 10px;
  display: inline;
    line-height: 15px;
    text-decoration: none !important;
    background-color: #608A6D;
    color: #fff !important;
    font-weight: normal !important;
    padding: 2px;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#optoutbanner99 span {
    text-decoration: underline;
    cursor: pointer;
}



.blurred {
  filter:         blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter:    blur(10px);
  -o-filter:      blur(10px);
  -ms-filter:     blur(10px);

}


a {
  text-decoration: none !important;
}
p:first-child {
  margin-top: 0px;
}
h1,h2,h3,h4,h5,h6,strong,b {
    font-family: 'Suez One', serif;
    font-weight: normal;
    margin:0px;
    padding:0px;
    display: block;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.05em;
}

#maincontainer {
  position: relative;
    -webkit-transition: all    0.3s linear;
  -moz-transition:    all    0.3s linear;
  -o-transition:      all    0.3s linear;
  -ms-transition:     all    0.3s linear;
  transition:         all    0.3s linear;
}


#map {
    position: relative;
    height: 100vh;
    width: 100%;
    background-color: #fff;
}
.trackme {
  line-height: 16px;
  cursor: pointer;
  font-family: "Suez One",serif;
  position: absolute;
  z-index: 1002;
  color: #fff;
  background-color: #608A6D;
  padding:20px;
  top:50%;
  left: 50%;
  max-width: 200px;
  text-align: center;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -ms-transform:    translateX(-50%) translateY(-50%);
-moz-transform:     translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
    transform:      translateX(-50%) translateY(-50%);

    -webkit-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.53);
box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.53);

-webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}

.no-touch .trackme:hover {
  background-color: #89C578;
}
.trackme .hinweis {
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 14px !important;
  background-color: #89C578;
  padding:5px;
}


.gpslocation {
  width:  14px;
  height: 14px;
  background-image: url("images/gpslocation.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  z-index: 100;
}

.usernotinlatlong, .nogeolocation {
  font-family: "Roboto",sans-serif;
  display: none;
  position: absolute;
  z-index: 1001;
  max-width: 200px;
  color: #fff;
  background-color: #608A6D;
  padding:20px;
  top:50%;
  left: 50%;
  text-align: center;
  -ms-transform:    translateX(-50%) translateY(-50%);
-moz-transform:     translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
    transform:      translateX(-50%) translateY(-50%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    -webkit-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.53);
box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.53);
}

.trackmeagain {
  margin-top: 5px;
  display: block;
  padding: 2px;
  background-color: #89C578;
  cursor: pointer;
}

.usernotinlatlong a, .nogeolocation a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

.alertclose {
  font-family: 'Roboto', sans-serif;
  text-align: right;
  display: block;
  cursor: pointer;
  padding-bottom: 5px;
}


.mapoverlay {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    opacity: 0.5;
    background-color: #ccc;
    z-index: 999;
}
#mapping {
  position: absolute;
    right: 0px;
    width:100%;
    height: 100vh;
    background-color: #fff;
}
.mapnav {
    position: absolute;
    right:0px;
    top:0px;
    background-color: #fff;
    z-index: 999;
}
.mapnav .tab {
    font-size: 13px;
    letter-spacing: 0.05em;
    font-family: 'Suez One', serif;
    cursor: pointer;
    display: block;
    padding:5px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
      -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}
.mapnav .interacti:hover {
    padding-left: 25px;
    padding-right: 15px;
      -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}
.mapnav .tabweiteres {
    background-color: #932a12;
    color: #fff;
    border-bottom: 1px solid #ccc;
}
.mapnav .tabspacer {
    padding:5px;
    display: block;
    font-size: 13px;
    letter-spacing: 0.05em;
    font-family: 'Suez One', serif;
    border-bottom: 1px solid #ccc;
}


.gehegeicon {
  color: #333;
}


.gehegeicon .iconinside {
}
.gehegeicon .icon  {
    display: block;
    margin:0 auto;
    width:  35px;
    height: 35px;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 35px;
    background-color: #fff;
}

.building .icontitle {

font-family: 'Suez One', serif;
font-size: 12px;
letter-spacing: 0.07em;
display: block;
margin:0 auto;
background-color: #fff;
padding:5px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
    background-color: #932a12;
    color: #fff;
    border-radius: 5px;
}



.richtung {

font-family: 'Suez One', serif;
font-size: 12px;
letter-spacing: 0.07em;
display: block;
margin:0 auto;

color: #932a12;
background-repeat: no-repeat;
}
.richtung#r_wittenbach {
  background-image: url("images/arr_u.svg");
  padding-top: 45px;
  text-align: center;
  background-position: center top;
}
.richtung#r_rotmonten {
  background-image: url("images/arr_dia.svg");
  padding-top: 10px;
  padding-bottom: 40px;
  text-align: left;
  background-position: left bottom;
}


.richtung#r_stgallen {
  background-image: url("images/arr_d.svg");
  padding-bottom: 45px;
  text-align: center;
  background-position: center bottom;
}

.gehegeicon#damhirsch .icon {
    background-image: url("images/icons/damhirsch.svg");
}
.gehegeicon#gaemse1 .icon,
.gehegeicon#gaemse2 .icon
 {
    background-image: url("images/icons/gaemse.svg");
}
.gehegeicon#luchs .icon {
    background-image: url("images/icons/luchs.svg");
}
.gehegeicon#murmeltier .icon {
    background-image: url("images/icons/murmeltier.svg");
}
.gehegeicon#rothirsch .icon {
    background-image: url("images/icons/rothirsch.svg");
}
.gehegeicon#sikahirsch .icon {
    background-image: url("images/icons/sikahirsch.svg");
}
.gehegeicon#steinbock1 .icon,
.gehegeicon#steinbock2 .icon {
    background-image: url("images/icons/steinbock.svg");
}
.gehegeicon#waldkatze .icon {
    background-image: url("images/icons/waldkatze.svg");
}
.gehegeicon#wildschwein .icon {
    background-image: url("images/icons/wildschwein.svg");
}


a .gehegeicon {
    text-decoration: none;
    color: #333;
}
.gehegeicon .icontitle {
position: absolute;
top:32px;
left:50%;
font-family: 'Suez One', serif;
font-size: 12px;
letter-spacing: 0.07em;
display: block;
margin:0 auto;
background-color: #fff;
padding:2px;
padding-top: 0px;
padding-bottom: 0px;
-ms-transform:      translateX(-50%);
-moz-transform:     translateX(-50%);
-webkit-transform:  translateX(-50%);
    transform:      translateX(-50%);


}

.gehegeicon .icontitle.imore {
  padding-right: 15px;
  background: url("images/arrow_right.svg") no-repeat center center #fff;
background-size: 8px auto;
background-position: calc(100% - 5px) center;
border-radius: 5px;
     -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}

.building .icontitle.imore {
  background: url("images/arrow_right_white.svg") no-repeat center center #932a12;
  background-size: 8px auto;
  padding-right: 15px;
background-position: calc(100% - 5px) center;
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}
.gehegeicon .icontitle.imore:hover,
.building .icontitle.imore:hover
 {
  background-position: calc(100% - 1px) center;
}
.tophead {
  min-height: 100vh;
  display: block;
  position: relative;
  background-image: url("images/aktuelles.jpg");
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-color: #ced7e9;
}

.tophead #cloud {
  z-index: 9;
  position: absolute;
  width: 1000px;
  min-height: 400px;
  bottom: 33%;
  left:0px;
  background-image: url("images/cloud.png");
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.6;
}
.tophead #cloud2 {
  z-index: 10;
  position: absolute;
  width: 100%;
  min-height: 100%;
  bottom:-38%;
  background-image: url("images/cloud2.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 100% auto;
  opacity: 0.98;
}
.tophead #gaemse_top {
    background-image: url("images/aktuelles_gaemsen.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 8;
}
.tophead #homename {
  text-align: center;
 color: #333;
    font-family: "Suez One",serif;
    font-size: 64px;
    left: 0px;
    right: 0px;
    line-height: 130px;
    position: absolute;
    top: 42%;
  z-index: 1;

  -ms-transform:    translateY(-50%);
-moz-transform:     translateY(-50%);
-webkit-transform:  translateY(-50%);
    transform:      translateY(-50%);
}

.nameleft {
  color: #fff;
  float: left;
  width: calc(50% - 30px);
  padding-right: 30px;
  text-align: right;
}
.nameright {
  color: #333;
  float: left;
  width: calc(50% - 30px);
  padding-left: 30px;
  text-align: left;
}

.h_1 {
  background-image: url("images/h_1.jpg");
}
.h_2 {
  background-image: url("images/h_2.jpg");
}
.h_3 {
  background-image: url("images/h_3.jpg");
}


.verhaltensregeln {
  display: block;
  background-color: #89C578;
  padding-top: 50px;
  color: #fff;
  padding-bottom: 60px;
}
.verhaltensregeln_inside {
    max-width: 33.33%;
    margin:0 auto;
}
.verhaltensregeln_inside strong {
 display: block;
float: none;
font-family: "Suez One", serif;
font-size: 24px;
line-height: 30px;
padding-bottom: 30px;
letter-spacing: 0.05em;
}
  .verhaltensregeln_inside ul {
    padding-left: 12px;
    margin:0px;
  }


.tophead #wpwelcome {
  padding-top: 100px;
  padding-bottom: 50px;
  font-family: 'Suez One', serif;
  font-size: 16px;
  font-size: 7vw;
  line-height: 7vw;
  width: calc(100% - 20px);
  text-align: right;
  margin:0 auto;
  position: relative;
}
.holder {
  display: table;
  margin:0 auto;
  max-width: 1200px;
}
.holder img {
  width: 100%;
  height: auto;
}
.homeanimal {
  display: inline-block;
  /*
  -webkit-border-radius:20vw;
-moz-border-radius:     20vw;
border-radius:          20vw;
*/
width:                  20vw;
height:                 20vw;
overflow:visible;
}
.homeanimal img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}



.hometext {
  color: #fff;
  display: inline-block;
  padding-bottom: 5px;
  vertical-align: 50%;
  padding-right: 30px;
}
.homelogo {
  background-color: #fff;
  width: 200px;
  height: auto;
  margin:0 auto;

}
.homelogo img {
  width: 100%;
  height: auto;

}

.einleitung {
  display: block;
  position: relative;
  background-color: #608A6D;
  color: #fff;
  min-height: 90vh;
}
.einleitung .thirdy
{
   min-height: 90vh;
}
.einleitung .einleitung_inside {
  display: block;
    letter-spacing: 0.04em;
    line-height: 25px;
    margin: 0 auto;

    text-align: center;

}
.einleitung_inside {
  padding:70px;
}
.einleitung_inside a {
  text-decoration: underline !important;
  display: block;
  color: #fff;
}
.einleitung_inside.nopadd {
  padding-top: 10px;
}
.news {
  padding:70px;
}
 .news a {
    color: #fff;
    text-decoration: underline;
  }
  .news a.archive {
    background-color: #89C578;
display: inline;
font-family: 'Roboto', sans-serif;
font-size: 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;

  }
.wichtig {
  position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
display: block;
color: #fff;
font-size: 13px;
background-color: #608A6D;
z-index: 20;
padding-top: 7px;
padding-bottom: 7px;
letter-spacing: 0.05em;

}
.wichtig .sm {
  float: right;
}
.wichtig .sm img {width: 21px;
height: auto;
margin-left: 5px;}
.pric {
  font-size: 12px;
  text-decoration: underline !important;
  color: #89C578;
}

.animalholder {
  display: block;
  overflow:visible;
}


.homelogo {
  width: 140px;
  height: 100px;

  background:transparent;
  position: fixed;
  background-image: url("images/wplogo.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px auto;
  top:0px;
  left:0px;
  background-color: #fff;
 z-index: 1201;
 -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

 -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;

}
.homelogo_small {
  height: 50px;
width: 70px;
background-size: 40px auto;
}


.sidenav {
  height: 310px;
position: fixed;
top:0px;
right: 0px;
width: 70px;
text-align: right;
z-index: 1000;
 -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.sidenav_hidden {
  right: -75px;
}

.sidenavinside {
padding-top:0px;
-webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}




.sidenavpoint {
  position: relative;
  height: 51px;
}
.sidenavpoint a {
  color:#fff;
  text-decoration: none;
}
.sidenav .snvpnt_icon {
    width: 70px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  right: 0px;
  background-position: center center;
  background-repeat: no-repeat;

   -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.snvpnt_icon .snvpnt_text {
  opacity: 0;
  padding-top: 13px;
  padding-right: 20px;
    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.snvpnt_icon#s_info {
  background-image: url("images/s_info.svg");
  -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.snvpnt_icon#s_tiere {
  background-image: url("images/s_tiere.svg");
}
.snvpnt_icon#s_karte {
  background-image: url("images/s_karte.svg");
}
.snvpnt_icon#s_fuehrungen {
  background-image: url("images/s_fuehrungen.svg");

}
.snvpnt_icon#s_geschichte {
  background-image: url("images/s_geschichte.svg");
}
.snvpnt_icon#s_wildparkhaus {
  background-image: url("images/s_wildparkhaus.svg");
}
.snvpnt_icon#s_goenner {
  background-image: url("images/s_goenner.svg");
    -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
.no-touch .sidenav .snvpnt_icon:hover {
  background-color: #89C578;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-position: 0px center;
    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.no-touch .sidenav .snvpnt_icon:hover .snvpnt_text {
  opacity: 1;
    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}

.no-touch .sidenav #s_wildparkhaus:hover {
  width: 170px;
}
.no-touch .sidenav #s_info:hover {
   width: 100px;
}
.no-touch .sidenav #s_tiere:hover {
   width: 110px;
}
.no-touch .sidenav #s_karte:hover {
   width: 120px;
}
.no-touch .sidenav #s_fuehrungen:hover {
   width: 130px;
}
.no-touch .sidenav #s_geschichte:hover {
   width: 160px;
}
.no-touch .sidenav #s_goenner:hover {
   width: 130px;
}


.hambholder {
  top: 0px;
  /*top: 50px; */
  right: 0px;
    height: 50px;
    position: fixed;
    width: 70px;
    cursor: pointer;
    z-index: 1201;
    background-color: #fff;
    -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
.hambholder .hambline {
  background-color: #333;
  display: block;
  height: 4px;
  position: absolute;
  width: 30px;
  margin-left: 20px;
  z-index: 1100;
   -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -o-transition:        all 0.3s ease-in-out;
  -ms-transition:       all 0.3s ease-in-out;
  transition:           all 0.3s ease-in-out;
}
.hambholder .hambline#h_1 {
  top:13px;
  left:0px;

}
.hambholder .hambline#h_2 {
  top:22px;
  left:0px;
}
.hambholder .hambline#h_3 {
  bottom:15px;
  left:0px;
}

.hambtoggled .hambline#h_1 {
  top:22px;
  left:0px;
  -moz-transform: rotate(45deg);
-ms-transform:    rotate(45deg);
-o-transform:     rotate(45deg);
-webkit-transform:rotate(45deg);
transform:        rotate(45deg);
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -o-transition:        all 0.3s ease-in-out;
  -ms-transition:       all 0.3s ease-in-out;
  transition:           all 0.3s ease-in-out;
}
.hambtoggled .hambline#h_2 {
  height: 0px;
}
.hambtoggled .hambline#h_3 {
  bottom:24px;
  left:0px;
  -moz-transform: rotate(-45deg);
-ms-transform:    rotate(-45deg);
-o-transform:     rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:        rotate(-45deg);
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -o-transition:        all 0.3s ease-in-out;
  -ms-transition:       all 0.3s ease-in-out;
  transition:           all 0.3s ease-in-out;
}



.mobnav {

  position: fixed;
  top:0px;
  right:-100%;
  bottom: 0px;
  z-index: 1200;
  width:100%;
  background-color: #89C578;
  background-image: url("images/mobnavbg2.svg");
  background-repeat: repeat-y;;
  background-position: center center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:      all 0.3s ease-in-out;
  -o-transition:        all 0.3s ease-in-out;
  -ms-transition:       all 0.3s ease-in-out;
  transition:           all 0.3s ease-in-out;
}
.mobnav_visi {
  right: 0px;
}
.mobnav .mobnav_inside {
  position: relative;

}
.mobnav .mobnav_inside .sidenavpoint {
    clear: both;
    display: block;
    float: none;
    height: auto;
}
.mobnav .mobnav_inside .sidenavpoint .mobnavleft{
  width:50%;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  position: relative;
}
.mobnav .mobnav_inside .sidenavpoint .mobnavright{
  width:50%;
  height:40px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  position: relative;
}
.mobnav .mobnav_inside .sidenavpoint .mobnavleft .snvpnt_icon{
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  height: 100%;
  margin-right: 5px;
  min-width: 50px;

}

.mobnav .mobnav_inside .sidenavpoint:first-child .mobnavleft,
.mobnav .mobnav_inside .sidenavpoint:first-child .mobnavright {
  margin-top: 50px;
}

.mobnav .mobnav_inside .sidenavpoint .mobnavright .snvpnt_text {
    opacity: 1;
    font-size: 18px;
    padding-left: 15px;
    font-family: "Suez One", serif;
    letter-spacing: 0.05em;
    position: absolute;
    top:50%;
    -ms-transform:  translateY(-50%);
-moz-transform:     translateY(-50%);
-webkit-transform:  translateY(-50%);
    transform:      translateY(-50%);
}
.mobnav .snvpnt_icon .snvpnt_text  {
  color: #333;
}


#mapprev {
  position: relative;
  cursor: pointer;
  background-image: url("images/map.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 350px;
   min-height: 90vh;
  opacity: 1;
  background-color: #fff;
    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.morecontainer {
  max-width: 700px;
  margin:0 auto;
}

#mapprev.smaller {
  float: left;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  padding:30px;
  background-size: auto 150px;
  min-height: 350px;
  width:calc(50% - 62px);
}
.fuehrungen_yo {
  background-color: #fff;
  float: right;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  padding:30px;
  background-size: auto 150px;
  min-height: 350px;
  width:calc(50% - 62px);
  background-position: center center;
  background-repeat: no-repeat;
}
.maphover {
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background-color: #608A6D;
  opacity: 0;
  -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.no-touch #mapprev:hover {
  background-size: auto 400px;
}
.no-touch #mapprev.smaller:hover {
  background-size: auto 150px;
}
.no-touch #mapprev:hover .maphover {
  opacity: 0.8;
  background-color: #89C578;
}
.no-touch #mapprev:hover h1 {
  color:#fff;
}
 #mapprev.smaller .sectiontitle,
.fuehrungen_yo .sectiontitle
 {
  color: #6d6d6d;
 }

.thirdy {
  width: 33.33%;
  float: left;
  height: 100%;
}
.twothirdy {
  width: 66.66%;
  float: left;
  height: 100%;
}

.fifty {
  width: 50%;
  float: left;
}
.lefty, .righty {
  width: calc(50% - 40px);
  padding-left: 20px;
  padding-right: 20px;
}
.fifty img {
  width: 100%;
  height: auto;
}
.home_einleitung {
  color: #fff;
  background-color: #89C578;
  text-align: left;
  padding-top:30px;
  width: calc(50% - 120px);
  padding-left: 120px;
  float:left;
  min-height: calc(100vh - 30px);
  font-size: 20px;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  background-size: cover;
  position: relative;
}
.t1 { background-image: url("images/t1.jpg"); }
.t2 { background-image: url("images/t2.jpg"); }
.t3 { background-image: url("images/t3.jpg"); }
.t4 { background-image: url("images/t4.jpg"); }
.t5 { background-image: url("images/t5.jpg"); }


.arrowdown {
  -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
position: absolute;
width: 100px;
height: 100px;
bottom: 100px;
left:50%;
margin-left: -50px;
background-color: #fff;
z-index: 11;
cursor: pointer;
background-image: url("images/arrow_down.svg");
background-position:  center 25px;
background-size: 50px auto;
background-repeat: no-repeat;
 animation:           tellermove 0.75s ease;
  -webkit-animation:  tellermove 0.75s ease;
  -moz-animation:     tellermove 0.75s ease;
  -o-animation:       tellermove 0.75s ease;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}

.singletiereholder .arrowdown {
  bottom: 10px;
}


@-webkit-keyframes tellermove {
    0%    { background-position:  center 25px;}
    50%    { background-position: center 35px;}
    100%  { background-position:  center 25px;}
}
@keyframes tellermove {
    0%    { background-position:  center 25px;}
    50%    { background-position: center 35px;}
    100%  { background-position:  center 25px;}
}
@-moz-keyframes tellermove{
    0%    { background-position:  center 25px;}
    50%    { background-position: center 35px;}
    100%  { background-position:  center 25px;}
}
@-o-keyframes tellermove {
    0%    { background-position:  center 25px;}
    50%    { background-position: center 35px;}
    100%  { background-position:  center 25px;}
}

.shortline {
  background-color: #fff;
  display: block;
  height: 5px;
  margin-bottom: 30px;
  width: 70px;
}
.moreless .preview p:first-child,
.moreless .full p:first-child,
 {
  margin-top: 0px;
}
.moreless .preview p:last-child,
.moreless .full p:last-child
 {
  margin-bottom: 0px;
}
.moreless .preview {
  display: block;
}
.moreless .full {
  display: none;
}
.showmore {
  cursor: pointer;
  font-size: 16px;
  margin-top: 30px;
  display: table;
  margin:20px auto 0;
  padding: 10px 27px;
  color: #6d6d6d;
  background-color: #fff;
  border:1px solid #fff;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.no-touch .showmore:hover {
  border:1px solid #89C578;
  background-color: #89C578;
  color: #fff;
  -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.lastycontainer .showmore,
.wlprkhs_holder .showmore {
  border-color:#608A6D;
  background-color: #608A6D;
  margin:0px;
  color: #fff;
}
.no-touch .lastycontainer .showmore:hover,
.no-touch .wlprkhs_holder .showmore:hover
 {
  background-color: #89C578;
  border-color:#89C578;
}
.showmore.fullsize {
  display: block;
  max-width: 645px;
  text-align: center;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 5px;

}

.viewer {
  opacity: 0.3;
  -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.inview {
  opacity: 1;
    -webkit-transition: all  1s ease-in-out;
  -moz-transition:    all    1s ease-in-out;
  -o-transition:      all    1s ease-in-out;
  -ms-transition:     all    1s ease-in-out;
  transition:         all    1s ease-in-out;
}

.contenttitle {
color: #fff;
display: table;
font-size: 24px;
font-weight: normal;
  font-family: 'Suez One', serif;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:30px;
margin-bottom: 75px;
}

.aktuelles {
  position: relative;
  min-height: 75vh;

}
.aktuelles_holder {
  width: 50%;
  z-index: 11;
  top: 100px;
}
.aktuelles_holder_inside {
    float: right;
    max-width: 600px;
}



.danke {
  display: block;
  background-color: #608A6D;
  color: #fff;
  text-align: center;
}
.dankeinside {
  margin:0 auto;
  max-width: 700px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px;
  padding-bottom: 70px;
}
.dankeinside a {
  color: #fff;
}


.tiere {
  display: block;
  position: relative;
}


.parallax {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow:hidden;
  background: #fff url("images/loading.gif") no-repeat fixed center center;
}
.parallax img {
  width: 100%;
  height: auto;
}
.parallax img.p_middle {
  z-index: 2;
  position: absolute;
  bottom: 0px;
 }
.parallax img.p_front {
  z-index: 3;
  position: absolute;
  bottom: 0px;
 }
.parallax img.p_back {
  z-index: 1;
  position: relative;
 }
.akt_holder {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 26px;

    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.akt_head {

  cursor: pointer;
}


.akt_title {
  display: inline;
}
.akt_title_blink {
   animation:         blinkit 0.75s ease;
  -webkit-animation:  blinkit 0.75s ease;
  -moz-animation:     blinkit 0.75s ease;
  -o-animation:       blinkit 0.75s ease;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}



@-webkit-keyframes blinkit {
    0%    { color: #89C578;}
    50%    {color: #ffffff;}
    100%  { color: #89C578;}
}
@keyframes blinkit {
    0%    { color: #89C578;}
    50%    {color: #ffffff;}
    100%  { color: #89C578;}
}
@-moz-keyframes blinkit{
    0%    { color: #89C578;}
    50%    {color: #ffffff;}
    100%  { color: #89C578;}
}

.akt_more {
  position: absolute;
  right: 5px;
  height: 17px;
  width: 10px;
  text-align: center;
  display: inline-block;
  background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius:    10px;
border-radius:         10px;
padding-left:  5px;
padding-right: 5px;
padding-bottom: 4px;
background-image: url("images/arrow_down.svg");
background-size: auto 10px;
background-repeat: no-repeat;
background-position: center 6px;
}

.no-touch .akt_holder:hover .akt_more  {
  background-color: #89C578;
  background-position: center 8px;
-webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}

.akt_date_holder {
  background-color: #89C578;
display: inline;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}

.akt_content {
  display: block;
  max-height: 0;
  overflow:hidden;
  -webkit-transition: all    0.5s ease-in-out;
  -moz-transition:    all    0.5s ease-in-out;
  -o-transition:      all    0.5s ease-in-out;
  -ms-transition:     all    0.5s ease-in-out;
  transition:         all    0.5s ease-in-out;
}
.akt_content img {
  width: 100% !important;
  height: auto !important;
}
.akt_content a {
  color: #fff;
  text-decoration: underline !important;
}
.akt_archive a {
  color: #6d6d6d  !important;
}
.akt_content_visi {
  display: block;
  max-height: 1000px;
  padding-top: 20px;

}



.sectiontitle {
  display: block;
  float: none;
  font-family: "Suez One", serif;
  text-align: center;
  font-size: 24px;
  padding-bottom: 30px;
  letter-spacing: 0.05em;
}




#mapprev h1 {
  position: absolute;
  font-family: "Suez One", serif;
    right: 20px;
    text-align: center;
    bottom:50%;
    left:20px;
    color: #fff;
    opacity: 1;
    z-index: 10;
    font-size: 24px;
    letter-spacing: 0.05em;
    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}

.tierholder .tiergridtitle  {
  opacity: 1;
  position: absolute;
  left:50%;
  top:50%;
  z-index: 11;
  -ms-transform:    translateX(-50%) translateY(-50%);
-moz-transform:     translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
    transform:      translateX(-50%) translateY(-50%);
}
.no-touch .tierholder .tiergridtitle {
  opacity: 0;
  position: absolute;
  left:50%;
  top:50%;
  z-index: 11;
  -ms-transform:    translateX(-50%) translateY(-50%);
-moz-transform:     translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
    transform:      translateX(-50%) translateY(-50%);

    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;


}
.tierholder {
  cursor: pointer;
  width: 33.33%;
  float: left;
  position: relative;
  background-color: #294b29;
    -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.tierholder img {
  width: 100%;
  height: auto;
  opacity: 0.5;
 -webkit-transition: all     0.4s ease-in-out;
  -moz-transition:    all    0.4s ease-in-out;
  -o-transition:      all    0.4s ease-in-out;
  -ms-transition:     all    0.4s ease-in-out;
  transition:         all    0.4s ease-in-out;
}

.tiergridtitle h1 {

    font-family: "Suez One", serif;
    text-align: center;
    color: #fff;
    display: block;
}
.tiericon {
  -webkit-border-radius:50px;
-moz-border-radius:     50px;
border-radius:          50px;
width:                  100px;
height:                 100px;
margin:0 auto;
background-color: #fff;
display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
  margin-bottom: 0px;

   -webkit-transition:all    0.3s ease-in-out;
  -moz-transition:    all    0.3s ease-in-out;
  -o-transition:      all    0.3s ease-in-out;
  -ms-transition:     all    0.3s ease-in-out;
  transition:         all    0.3s ease-in-out;
}

.singletiericon {
  margin-bottom: -5px;
}


#damhirsch{ background-image: url("images/icons/damhirsch.svg"); }
#gaemse     { background-image: url("images/icons/gaemse.svg"); }
#luchs      { background-image: url("images/icons/luchs.svg"); }
#murmeltier  { background-image: url("images/icons/murmeltier.svg"); }
#rothirsch   { background-image: url("images/icons/rothirsch.svg"); }
#sikahirsch { background-image: url("images/icons/sikahirsch.svg"); }
#steinbock  { background-image: url("images/icons/steinbock.svg"); }
#waldkatze { background-image: url("images/icons/waldkatze.svg"); }
#wildschwein{ background-image: url("images/icons/wildschwein.svg"); }



#mapprev h1 {
  top: 70px;
  color: #608A6D;
}


.no-touch #mapprev:hover h1
 {


      -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}



.no-touch .tierholder:hover .tiergridtitle,
.no-touch .tierholder:hover img
 {
  opacity: 1;
}
.no-touch .tierholder:hover .tiericon {
  margin-bottom: 20px;
}

.geschichte {
  cursor: pointer;
  position: relative;
  background-color: #608A6D;
  padding-top: 100px;
  padding-bottom: 110px;
  -webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.no-touch .geschichte:hover {
  background-color: #89C578;
}
.no-touch .geschichte:hover .home_line .row .row_year {
  color: #fff;
}

.geschichte .sectiontitle,
a .geschichte .sectiontitle
 {
  color: #fff !important;
  text-decoration: none !important;
}

.homehistory_holder {
  background-image: url("images/line_down.svg");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 2px auto;
  display: block;
  margin-bottom: 50px;
}
.home_line {
  position: relative;
  padding-left: 30px;

}
.home_line .row {
  float: left;
  width:1%;
  color: #fff;
  font-family: "Suez One",serif;
  padding-bottom: 3px;
  position: relative;
  -webkit-transition: all    1.5s ease-in-out;
  -moz-transition:    all    1.5s ease-in-out;
  -o-transition:      all    1.5s ease-in-out;
  -ms-transition:     all    1.5s ease-in-out;
  transition:         all    1.5s ease-in-out;
}
.home_line .rowinview {
  width:5%;
}

.row_year {
  color: #89C578;
    left: -6px;
    position: absolute;
    top: 13px;
  -moz-transform:   rotate(-30deg);
-ms-transform:      rotate(-30deg);
-o-transform:       rotate(-30deg);
-webkit-transform:  rotate(-30deg);
transform:          rotate(-30deg);
-webkit-transition:   all    0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}

.line_down {
    background-color: #fff;
    float: left;
    height: 31px;
    margin-top: 42px;
    width: 1px;
}
.home_line .row .dot {
  height: 10px;
  width:  10px;
  position: absolute;
  background-color: #fff;
  top: 70px;
  left:-4px;
  -webkit-border-radius:  5px;
-moz-border-radius:       5px;
border-radius:            5px;
}



.thirdy_inside {
  padding:70px;
}
a .thirdy_inside {
  text-decoration: none;
  color: #6d6d6d;
}



.history_holder {
  display: block;
  background-color: #608A6D;
  color: #fff;
  background-image: url("images/line_down.svg");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 10px auto;
}
.history_head {
  padding-top: 200px;
  background-color: #608A6D;
  padding-bottom: 30px;
  background-image: url("images/line_top.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 10px auto;
}
.timeline {
  padding-top: 50px;
  padding-bottom: 20%;
}

.history {
  padding-bottom: 30px;
  margin-bottom: -20%;
}
.history:first-child {
  margin-bottom: 0px;
}
.history:last-child {
  padding-bottom: 100px;
}
.history_left {
  display: block;
  padding-right: 50%;
  text-align: right;
}

.history_right {
  display: block;
  padding-left: 50%;
  text-align: left;
}
.dot {
  height: 40px;
  width: 40px;
  background-color: #fff;
  -webkit-border-radius:  20px;
-moz-border-radius:       20px;
border-radius:            20px;
position: relative;
}

.dotinside {
  top:  1px;
  left: 1px;
  position: absolute;
  height: 38px;
  width:  38px;
  display: inline-block;
  background-color: #608A6D;
  -webkit-border-radius:  19px;
-moz-border-radius:       19px;
border-radius:            19px;
-webkit-transition:   all   0.5s ease-in-out;
  -moz-transition:    all   0.5s ease-in-out;
  -o-transition:      all   0.5s ease-in-out;
  -ms-transition:     all   0.5s ease-in-out;
  transition:         all   0.5s ease-in-out;
}

.dotinsideinview {
  top:10px;
  left: 10px;
  position: absolute;
  height: 20px;
  width:  20px;
  display: inline-block;
  background-color: #608A6D;
  -webkit-border-radius:  10px;
-moz-border-radius:       10px;
border-radius:            10px;
}

.dotline {
  background-color: #fff;
    display: inline;
    height: 2px;
    width: 10px;
    margin-top: 17px;
   -webkit-transition:all    1s ease-in-out;
  -moz-transition:    all    1s ease-in-out;
  -o-transition:      all    1s ease-in-out;
  -ms-transition:     all    1s ease-in-out;
  transition:         all    1s ease-in-out;
}
.dotlineinview {
    width: 50px;
}
.history_year {
  font-family: "Suez One",serif;
  font-size: 24px;
  margin-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  color: #608A6D;
   -webkit-transition:all    1s ease-in-out;
  -moz-transition:    all    1s ease-in-out;
  -o-transition:      all    1s ease-in-out;
  -ms-transition:     all    1s ease-in-out;
  transition:         all    1s ease-in-out;
}
.history_yearinview {
  color: #89C578;
}
.history_content {
  max-width: 400px;
}
.history_left .history_content {
  float: right;
  padding-right: 90px;
}
.history_left .history_contentinview {
  padding-right: 90px;
}
.history_right .history_content {
  float: left;
  padding-left: 90px;
}

.history_left .history_meta {
  margin-right: -20px;
}
.history_right .history_meta {
  margin-left: -20px;
}

.history_left .history_meta .dot,
.history_left .history_meta  .dotline {
  float: right;
}
.history_right .history_meta .dot,
.history_right .history_meta  .dotline
 {
  float: left;
}
.history_right .history_meta .history_year {
  float: left;
}
.history_left .history_meta .history_year {
  float: right;
}
.history_left .history_img {
  padding-right: 90px;
  display: block;
  max-width: 400px;
  padding-top: 10px;
  display: block;
  float: right;
  clear: both;
}
.history_right .history_img {
  padding-left: 90px;
  display: block;
  max-width: 400px;
  padding-top: 10px;
  clear: both;
  display: block;
  float: none;

}
.history_img .imgholder {
  border:5px solid #fff;
  position: relative;
}

.history_img img {
  width: 100%;
  height: auto;
}




.archiv_holder {
  padding-top: 60px;
  display: block;
  background-color: #89c578;
  color: #fff;
    background-image: url("images/line_bottom.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 10px auto;
}
.archiv_head .sectiontitle {
}
.kost_holder {
  display: block;
  margin:0 auto;
  max-width: 550px;
  padding-bottom: 30px;
}
.kost_holder img {
  width: 100%;
  height: auto;
}
.archiv_holder .imgholder {
  border:5px solid #fff;
}
.kost_title {
  display: block;
  text-align: center;
  padding-bottom: 10px;
}

.lasty {
  background-color: #ececec;
  display: block;
  padding-bottom: 145px;
  padding-top: 100px;
  text-align: center;

}
.lasty a {
  color: #fff;
}
.lasty .lastycontainer {
text-align: left;
  max-width: 500px;
  display: inline-table;
  background-color: #fff;
  color: #6d6d6d;
  padding-top: 50px;
  padding-bottom: 70px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.lasty .lastycontainer:first-child {
  padding-right: 30px;
}
.lasty .lastycontainer:last-child {
  padding-left: 30px;
}
.lastycontainer .content p:first-child {
  margin-top: 0px;
}


.thumby200 {
  float: left;
  width: 100%;
  max-width: 200px;
  padding-right: 30px;
}
.thumby200 img {
  width:100%;
  height: auto;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}




.footer {
  cursor: pointer;
  display: block;
  float: none;
  padding-top: 150px;
  padding-bottom: 150px;
  text-align: center;
  color: #fff;
    background-image: url("images/arrow_up.svg");
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: center 120px;
    background-size: 30px auto;
      -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}
.no-touch .footer:hover {
  background-color: #89C578;
  background-position: center 110px;
}

.secondfooter {
  display: block;
  float: none;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  color: #666;
  background-color: #2a2a2a;
      -webkit-transition: all 0.2s ease-in-out;
  -moz-transition:    all 0.2s ease-in-out;
  -o-transition:      all 0.2s ease-in-out;
  -ms-transition:     all 0.2s ease-in-out;
  transition:         all 0.2s ease-in-out;
}
#impr_toggle {
  cursor: pointer;
}
.impr_content {
  display: none;
  float: none;
  clear: both;
  margin:0 auto;
  max-width: 600px;
  padding-top: 20px;
  padding-bottom:20px;
}
.impr_content a {
  color: #666;
  text-decoration: underline !important;
}


audio, canvas, video {
    display: inline-block;
}
.tiere_row_holder audio {
  display: block;
  width: 100%;
}

.fullvideo {
  display: block;
  width:100%;
  height: auto;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.tiercontent {
  display: block;
  background-color: #fff;
  position: relative;
  padding-top: 90px;

}

.tiercontent_full {
  display: block;
  float: none;
  clear: both;
  background-color: #608A6D;
  color: #fff;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;

}
.tiercontent_full_inside {
   margin: 0 auto;
  max-width: 600px;
   font-family: "Suez One", serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.05em;
  text-align: center;
}



.singletiereholder {
  position: relative;

}

.animbg {
  position: absolute;
  top:0px;
  left:0px;
  bottom: 0px;
  right: 0px;
  background-color: #89C578;
  z-index: 9;

  -webkit-animation: fadeOut 2s ease-in-out forwards;
  -moz-animation:    fadeOut 2s ease-in-out forwards;
  -ms-animation:     fadeOut 2s ease-in-out forwards;
  -o-animation:      fadeOut 2s ease-in-out forwards;
  animation:         fadeOut 2s ease-in-out forwards;

}

@-webkit-keyframes fadeOut {
    0%   {
      opacity: 1;
    }
    100%    {
      opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0%   {
      opacity: 1;
    }
    100%    {
      opacity: 0;
    }
}
@-ms-keyframes fadeOut {
    0%   {
      opacity: 1;
    }
    100%    {
      opacity: 0;
    }
}
@-o-keyframes fadeOut {
    0%   {
      opacity: 1;
    }
    100%    {
      opacity: 0;
    }
}
@keyframes fadeOut {
    0%   {
      opacity: 1;
    }
    100%    {
      opacity: 0;
    }
}


.tiertitle {
  z-index: 10;
  position: absolute;
  color: #fff;
  font-family: "Suez One", serif;
  font-size: 36px;
  color: #fff;
  left:50%;
  top:50%;
  letter-spacing: 0.1em;
    -ms-transform:  translateX(-50%) translateY(-50%);
-moz-transform:     translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
    transform:      translateX(-50%) translateY(-50%);

     display: table;
  margin:0 auto;


  -webkit-animation: mover 4s ease-in-out forwards;
  -moz-animation:    mover 4s ease-in-out forwards;
  -ms-animation:     mover 4s ease-in-out forwards;
  -o-animation:      mover 4s ease-in-out forwards;
  animation:         mover 4s ease-in-out forwards;


}


@-webkit-keyframes mover {
    0%   {
      opacity: 1;
      letter-spacing: 0.1em;
    }
    100%    {
      opacity: 0;
      letter-spacing: 1em;
    }
}
@-moz-keyframes mover {
    0%   {
      opacity: 1;
      letter-spacing: 0.1em;
    }
    100%    {
      opacity: 0;
      letter-spacing: 1em;
    }
}
@-ms-keyframes mover {
    0%   {
      opacity: 1;
      letter-spacing: 0.1em;
    }
    100%    {
      opacity: 0;
      letter-spacing: 1em;
    }
}
@-o-keyframes mover {
  0%   {
      opacity: 1;
      letter-spacing: 0.1em;
    }
    100%    {
      opacity: 0;
      letter-spacing: 1em;
    }

}
@keyframes mover {
    0%   {
      opacity: 1;
      letter-spacing: 0.1em;
    }
    100%    {
      opacity: 0;
      letter-spacing: 1em;
    }
}


.second_tiertitle {
  background-color: #fff;
  color: #333333;
  display: table;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin:0 auto;
margin-bottom: 20px;
}


.tierthumb {
  padding-right: 30px;
  padding-top: 15px;
}
.tierthumb img {
  width:100%;
  height: auto;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}


.tiercontent_inside {
  position: relative;
  padding-bottom: 100px;
  max-width: 1200px;
  margin:0 auto;
}


.tiere_row_holder {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #89C578;
}

.tiere_row_head {
  cursor: pointer;
  display: block;
  position: relative;
}
.tiere_row_more {
  position: absolute;
  right: 0px;
  height: 17px;
  width: 10px;
  text-align: center;
  display: inline-block;
  background-color: #89C578;
-webkit-border-radius: 10px;
-moz-border-radius:    10px;
border-radius:         10px;
padding-left:  5px;
padding-right: 5px;
padding-bottom: 4px;

background-image: url("images/arrow_down_white.svg");
background-size: auto 10px;
background-repeat: no-repeat;
background-position: center 6px;
}

.no-touch .tiere_row_holder:hover .tiere_row_more  {
  background-color: #89C578;
  background-position: center 8px;
-webkit-transition: all  0.2s ease-in-out;
  -moz-transition:    all    0.2s ease-in-out;
  -o-transition:      all    0.2s ease-in-out;
  -ms-transition:     all    0.2s ease-in-out;
  transition:         all    0.2s ease-in-out;
}
.no-touch .tiere_row_holder:hover .tiere_row_title {
  color: #89C578;
}


.tiere_row_content {
  display: block;
  max-height: 0;
  overflow:hidden;
  -moz-transition:    all    0.5s ease-in-out;
  -o-transition:      all    0.5s ease-in-out;
  -ms-transition:     all    0.5s ease-in-out;
  transition:         all    0.5s ease-in-out;
}
.tiere_row_content img {
  width: 100% !important;
  height: auto !important;
}
.tiere_row_content_visi {
  max-height: 1000px;
}
.tiere_row_content_inside {
  padding-top: 20px;
  padding-bottom: 30px;
  display: block;
}
.tiere_row_content_inside a {
  color: #6d6d6d;
}
.tiergalerie_holder {
  background-color: #fff;
  display: block;
  float: none;
  clear: both;
}
.tiergalerie_holder .sectiontitle {
  padding-bottom: 50px;
  padding-top: 30px;
}
.tiergalerie {
  display: block;
  max-width: 1200px;
  margin:0 auto;
}
.tiergalerie .gallery_item {
display: block;
  background-color: #fff;
}
.tiergalerie .gallery_item_inside {
  margin-bottom: 20px;
  position: relative;
}
.imgpreload {
  position: absolute;
  top:0px;
  right: 0px;
  left:0px;
  bottom: 0px;
  background: #608a6d url("images/pploading.gif") center center no-repeat;
}

.tiergalerie .gallery_item_inside img {
  width:100%;
  height: auto;
  -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;
}

.tierpage {
  position: relative;
  background-color: #89C578;
}


.tierpage .tierpage_holder {
  color: #fff;
  width:33.33%;
  float: left;
  position: relative;
  min-height: 33.33vh;
  overflow:hidden;
  -moz-transition:    all    0.5s ease-in-out;
  -o-transition:      all    0.5s ease-in-out;
  -ms-transition:     all    0.5s ease-in-out;
  transition:         all    0.5s ease-in-out;

}
.tierpage .tierpage_holder .cardholder {
  height: 200%;
  width: 100%;
  display: block;
  float: none;
  position: absolute;
  top:0px;
  color: #333;
    -moz-transition:    all    0.5s ease-in-out;
  -o-transition:      all    0.5s ease-in-out;
  -ms-transition:     all    0.5s ease-in-out;
  transition:         all    0.5s ease-in-out;
}
.tierpage .tierpage_holder .cardholder .front
{
 height: calc(50% - 20px);
 display: block;
 position: relative;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}

.tierpage .tierpage_holder .cardholder .front {
  padding:10px;
  position: relative;
}
.tierpage .tierpage_holder .cardholder .front .frontinside {
  background-color: #fff;
  width: 100%;
  display: block;
  height: 100%;
}

.tierpage .tierpage_holder .tiericon {
  height: 100px;
  width: 100px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
background-position: center center;
background-size: 60px auto;
background-repeat: no-repeat;
background-color: #fff;



}

.wlprkhs_holder {
  padding-top: 100px;
  padding-bottom: 150px;
  display: block;
  position: relative;

  background-size: cover;
  background-position: center center;
}
.wlprkhs_content {
  max-width: 600px;
  margin:0 auto;
margin-bottom: 5px;
    background-color: #fff;
    padding:30px;
    padding-left: 50px;
    padding-right: 50px;
      -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;

}

.info_holder {
  display: block;
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.info_holder a, .wlprkhs_content a
{
  color: #608a6d;
  text-decoration: none;
  position: relative;
}
.info_main a:after,
.wlprkhs_content a:after
 {
  content: "";
width: 20px;
height: 18px;
background: url("images/arrow_right.svg") no-repeat center center;
background-size: 10px auto;
position: absolute;
display: inline-block;
}
.info_main a:after {

}

.info_downloadbox a, .info_linkbox a, .info_holder a  {
  position: relative;
}

.info_downloadbox a:after {
    content: "";
width: 20px;
height: 18px;
background: url("images/arrow_download.svg") no-repeat center center;
background-size: 10px auto;

position: absolute;
display: inline-block;
}
.info_linkbox a:after {
    content: "";
width: 20px;
height: 18px;
background: url("images/arrow_right_white.svg") no-repeat center center;
background-size: 10px auto;

position: absolute;
display: inline-block;
}

.info_downloadbox ul,
.info_linkbox ul {
   list-style-type: none;
  padding-left: 1em;
}

.info_downloadbox ul li:before,
.info_linkbox ul li:before {
  content: "–";
  position: absolute;
  margin-left: -1em;
}


.info_holder strong, .info_holder b {
  display: block;
  font-weight: bold;
    letter-spacing: 0.05em;
    font-family: "Roboto", sans-serif;
    line-height: 15px;
}
.goenholder {
  color: #fff;
  background-color: #608A6D;
}
.goenholder .sectiontitle {
  color:#fff;
}
.info_main, .info_links, .info_organisation {
  min-height: 120vh;
  width: 33.33%;
  float: left;
  background-color: #fff;
}
.info_organisation {
  background-color: #608A6D;
  color: #fff;
}
.info_organisation a {
  color: #fff;
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
}

.info_inside {
  padding:30px;
  padding-top: 100px;
}
.content p:first-child {
  margin-top: 0px;
}
.info_bgimg {
  min-height: 100vh;
  width: 33.33%;
  float: left;
  background-size: cover;
  background-position: center center;
  background-repeat:no-repeat;
}
.info_links {
    background: #fff;
    color: #6d6d6d;
}
.info_links a {
  color: #608a6d;
}

.info_holder .sectiontitle {
  text-align: left;
}

.fuerhung_holder {
padding-top: 100px;
  padding-bottom: 150px;
  display: block;
  position: relative;
  background-color: #608A6D;
}
 .fuerhung_content {

  max-width: 600px;
  margin:0 auto;
margin-bottom: 5px;
    background-color: #fff;
    padding:30px;
    padding-left: 50px;
    padding-right: 50px;
      -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;
 }

#contact_form, #contact_form2 {
  display: block;
}
#contact_form .inputholder, #contact_form2 .inputholder{
  padding-bottom: 20px;
}
#contact_form input, #contact_form textarea, #contact_form2 input, #contact_form2 textarea {
  display: block;
  border:none;
  width: calc(100% - 20px);
  padding:10px;
  background-color: #dadada;

  color: #6d6d6d;
  font-family: "Roboto";
       -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;
}

::-webkit-input-placeholder {
    color: #989898;
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}

:-moz-placeholder { /* Firefox 18- */
    color: #989898;
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #989898;
    opacity: 1 !important;
}

:-ms-input-placeholder {
   color: #989898;
}
input#secura, input#secura2 {
  width: 20px;
}

#contact_form .ausfuellen input, #contact_form2 .ausfuellen input {
  background-color: #89C578;
  animation:         ausfuellenyo 1s ease-in-out forwards;

}

.checkausfuellen {
  background-color: #c00;
  color: #fff;
}



@keyframes ausfuellenyo {
    0%   {
      background-color: #89C578;
    }
    100% {
      background-color: #c00;
    }
}

#contact_form input#send_message, #contact_form2 input#send_message2 {
  background-color: #89C578;
  padding:30px;
  width:100%;
  color: #fff;
}
#mail_success, #mail_success2 {
  padding:20px;
    background-color: #89C578;
  color: #fff;
  -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;
}
#mail_success, #mail_success2 {
  display: none;
  padding:20px;
    background-color: #89C578;
  color: #fff;
  -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;
}
#mail_fail, #mail_fail2 {
  display: none;
    padding:20px;
    background-color: #c00;
  color: #fff;
  -webkit-border-radius: 5px;
-moz-border-radius:      5px;
border-radius:           5px;
}

.inputholder #goenner2, .inputholder #kontaktauf2 {
  display: inline;
  width: 25px;
  margin-top: 5px;
}
#goennerform {
  clear: both;
  float: none;
  display: block;
  margin:0 auto;
  max-width: 33.33%;
  padding-bottom: 50px;
  padding-top: 60px;
}

#lockdown_mesage {
  display: block;
  position: fixed;
  top:0px;
  left:0px;
  right: 0px;
  bottom:0px;
  padding:0px;
  background-color: rgba(0,0,0,0.5);
  z-index: 11000;
}
.l_inside {
  position: absolute;

  left: 50%;
  top: 50%;

  padding:50px;
  padding-bottom: 75px;
  background-color: #fff;
  transform: translateX(-50%) translateY(-50%);
}
.l_inside:after {
  cursor: pointer;
  content: "X";
  position: absolute;
  top:25px;
  right: 25px;
  font-size: 24px;
}


@media (max-height: 320px), (max-height: 375px), (max-height: 414px) {
.mobnav .mobnav_inside .sidenavpoint .mobnavleft,
.mobnav .mobnav_inside .sidenavpoint .mobnavright {
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.arrowdown {
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-size: 20px auto;
  margin-left: -25px;
}
@-webkit-keyframes tellermove {
    0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
@keyframes tellermove {
   0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
@-moz-keyframes tellermove{
    0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
@-o-keyframes tellermove {
    0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}

}


@media (max-width: 1300px) {
  .tiercontent_inside {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }
  .tiergalerie {
    padding-left: 20px;
    padding-right: 20px;
  }
}


@media (max-width: 1100px) {
  .thirdy {
    float: none;
    height: 100%;
    width: 100%;
  }
  .einleitung .thirdy
{
   min-height: auto;
}
  .einleitung .einleitung_inside {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 600px;
    margin:0 auto;
  }
  .homelogo {
    height: 50px;
    width: 70px;
    background-size: 40px auto;
  }
  .verhaltensregeln_inside {
    max-width: 600px;
    margin:0 auto;
    padding-left: 20px;
    padding-right: 20px;
  }


  #mapprev {
    min-height: 270px;
    background-size: auto 150px;
  }
  #mapprev h1 {
    top: 20px;
  }
  .news {
    padding: 20px 20px 50px;
    max-width: 600px;
    margin:0 auto;
  }

  .tiere {
    text-align: center;
    background-color: #89c578;
  }
  .tierholder {
    width: 50%;
  }
  .lasty {
    background-color: #fff;
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
  }
  .lasty .lastycontainer {
    max-width: 100%;
    display: block;
    padding-bottom: 50px;
    padding-top: 30px;
    border-bottom: 1px solid #608a6d;
      -webkit-border-radius:0px;
        -moz-border-radius: 0px;
             border-radius: 0px;
  }
  .info_bgimg {
    display: none;
    visibility: hidden;
  }
  .info_main, .info_links, .info_organisation {
    width: 100%;
    float: none;
    display: block;
    min-height: auto;
  }
   #goennerform {
    float: none;
    display: block;
    min-height: auto;
    max-width: unset;
    padding-left: 30px;
    padding-right: 30px;
   }
  .footer {
    padding-bottom: 50px;
    padding-top: 50px;
    background-position: center 15px;
  }
  .no-touch .footer:hover {
    background-position: center 10px;
  }
   .timeline, .archiv_holder {
    padding-left: 20px;
    padding-right: 20px;
  }
  .history_head {
    padding-top: 30px;
  }

}

@media (max-width: 900px) {
  .home_einleitung {
    display: block;
    position: absolute;
    width: 100%;
    left:0px;
    right: 0px;
    bottom: 0px;
    top:0px;
     z-index: 10;
     padding:0px;
  }
  .tophead #gaemse_top {
   display: none;
  }
  .tophead #homename {
    z-index: 11;

  }
  .nameleft, .nameright {
    float: none;
    display: block;
    text-align: center;
    padding:0px;
    margin:0 auto;
    color: #fff;
    width: 100%;
    line-height: 72px;
  }

  .history_left .history_content,
  .history_left .history_img {
    padding-right: 40px;
  }
  .dotline {
    width: 1px;
  }
  .dotlineinview {
    width: 12px;
  }
  .history_year {
    padding-left: 8px;
    padding-right: 8px;
  }
  .history_right .history_content,
  .history_right .history_img
   {
    padding-left: 40px;
  }
  .wichtig .sm {
    float: none;
    clear: both;
    display: block;
  }
}


@media (max-width: 700px) {
  .tiercontent_inside .fifty:first-child {
    max-width: 400px;
    margin:0 auto;
  }
  .tiercontent_inside .fifty {
    width: 100%;
    float: none;
    clear: both;
  }
  .tierthumb {
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
  }
  .tiercontent {
    padding-top: 30px;
  }
  .tiercontent_inside {
    padding-bottom: 20px;
  }
  h1, h2, h3, h4, h5, h6, .sectiontitle, .tiercontent_full_inside, #mapprev h1, .history_year, .tiertitle, .verhaltensregeln_inside strong   {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 26px;
    font-weight: normal;
  }
  .history_year {
    padding-bottom: 0px;
  }
  .info_main, .info_links {
    width: 100%;
    float: none;
    clear: both;
  }
  .info_inside {
    padding: 60px 30px 30px;
  }
  .wlprkhs_holder, .fuerhung_holder {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .showmore.fullsize, .lastycontainer .showmore, .wlprkhs_holder .showmore {
    margin-bottom: 1px !important;
  }

  .l_inside {
  position: absolute;

  left: 20px;
top:20px;
right: 20px;

  padding:50px;
  padding-bottom: 75px;
  background-color: #fff;
  transform:none;
}
.l_inside:after {
  cursor: pointer;
  content: "X";
  position: absolute;
  top:25px;
  right: 25px;
  font-size: 24px;
}

}

@media (max-width: 550px) {
  .tierholder {
    width: 100%;
    display: block;
    float: none;
    clear: both;
  }
  .tophead #homename, .nameleft, .nameright {
    font-size: 32px;
    line-height: 38px;
  }
  .tiericon {
    width: 50px;
    height: 50px;
  }
  .row_year {
  color: #89C578;
    left: -16px;
    position: absolute;
    top: 13px;
    letter-spacing: 0.1em;
  -moz-transform:   rotate(-90deg);
-ms-transform:      rotate(-90deg);
-o-transform:       rotate(-90deg);
-webkit-transform:  rotate(-90deg);
transform:          rotate(-90deg);
}
.sectiontitle {
  padding-left: 20px;
  padding-right: 20px;
}
.geschichte {
    padding-bottom: 40px;
    padding-top: 30px;
}
.lasty .lastycontainer {
  text-align:  center;
}
.lastycontainer .thumby200 {
  display: none;
}
.lastycontainer .showmore, .wlprkhs_holder .showmore {
    margin: 0 auto;
}
.arrowdown {
  width: 50px;
  height: 50px;
  background-size: 20px auto;
  margin-left: -25px;
}
@-webkit-keyframes tellermove {
    0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
@keyframes tellermove {
   0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
@-moz-keyframes tellermove{
    0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
@-o-keyframes tellermove {
    0%    { background-position:  center 10px;}
    50%    { background-position: center 20px;}
    100%  { background-position:  center 10px;}
}
.history_left, .history_right {
  float: none;
  display: block;
  width: auto;
  padding:0px;
}
.history_holder  {
  background-size: 5px auto;
  background-position: 20px center;
}
.history_head {
  background-size: 5px auto;
  background-position: 20px bottom;
}
.history_left, .history_right {
  text-align: left;
}
.history_left .history_meta,
.history_right .history_meta{
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
}
.history_left .history_meta .dot, .history_left .history_meta .dotline,
.history_right .history_meta .dot, .history_right .history_meta .dotline,
.history_left .history_content,
.history_right .history_content
 {
    float: left;
    padding:0px;
}
.history_content {
    max-width: 100%;
    float: left;
}
.history_right .history_img,
.history_left .history_img
 {
    clear: both;
    display: block;
    float: none;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}
.history {
    margin-bottom: 0px;
    padding-bottom: 50px;
}
.history_right .history_meta .history_year,
.history_left .history_meta .history_year {
    float: left;
}
.dot, .dotinside {
    height: 20px;
    width: 20px;
    }
.dotinsideinview {
    background-color: #608a6d;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 10px;
}
.dotline {
  margin-top: 9px;
}
.history_year {
  margin-top: -5px;
}
.history_left .history_meta {
  padding-bottom: 10px;
}
.timeline {
    padding-left: 13px;
    padding-right: 20px;
}
.history_content,
.history_right .history_img, .history_left .history_img {
  padding-left: 40px !important;
  }
.archiv_holder {
  background-position: 20px top;
    background-size: 5px auto;
}


}






/**
 * Print Stylesheet fuer Deinewebsite.de
* @version         1.0
* @lastmodified    16.06.2016
*/

@media print {

/* Inhaltsbreite setzen, Floats und Margins aufheben */
/* Achtung: Die Klassen und IDs variieren von Theme zu Theme. Hier also eigene Klassen setzen */
#content, #page {
width: 100%;
margin: 0;
float: none;
}

/** Seitenränder einstellen */
@page { margin: 2cm }

/* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
/* Das spart Tinte */
body {
font: 13pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
}

h1 {
 font: Georgia, "Times New Roman", Times, serif;
font-size: 24pt;
}

h2, h3, h4 {
font: Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
margin-top: 25px;
}

/* Alle Seitenumbrüche definieren */
a {
    page-break-inside:avoid
}
blockquote {
    page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
     page-break-inside:avoid }
img { page-break-inside:avoid;
     page-break-after:avoid; }
table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }

/* Linkfarbe und Linkverhalten darstellen */
a:link, a:visited, a {
background: transparent;
color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
}

a {
    page-break-inside:avoid
}

a[href^=http]:after {
  display: none;
      content:" <" attr(href) "> ";
}

$a:after > img {
   content: "";
}

article a[href^="#"]:after {
   content: "";
}

a:not(:local-link):after {
   content:" <" attr(href) "> ";
}

/**
 * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
 */
.entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
}
.embed-youtube, .embed-responsive {
  position: absolute;
  height: 0;
  overflow: hidden;
}

/* Unnötige Elemente ausblenden für den Druck */

#header-widgets, nav, aside.mashsb-container,
.sidebar, .mashshare-top, .mashshare-bottom,
.content-ads, .make-comment, .author-bio,
.heading, .related-posts, #decomments-form-add-comment,
#breadcrumbs, #footer, .post-byline, .meta-single,
.site-title img, .post-tags, .readability
{
display: none;
}

/* Benutzerdefinierte Nachrichten vor und nach dem Inhalt einfügen */
.entry:after {
content: "";
color: #999 !important;
font-size: 1em;
padding-top: 30px;
}
#header:before {
content: "";
color: #777 !important;
font-size: 1em;
padding-top: 30px;
text-align: center !important;
}

/* Wichtige Elemente definieren */
p, address, li, dt, dd, blockquote {
font-size: 100%
}

/* Zeichensatz fuer Code Beispiele */
code, pre { font-family: "Courier New", Courier, mono}

ul, ol {
list-style: square; margin-left: 18pt;
margin-bottom: 20pt;
}

li {
line-height: 1.6em;
}

}