/*
Theme Name: Thalenah Heilsteine
Theme URL: https://www.thalenah-heilsteine.de
Description: Theme für Thalenah Heilsteine 
Version: 2.0
Author: Sandy Schuster
Author URL: https://www.mentalwork.de*/

/* alegreya-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 300;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 500;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://silvia-peters.de/fonts/alegreya-sans-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dancing-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('https://silvia-peters.de/fonts/dancing-script-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
	font-family: 'Alegreya Sans';					
	font-size: 120%;
	font-weight: 300;
	margin: 0;
	color: #333333;
	background-color: #e5f3f5;
}
#wrapper {
	max-width: 1920px;
	min-height: auto;
	margin: 0px auto;
	position:relative;
	z-index: 0;
}
header {
	width: 100%;
	height: 183px;
	position: relative;
	z-index: 1;
}
#logo {
	width: 30%;
	height: auto;
	position: absolute;
	z-index: 11;
	right: 5%;
	top: -95px;
}
#angebote {
  width: 28%;
  background-image: url("https://silvia-peters.de/wp-content/uploads/2024/10/angebote.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 653px;
  position: absolute;
  z-index: 11;
  left: 0%;
  top: 80px;
}
#angebote1 {
	width: 24%;
	height: auto;
	position: absolute;
	z-index: 11;
	left: 0%;
	top: 100px;
}
#angebote2 {
	width: 30%;
	height: 550px;
	position: absolute;
	z-index: 11;
	left: 0%;
	top: 65px;
}
#angebote_inhalt {
  width: 46%;
  z-index: 12;
  margin-top: 244px;
  color: #008d9c;
  font-size: 153%;
  font-weight: 500;
  margin-left: 5%;
  line-height: 1.0em;
  text-align: left;
}
#nav {
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 2;
	background-color: #008d9c;
	margin-top: -30px;
}
.page-id-455 #nav {
	display: none;
	height: auto;
}
.page-id-172 #nav {
	display: none;
	height: auto;
}
nav {
	width: 60%;
	height: 50px;
	position: relative;
	z-index: 20;
	text-align: center;
	float: left;
	left: 22%;
	top: 10px;
}
nav li {
	display: inline;
	list-style: none; 				
	margin: 0px 15px 0px 0; 
	text-align: right;
}
nav A:LINK, nav A:VISITED {
	font-size : 110%;
	color : #ffffff;
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
nav A:HOVER{
	font-size : 110%;
	color : #c4a73a;
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
img {
	max-width: 100%;
	height: auto;
}
.parallax {
	background-image: url("https://silvia-peters.de/wp-content/uploads/2026/01/Hintergrundsteine-scaled.jpg");
	background-attachment: fixed;
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
.parallax1 {
	background-image: url("https://silvia-peters.de/wp-content/uploads/2026/05/bildleiste1.jpg");
	background-attachment: fixed;
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#bild {
	height: 500px;
	width: 100%;
	z-index: 1;
	position: relative;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
#bild1 {
	height: 150px;
	width: 100%;
	z-index: 1;
	position: relative;
	border-bottom: 2px solid #ffffff;
	background-image: url("https://silvia-peters.de/wp-content/uploads/2026/05/bildleiste2.jpg");
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#bild2 {
	height: 244px;
	width: 100%;
	z-index: 1;
	position: relative;
	border-bottom: 2px solid #ffffff;
	background-image: url("https://silvia-peters.de/wp-content/uploads/2026/05/bildleiste2.jpg");
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#leiste {
	height: 490px;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 5px;
	background: #005F65;
	z-index: 10;
	position: relative;
	background-image: url("https://silvia-peters.de/wp-content/uploads/2024/06/leiste.jpg");
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #FFFFFF;
	text-align: justify;
	padding-top: 63px;
}
#button {
	width: 174px;
	height: 131px;
	z-index: 100;
	position: absolute;
	margin-top: -136px;
	float: right;
	right: 15%;
}
#button-1 {
	width: 174px;
	height: 131px;
	z-index: 100;
	position: absolute;
	margin-top: -136px;
	float: right;
	right: 15%;
}
#button-2 {
	width: 194px;
	height: 131px;
	z-index: 100;
	position: absolute;
	margin-top: -170px;
	float: right;
	right: 15%;
}
.button {
  background-image: url("https://silvia-peters.de/wp-content/uploads/2024/12/button.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  transition: .3s;
  text-align: left;
  height: 40px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: 'Dancing Script';
  font-size: 150%;
  padding-top: 80px;
 padding-left: 60px;
}
.button:hover {
  animation: pulse 1s infinite;
  transition: .3s;
}
.button-1 {
  background-image: url("https://silvia-peters.de/wp-content/uploads/2024/12/button.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  transition: .3s;
  text-align: left;
  height: 40px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: 'Dancing Script';
  font-size: 150%;
  padding-top: 80px;
  padding-left: 60px;
}
.button-1:hover {
  animation: pulse 1s infinite;
  transition: .3s;
}
.button-2 {
  background-image: url("https://silvia-peters.de/wp-content/uploads/2024/12/button.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  transition: .3s;
  text-align: left;
  height: 40px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: 'Dancing Script';
  font-size: 150%;
  padding-top: 80px;
  padding-left: 40px;
}
.button-2:hover {
  animation: pulse 1s infinite;
  transition: .3s;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}
#leiste1 {
    height: 400px;
    width: 42%;
    background: #cce8eb;
    z-index: 10;
    position: relative;
    padding-left: 43%;
    padding-top: 50px;
    margin-top: -35px;
    padding-right: 20%;
    text-align: justify;
}
#tiere {
	height: 550px;
	width: 30%;
	z-index: 15;
	position: absolute;
	margin-top: -490px;
	margin-left: 8%;
}
.katzebutton {
	width: 280px;
	height:280px;
	position:absolute;
	z-index: 101;
	float: left;
	perspective: 1000px;
	margin-right: 1%;
	margin-top: 160px;
}
.katzebutton-front, .katzebutton-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transition: transform 0.9s ease;
}
.katzebutton-front {
	box-shadow: 0px 1px 3px rgba(0,0,0.1);
}
.katzebutton-back {
	box-shadow: 0px 1px 3px rgba(0,0,00.1);
	transform: rotateY(180deg);
}
.katzebutton:hover .katzebutton-front {
	transform: rotateY(-180deg);
}
.katzebutton:hover .katzebutton-back {
	transform: rotateY(0deg);
}
.pferdebutton {
	width: 280px;
	height: 280px;
	position:absolute;
	z-index: 100;
	float: left;
	perspective: 1000px;
	margin-left: 43%;
	margin-top: 0px;
}
.pferdebutton-front, .pferdebutton-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transition: transform 0.9s ease;
}
.pferdebutton-front {
	box-shadow: 0px 1px 3px rgba(0,0,00.1);
}
.pferdebutton-back {
	box-shadow: 0px 1px 3px rgba(0,0,00.1);
	transform: rotateY(180deg);
}
.pferdebutton:hover .pferdebutton-front {
	transform: rotateY(-180deg);
}
.pferdebutton:hover .pferdebutton-back {
	transform: rotateY(0deg);
}
.hundebutton {
	width: 280px;
	height: 273px;
	position:absolute;
	z-index: 105;
	float: left;
	perspective: 1000px;
	margin-left: 52%;
	margin-top: 250px;
}
.hundebutton-front, .hundebutton-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transition: transform 0.9s ease;
}
.hundebutton-front {
	box-shadow: 0px 1px 3px rgba(0,0,00.1);
}
.hundebutton-back {
	box-shadow: 0px 1px 3px rgba(0,0,00.1);
	transform: rotateY(180deg);
}
.hundebutton:hover .hundebutton-front {
	transform: rotateY(-180deg);
}
.hundebutton:hover .hundebutton-back {
	transform: rotateY(0deg);
}
#wrapper1{
	width: 100%;
	min-height: 20px;
	position: relative;
	z-index: 5;
	background-color: #ffffff;
}
#content {
  width: 52%;
  min-height: 500px;
  left: 15%;
  position: relative;
  z-index: 5;
  text-align: justify;
  line-height: 1.1em;
  background-color: #ffffff;
  padding: 8% 9%;
}
#content1 {
  width: 100%;
  min-height: 500px;
  left: 0;
  position: relative;
  z-index: 5;
  text-align: justify;
  line-height: 1.1em;
  background-color: #ffffff;
  padding: 0% 0%;
}
.page-id-26 #content {
  width: 68%;
  min-height: 200px;
  left: 11%;
  position: relative;
  z-index: 5;
  text-align: justify;
  font-size: 100%;
  line-height: 1.3em;
  background-color: #ffffff;
  padding: 5% 6%;
}
ul {
  display: block; 
  list-style-type: disc; 
  padding-left: 40px; 
  margin: 1em 0; 
}
ul li::marker, 
ol li::marker {
  color: rgb(197,165,51);
}
.page-id-26 footer{
	background-image: url("https://silvia-peters.de/wp-content/uploads/2024/06/footer.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 70%;
	height: 260px;
	font-size: 80%;
	position: relative;
	z-index: 30;
	padding: 30px 15%;
}
footer{
	background-image: url("https://silvia-peters.de/wp-content/uploads/2024/06/footer.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 70%;
	height: 260px;
	font-size: 80%;
	position: relative;
	z-index: 30;
	padding: 30px 15%;
}
#kontakt {
	width: 49%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 120%;
	float: left;
	text-align: left;
	line-height: 1.5em;
}
#copy {
	width: 49%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 100%;
	float: right;
	text-align: right;
	margin-top: 160px;
}
#design {
	width: 49%;
	height: auto;
	position: relative;
	z-index: 120;
	float: right;
	text-align: right;
	font-family: 'Dancing Script';
  	font-size: 180%;
  	font-weight: 400;
	color: #c4a73a;
	margin-top: -25px;
}
#footermenu {
	width: 49%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 100%;
	float: right;
	text-align: right;
	margin-top: -18px;
}
#footermenu li {
	display: inline;			
	text-align: left;
	line-height: 2.4em;
	text-indent: 50px;
}
#footermenu A:LINK, #footermenu .A:VISITED {
	font-size : 130%;
	color : #ffffff;
	font-weight : 400;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
#footermenu A:HOVER{
	font-size : 130%;
	color : rgb(197,165,51);
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
#nav1 {
	width: 49%;
	float: right;
	height: 50px;
	z-index: 150;
	text-align: right;
	padding-top: 5px;
}
#nav1 li {
	display: inline;			
	text-align: right;
	margin-right: 1%;
}
#nav1 A:LINK, #nav1 A:VISITED #nav1 A:FOCUS {
	font-size : 100%;
	color : #ffffff;
	font-weight : 400;
	text-decoration: none;
	text-transform: uppercase;
}
#nav1 A:HOVER{
	font-size : 100%;
	color : rgb(197,165,51);
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
A:LINK, A:VISITED {
	font-size : 100%;
	color : #c4a73a;
	text-decoration: none;
	font-weight : normal;
	text-align: center;
}
A:HOVER{
	font-size : 100%;
	color : #008d9c;
	text-decoration: none;
	font-weight : normal;
}
A.buttonlink:LINK, A.buttonlink:VISITED {
	font-size : 100%;
	color : #ffffff;
	text-decoration: none;
	font-weight : normal;
	text-align: center;
}
A.buttonlink:HOVER{
	font-size : 100%;
	color : #005057;
	text-decoration: none;
	font-weight : normal;
}
footer A:LINK, footer A:VISITED {
	font-size : 100%;
	color : #c4a73a;
	text-decoration: underline;
	font-weight : normal;
	text-align: center;
}
footer A:HOVER{
	font-size : 100%;
	color : #ffffff;
	text-decoration: underline;
	font-weight : normal;
}
H1 {
	font-family: 'Dancing Script';
  	font-size: 200%;
  	font-weight: 400;
	color: #c4a73a;
	text-transform: none;
  	font-style: normal;
  	line-height: 33px;
	margin-left: 3%;
	text-align: left;
}
H2 {
	color: #005057;
 	font-size: 150%;
 	font-weight: 400;
 	text-transform: none;
 	font-style: italic;
 	text-decoration: none;
	margin-top: -25px;
	line-height: 0.9em;
	text-align: left;
}
.weiss {
	color: #FFFFFF;
}
H2 .ohne {
	margin-top: 20px;
}
H3 {
	font-family: 'Dancing Script';
  	font-size: 180%;
  	font-weight: 400;
	color: #c4a73a;
	text-transform: none;
  	font-style: normal;
	text-align: left;
}
.einzug {
	margin-left: -35px;
}
.einzug1 {
	margin-left: 50px;
}
.abstand {
	margin-top: 20px;
}
H4 {
	font-size : 120%;
	font-family: "Alegreya Sans", Sans-serif;
	color : #005F65;
	text-decoration : none;
	text-align: left;
	margin-top: 20px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.0em;	
}
H5 {
	font-size : 12px;
	font-weight : bold;
	color : #339999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*Responsive*/

@media screen and (max-width: 1680px){ 
#tiere {
  margin-left: 7%;
}
.page-id-26 #content {
    width: 68%;
}
#logo {
    right: 2%;
}
nav {
    left: 12.5%;
}
#angebote1 {
    top: 204px;
}
}	
@media screen and (max-width: 1600px){ 
#logo {
    width: 28%;
    right: 3%;
	top: -80px;
}
#leiste {
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
}
#leiste1 {
    width: 41%;
	height: 431px;
	padding-top: 10px;
}
.page-id-26 #content {
    width: 68%;
    left: 10%;
}
.page-id-26 footer {
    width: 70%;
    padding: 30px 15%;
}
#angebote {
    width: 31%;
    height: 611px;
  }
nav {
    left: 12%;
}
#angebote1 {
    top: 203px;
}
}	

@media screen and (max-width: 1536px){ 
header {
    height: 175px;
}
#logo {
    right: 2%;
}
#angebote {
    width: 32%;
}
#tiere {
    margin-left: 6%;
}
#leiste1 {
    width: 42%;
    height: 431px;
    padding-top: 10px;
}
.page-id-26 #content {
    width: 69%;
    left: 10%;
}
}
@media screen and (max-width: 1440px){ 
#logo {
    width: 27%;
}
	#nav {
    margin-top: -38px;
}
#angebote {
    height: 577px;
}
#tiere {
    margin-left: 4%;
}
#button {
    right: 6%;
}
#button-1 {
    right: 6%;
}
#button-2 {
    right: 6%;
}
#angebote_inhalt {
    margin-top: 220px;
}
.page-id-9 #content {
   padding-top: 300px;
}
}
@media screen and (max-width: 1366px){ 
#nav {
    margin-top: -44px;
}
nav li {
    margin: 0px 6px 0px 0;
}
#logo {
        top: -70px;
}
#leiste {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
}
#angebote2 {
    width: 27%;
}
#button {
    width: 142px;
    height: 100px;
    right: 8%;
}
.button {
    padding-top: 64px;
    padding-left: 38px;
}
#button-1  {
    width: 142px;
    height: 100px;
    right: 8%;
}
.button-1  {
    padding-top: 64px;
    padding-left: 38px;
	margin-top: -111px;
}
#button-2  {
    width: 162px;
	height: 100px;
    right: 8%;
	margin-top: -80px;
}
.button-2  {
    padding-top: 64px;
    padding-left: 18px;
	margin-top: -111px;
}
#bild1 {
    height: 130px;
}
#leiste1 {
    width: 47%;
    padding-left: 43%;
    padding-right: 16%;
    height: 450px;
}
#tiere {
    margin-top: -513px;
}
.page-id-26 #content {
    width: 77%;
    left: 7%;
	font-size: 100%;
}
.page-id-26 footer {
    width: 80%;
    padding: 30px 10%;
}
}	
@media screen and (max-width: 1290px) {
#angebote {
	width: 32%;
	height: 507px;
	top: 131px;
}
#angebote1 {
	top: 234px;
}
nav {
   left: 7%; 
   width: 68%;
}
#nav {
   margin-top: -51px;
}
#angebote2 {
   top: 79px;
}
nav li {
    margin: 0px 6px 0px 0;
}
}	
@media screen and (max-width: 1280px) {
#nav {
    margin-top: -52px;
}
#button {
    margin-top: -90px;
}
#button-1 {
    margin-top: -90px;
}
#leiste {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
}
#angebote {
    width: 31%;
}
#logo {
   right: 1%;
}

#leiste1 {
    width: 41%;
    padding-left: 49%;
    padding-right: 10%;
}
.page-id-26 #content {
    width: 79%;
	left: 6%;
	font-size: 80%;
}
footer {
    width: 80%;
    padding: 30px 10%;
}
.page-id-26	footer {
    width: 80%;
    padding: 30px 10%;
}
#content {
    width: 62%;
    left: 10%;
}
#tiere {
    margin-left: 7%;
}
}
@media screen and (max-width: 1179px) {
#nav {
    margin-top: -62px;
}
nav {
    left: 4%;
	width: 68%;
}
#logo {
     top: -58px;
    }
#angebote {
    width: 31%;
	margin-left: -2%;
	height: 454px;
    top: 150px;
}
#angebote_inhalt {
    margin-top: 117px;
    margin-left: 12%;
    width: 43%;
	font-size: 134%;
}
#angebote1 {
    top: 236px;
}
#angebote2 {
    top: 126px;
}	
#button {
    margin-top: -123px;
}
@media screen and (max-width: 1125px) {
#nav {
    margin-top: -66px;
}
#leiste1 {
    height: 480px;
}
#tiere {
    margin-left: 5%;
	margin-top: -528px;
}
nav {
    left: 2%;
    width: 75%;
}
#logo {
     width: 26%;
}
}	
@media screen and (max-width: 1090px) {
#angebote {
     width: 34%;
     margin-left: -2%;
     height: 454px;
     top: 156px;
}
nav {
    left: 0%;
	width: 75%;
}
#logo {
    width: 26%;
}
#nav {
     margin-top: -70px;
}
}
@media screen and (max-width: 1080px) {
#nav {
    margin-top: -70px;
}
nav {
    left: 0%;
    width: 77%;
}
#angebote {
    width: 35%;
    height: 463px;
}
#angebote2 {
    width: 30%;
	top: 149px;
}
#leiste1 {
    height: 525px;
}
#tiere {
    margin-left: 4%;
	margin-top: -553px;
}
}	
@media screen and (max-width: 1024px) {
#nav {
    margin-top: -75px;
}
#angebote1{
    top: 207px;
	width: 27%;
}
nav {
    left: 0%;
}
nav A:LINK, nav A:VISITED {
    font-size: 100%;
}
nav A:HOVER {
    font-size: 100%;
}
#bild {
    height: 310px;
}
#logo {
    width: 28%;
	top: -50px;
}
#angebote {
   width: 31%;
   height: 404px;
   top: 139px;
   margin-left: -3%;
}
#angebote_inhalt {
        margin-top: 166px;
        margin-left: 14%;
        font-size: 108%;
}
#leiste {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}
#leiste1 {
    width: 46%;
    padding-left: 49%;
    padding-right: 5%;
	height: 472px;
    padding-top: 30px;
}
#button {
    margin-top: -152px;
	right: 3%;
}
H2 {
    font-size: 140%;
}
#button-1 {
    margin-top: -60px;
	right: 3%;
}
#button-2 {
	right: 3%;
}
.page-id-26 #content {
    width: 90%;
    left: 0%;
	font-size: 98%;
}
.page-id-26 footer {
    width: 90%;
    padding: 30px 5%;
}
#content {
     width: 72%;
     left: 5%;
}
footer {
     width: 90%;
     padding: 30px 5%;
}
.einzug {
    margin-left: -20px;
}
#tiere {
	margin-left: 3%;
}
#angebote1 {
    width: 28%;
}
}
@media screen and (max-width: 980px) {
#nav {
    margin-top: -80px;
	height: 95px;
}
nav {
   left: 5%;
   width: 66%;
}
nav li {
    margin: 0px 2px 0px 0;
}
#logo {
    width: 29%;
}
#angebote {
    width: 34%;
}
#angebote_inhalt {
    margin-top: 147px;
}
}
@media screen and (max-width: 960px) {
header {
	height: 165px;
}
nav li {
    margin: 0px 5px 0px 0;
 }
#logo {
    right: -1%;
    }
#angebote {
   width: 31%;
   height: 372px;
   top: 139px;
   margin-left: -3%;
}
#angebote_inhalt {
   margin-top: 98px;
   margin-left: 14%;
   font-size: 109%;
}
#angebote1 {
   top: 200px;
}
#angebote2 {
   top: 128px;
}
H1 {
    font-size: 180%;
}
#footermenu {
    width: 61%;
}
#kontakt {
    width: 39%;
}
#leiste1 {
     width: 44%;
     padding-left: 51%;
     height: 472px;
     line-height: 1.1em;
}
#button {
     margin-top: -163px;
     right: 3%;
}
}
@media screen and (max-width: 828px) {
#nav {
     margin-top: -84px;
}
#logo {
     width: 33%;
}
nav {
     left: 14%;
     width: 59%;
     margin-top: 0px;
}
#angebote {
     width: 39%;
     height: 400px;
     top: 96px;
}
#angebote2 {
     width: 40%;
     height: 412px;
     top: 75px;
}
#angebote_inhalt {
     margin-top: 153px;
     margin-left: 12%;
     font-size: 109%;
}
#logo {
     right: 1%;
}
nav li {
     margin: 0px 4px 0px 0;
}
#leiste {
    height: 489px;
}
#leiste1 {
    height: 670px;
	width: 40%;
    padding-left: 55%;
}
.pferdebutton {
    margin-top: -83px;
}
.hundebutton {
    margin-top: 384px;
}
#tiere {
    margin-left: 3%;
   margin-top: -641px;
}
}
@media screen and (max-width: 800px){ 
#nav {
    margin-top: -88px;
}
#angebote {
    display: none;
	height: auto;
}
#angebote2 {
    width: 36%;
    height: 412px;
    top: 97px;
}
#logo {
    right: 2%;
	width: 35%;
}   
.parallax {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160%;
}
#leiste {
    height: 415px;
    padding-top: 7px;
}
.pferdebutton {
    margin-left: 28%;
    margin-top: -269px;
}
#leiste1 {
    height: 555px;
    padding-top: 90px;
	width: 44%;
    padding-left: 51%;
}
.katzebutton {
    margin-top: -35px;
    margin-left: 7%;
}
.hundebutton {
    margin-left: 29%;
    margin-top: 203px;
	z-index: 99;
}
#tiere {
    margin-left: 3%;
	margin-top: -426px;
}
.page-id-26 #content {
    padding: 7% 5%;
}
#footermenu A:LINK, #footermenu .A:VISITED {
    font-size: 120%;
}
#footermenu A:HOVER {
    font-size: 120%;
}
#button {
    margin-top: -107px;
}
}
@media screen and (max-width: 768px){ 
#nav {
    display: none;
	height: auto;
}
nav {
    display: none;
	height: auto;
}
.parallax {
    background-attachment: inherit;
}
#logo {
    z-index: 13;
    top: -55px;
}
header {
    margin-top: 10px;
}
#bild {
    height: 310px;
    margin-top: -95px;
}
#bild2 {
    margin-top: -91px;
}
#angebote1 {
    width: 32%;
    margin-top: -81px;
}
	.einzug {
    margin-left: -5px;
	}
	#bild1 {
        height: 60px;
    }
	.parallax1 {
    	background-attachment: inherit;
	}
	 #footermenu {
        display: none;
		height: auto;
    }
	#copy {
 	   margin-top: 188px;
	}
	#design {
 	   margin-top: 0px;
	}
	#content {
        width: 82%;
        left: 0%;
    }
#angebote2 {
	top: 46px;
}
}
@media screen and (max-width: 600px) {
    #bild {
        height: 310px;
        margin-top: -110px;
    }
	#bild2 {
        margin-top: -107px;
    }
	#logo {
        width: 41%;
    }
	#angebote1 {
        width: 37%;
        margin-top: -81px;
    }
	.katzebutton {
        margin-top: -35px;
        margin-left: 7%;
		width: 200px;
    	height: 200px;
    }
	.pferdebutton {
        margin-left: 8%;
        margin-top: -244px;
	    width: 200px;
   	    height: 200px;
    }
	.hundebutton {
        margin-left: 8%;
        margin-top: 175px;
		width: 200px;
   		height: 194px;
    }
	#leiste1 {
        height: 595px;
        padding-top: 48px;
        width: 53%;
        padding-left: 42%;
    }
	#tiere {
        margin-left: 2%;
        margin-top: -382px;
    }
	H3 {
   		font-size: 165%;
	}
	H2 {
        font-size: 125%;
    }
	#leiste {
        height: 463px;
    }
	#button {
        width: 15%;
        height: 71px;
        right: 3%;
    }
	.button {
        padding-top: 41px;
        padding-left: 32px;
		font-size: 110%;
    }
	#button-1 {
        width: 15%;
        height: 71px;
        right: 3%;
    }
	.button-1 {
        padding-top: 41px;
        padding-left: 32px;
		font-size: 110%;
    }
	#button-2 {
        width: 18%;
        height: 71px;
        right: 3%;
    }
	.button-2 {
        padding-top: 41px;
        padding-left: 15px;
		font-size: 110%;
    }
}
@media screen and (max-width: 515px) {
    #bild {
        height: 200px;
        margin-top: -118px;
    }
	#bild2 {
        margin-top: -115px;
    }
	#angebote1 {
        width: 42%;
        margin-top: -94px;
    }
	#tiere {
    	display: none;
		height: auto;
	}
	#leiste {
        height: 503px;
    }
	#leiste1 {
        height: 450px;
        padding-top: 48px;
        width: 89%;
        padding-left: 6%;
    }
	#button {
        width: 19%;
        height: 78px;
        right: 3%;
		margin-top: -85px;
    }
	#button-1 {
        width: 19%;
        height: 78px;
        right: 3%;
    }
	.page-id-26 #content {
        padding: 9% 5%;
    }
	#button-2 {
        width: 24%;
        height: 81px;
		margin-top: -100px;
    }
	.button-2 {
        padding-top: 47px;
    }
	#kontakt {
        display:none;
		height:auto;
    }
	#copy {
   		width: 100%;
	    text-align: center;
    	margin-top: 50px;
	}
	.page-id-26 footer {
 	   height: 100px;
	}
	footer {
 	   height: 100px;
	}
	#design {
 	   width: 100%;
 	   text-align: center;
	   font-size: 150%;
 	}
}
@media screen and (max-width: 480px) {
    #bild {
        height: 200px;
        margin-top: -122px;
    }
	#button {
        width: 21%;
        right: 6%;
		height: 81px;
    }
	  #button-1 {
        width: 21%;
        right: 6%;
		height: 81px;
    }
	#button-2 {
        width: 27%;
        height: 84px;
        margin-top: -100px;
		right: 6%;
    }
	#bild2 {
        margin-top: -118px;
    }
}
@media screen and (max-width: 440px) {
#leiste {
    height: 558px;
        }
    }
	
@media screen and (max-width: 515px) {
     #leiste1 {
       height: 508px;
    }
    }
@media screen and (max-width: 414px) {
    #bild {
        margin-top: -131px;
    }
	#leiste {
        height: 541px;
        line-height: 1.1em;
    }
	#button {
        width: 24%;
    }
	#button-1 {
        width: 24%;
    }
	#button-2 {
        width: 32%;
        height: 80px;
    }
	.button-2 {
        padding-top: 55px;
    }
    #leiste1 {
        height: 521px;
        line-height: 1.1em;
    }
	.einzug1 {
    margin-left: 0px;
	}
	.page-id-26 #content {
        padding: 11% 5%;
    }
	 #logo {
       right: 4%;
       width: 44%;
    }
	#bild2 {
        margin-top: -125px;
		height: 154px;
    }
}
@media screen and (max-width: 393px) {
    #leiste {
        height: 596px;
       }
    }
@media screen and (max-width: 375px) {
    #button {
        width: 27%;
		height: 74px;
    }
	.button {
        padding-top: 48px;
    }
	 #button-1 {
       width: 27%;
	   height: 74px;
    }
	.button-1 {
        padding-top: 48px;
    }
	#leiste1 {
        height: 580px;
        line-height: 1.1em;
    }
	#bild2 {
        margin-top: -127px;
    }
	#leiste {
        height: 583px;
        line-height: 1.1em;
    }
}
@media screen and (max-width: 360px) {
        #button-2 {
            width: 35%;
            height: 74px;
        }
    }
@media screen and (max-width: 320px) {
    #logo {
        right: -5%;
        width: 55%;
    }
	#bild {
        margin-top: -138px;
    }
	#leiste {
        height: 671px;
	}
	#button {
        width: 34%;
		height: 81px;
    }
	.button {
        padding-top: 48px;
    }
	#button-1 {
        width: 34%;
		height: 81px;
    }
	.button-1 {
        padding-top: 48px;
    }
	H3 {
        line-height: 1.0em;
    }
	H2 {
        font-size: 114%;
    }
	#leiste1 {
        height: 686px;
    }
	.page-id-26 #content {
        padding: 6% 5%;
    }
	#button-2 {
        width: 42%;
        height: 84px;
    }
	#bild2 {
        margin-top: -132px;
		height: 121px;
    }
	#angebote1 {
        width: 48%;
        margin-top: -106px;
    }
}
@media screen and (max-width: 440px) {
#rand2 {
     width: 46%;
    margin-left: 29.5%;
}
}