/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-2/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}








html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: top
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1;
	WIDTH: 100%;
	height: auto
}

ol,
ul {
	list-style: none
}
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 20%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

html,
body,
div,
section,
header,
footer,
ul,
li,
p,
article,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
main,
nav,
input,
textarea {
	box-sizing: border-box
}

html,
body,
div#main,
main {
	height: 100%;
	width: 100%;
	font-size: 18px
}

section {
	width: 100%;
	min-height: 100%;
	padding-bottom: 3.5rem
}

html,
input,
textarea {
	font-family: "Roboto Condensed", Helvetica, Calibri, Arial, sans-serif;
	line-height: 1.5
}

a {
	transition: all .2s ease
}

h1,
h2,
h3,
h4,
span.headl {
	font-weight: 300;
	line-height: 1.5rem
}

h1,
h2 {
	font-size: 2em
}

h3,
span.headl,
.landing_h2 {
	font-size: 1.25em;
	line-height: 2rem;
	display: block;
	text-transform: uppercase
}

h4 {
	font-size: 1.25em;
	line-height: 1.5rem;
	margin-top: 1.75rem;
	font-weight: 400
}

li,
p {
	line-height: 27px
}

table {
	border-collapse: collapse;
	border-spacing: 15px
}

.logos {
    padding: 10px;
    display: inline-block!important;
    width: 100px!important;
    vertical-align: middle
}

@media screen and (max-width:1200px) {



}

@media screen and (max-width:900px) {

}

@media screen and (max-width:700px) {

}





h1 + p,
h2 + p,
h1 + h2,
h2 + h3,
h1 + h3,
.twocols,
p + h3,
.twocols + p,
.twocols + h3,
.landing_h2 {
	padding-top: 1.5rem
}

p + p,
img + p,
.twocols h3 + p,
.headlines div,
ul + p {
	padding-top: 1.75rem
}

.padme {
	padding-top: 3.5rem!important
}

.textlist {
	list-style-type: disc;
	margin-left: 20px;
	max-width: 450px
}

.gwrap {
	font-size: 0%;
	line-height: 0%;
	padding: 0 30px
}

p + p {
	padding-top: 1.75rem
}

.g01,
.g02,
.g03,
.g04,
.g05,
.g06,
.g07,
.g08,
.g09,
.g10,
.g11,
.g12,
.g901,
.g902,
.g903,
.g904,
.g905,
.g906,
.g907,
.g908,
.g909,
.g801,
.g802,
.g803,
.g804,
.g805,
.g806,
.g807,
.g808 {
	text-align: left;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.75rem;
	padding: 0 30px;
	width: 100%
}

.nopad {
	padding: 0
}

.baseline {
	vertical-align: baseline
}

.deckruede{
	line-height: 2
}

@media screen and (min-width:600px) {
	.g01,
	.g02,
	.g03,
	.g04 {
		width: 33.33%
	}
	.g05,
	.g06,
	.g07,
	.g08 {
		width: 66.66%
	}
	.g09,
	.g10,
	.g11,
	.g12 {
		width: 100%
	}
	.g901 {
		width: 33.33%
	}
	.g902,
	.g903,
	.g904 {
		width: 66.66%
	}
	.g905,
	.g906,
	.g907,
	.g908,
	.g909 {
		width: 100%
	}
	.g801,
	.g802,
	.g803,
	.g804 {
		width: 50%
	}
	.g805,
	.g806,
	.g807,
	.g808 {
		width: 100%
	}
}

@media screen and (min-width:900px) {
	.g01,
	.g02 {
		width: 16.66%
	}
	.g03,
	.g04 {
		width: 33.33%
	}
	.g05,
	.g06 {
		width: 50%
	}
	.g07,
	.g08 {
		width: 66.66%
	}
	.g09,
	.g10 {
		width: 83.33%
	}
	.g11,
	.g12 {
		width: 100%
	}
	.g901,
	.g902,
	.g903 {
		width: 33.33%
	}
	.g904,
	.g905,
	.g906 {
		width: 66.66%
	}
	.g907,
	.g908,
	.g909 {
		width: 100%
	}
	.g801,
	.g802 {
		width: 25%
	}
	.g803,
	.g804 {
		width: 50%
	}
	.g805,
	.g806 {
		width: 75%
	}
	.g807,
	.g808 {
		width: 100%
	}
}

@media screen and (min-width:1200px) {
	.g01 {
		width: 8.33%
	}
	.g02 {
		width: 16.66%
	}
	.g03 {
		width: 25%
	}
	.g04 {
		width: 33.33%
	}
	.g05 {
		width: 41.66%
	}
	.g06 {
		width: 50%
	}
	.g07 {
		width: 58.33%
	}
	.g08 {
		width: 66.66%
	}
	.g09 {
		width: 75%
	}
	.g10 {
		width: 83.33%
	}
	.g11 {
		width: 91.66%
	}
	.g12 {
		width: 100%
	}
	. .g901 {
		width: 11.11%
	}
	.g902 {
		width: 2.22%
	}
	.g903 {
		width: 33.33%
	}
	.g904 {
		width: 44.44%
	}
	.g905 {
		width: 55.55%
	}
	.g906 {
		width: 66.66%
	}
	.g907 {
		width: 77.77%
	}
	.g908 {
		width: 88.88%
	}
	.g909 {
		width: 100%
	}
	.g801 {
		width: 12.5%
	}
	.g802 {
		width: 25%
	}
	.g803 {
		width: 37.5%
	}
	.g804 {
		width: 50%
	}
	.g805 {
		width: 62.5%
	}
	.g806 {
		width: 75%
	}
	.g807 {
		width: 87.5%
	}
	.g808 {
		width: 100%;
		margin-bottom: 3rem
	}
}

.padme {
	padding: 7rem 0 0
}

.padme~.padme {
	padding: 0 0 7rem 0!important
}

@media screen and (max-width:1200px) {
	.hideme01 {
		display: none
	}
}

@media screen and (max-width:900px) {
	.hideme02 {
		display: none
	}
}

@media screen and (max-width:600px) {
	.hideme03 {
		display: none
	}
}

html,
body {
	color: #ffa326;
	font-weight: 300
}

#black ul li {
	color: #000;
	width: 80%;
	max-width: 600px
}

#black li::before {
	color: #381d0b;
	content: "•";
	display: block;
	font-size: 1rem;
	left: -10px;
	position: relative;
	top: 29px
}

.fsp-content {
	width: 75%!important;
	height: 100%!important;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	position: relative!important;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	margin: auto!important;
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
	align-items: center!important;
	top: 0px!important;
	left: 0%!important;
	margin-top: 30px!important
}

.margin-top {
	margin: 6rem 0
}

.blogimage {
	display: inline-block;
	max-width: 250px;
	width: 100%;
	margin: 30px 15px 15px 0;
	box-shadow: 5px 6px 5px 0 rgba(0, 0, 0, .23);
	box-sizing: border-box
}

.blogimage2 {
    display: inline-block;
    max-width: 500px;
    width: 100%;
    margin: 30px 15px 15px 0;
    box-shadow: 5px 6px 5px 0 rgba(0, 0, 0, .23);
    box-sizing: border-box;
}

.blogimage + .datum {
	margin-top: 3rem
}

.belgien {
	display: inline-block;
	width: 75%;
	max-width: 60px;
	margin: 30px 15px 30px 0;
	box-shadow: 5px 6px 5px 0 rgba(0, 0, 0, .23);
	box-sizing: border-box
}

figcaption {
	color: #381d0b;
	width: 80%
}

figure {
	font-style: italic;
	line-height: 1.2rem;
	margin-bottom: 30px
}

.seo-img,
.seo-iframe {
	max-width: 350px
}

.italic {
	font-weight: 400;
	font-style: italic
}

.clear {
	clear: both
}

#nav1button,
#nav2button,
.threebar1,
.threebar2,
.google-img {
	display: none
}

.subnavi {
	padding-top: 2rem
}

.subnavi img {
	width: 75px
}

strong {
	font-weight: 700
}

.subnavi li:nth-of-type(1) a img {
	width: 100px;
	max-width: 100px;
	cursor: pointer
}

.subnavi li:nth-of-type(2) a img {
	width: 50px;
	max-width: 100px
}

.subnavi li:nth-of-type(3) a img {
	width: 75px;
	max-width: 100px
}

.subnavi,
.logo {
	vertical-align: middle
}

.dogheight-welpe {
	width: 75px!important
}

.welpe_head {
	height: 20%
}

#labradorretriever p,
#welpenaufzucht p {
	margin-bottom: 1rem
}

#welpenaufzucht li {
	color: #381d0b;
	display: block;
	left: 10px;
	margin-bottom: -1rem;
	position: relative
}

.button-nav {
	display: inline-block!important;
	left: 10%;
	position: relative;
	top: 2rem;
	vertical-align: middle
}

#welpenaufzucht li::before {
	color: #381d0b;
	content: "•";
	display: block;
	font-size: 1rem;
	left: -10px;
	position: relative;
	top: 29px
}

#welpenaufzucht ul {
	margin-bottom: 3rem
}

.subnavi li {
	display: inline-block;
	padding: 0!important;
	vertical-align: bottom
}

.subnavi li:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

header {
	background: rgba(0, 0, 0, 0) url(../images/background_layer_01.jpg) center center;
	background-size: cover;
	background-attachment: fixed;
	height: 100%
}

.logo {
	height: 139px;
	position: absolute;
	;
	right: 50px;
	text-align: center;
	top: 1em;
	z-index: 3
}

.weiterlesen {
	cursor: pointer
}

.logo img {
	width: 80%!important;
	max-width: 150px!important
}

section {
	position: relative
}

.backgroundlayer {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh
}

nav.headernav {
	position: absolute;
	width: 100%;
	z-index: 500
}

.par {
	display: block;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	text-align: center
}

.par img {
	width: 100%
}

.layer02 {
	z-index: 2
}

.layer03 {
	z-index: 4
}

.layer04 {
	z-index: 5
}

#home,
#impressum {
	background: rgb(56, 29, 11);
	background: -webkit-linear-gradient(top, rgba(56, 29, 11, 1) 0%, rgba(76, 38, 15, 1) 100%);
	background: linear-gradient(to bottom, rgba(56, 29, 11, 1) 0%, rgba(76, 38, 15, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#381d0b', endColorstr='#4c260f', GradientType=0)
}

#home a,
#impressum a,
#wissenswertes a,
#welpe a {
	color: rgb(255, 163, 38);
	text-decoration: underline;
	font-style: italic
}

#impressum a {
	font-weight: 300;
	font-style: italic
}

#home a {
	font-style: normal
}

#home a:hover,
#impressum a:hover,
#blog a:hover,
#wissenswertes a:hover {
	color: #381d0b;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

#home a:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.fehler404 {
	background-color: #000
}

.headimage,
.stars {
	width: 100%
}

.stars {
	max-width: 400px
}

.welpe2017btn {
	display: inline-block;
	position: absolute;
	bottom: 2rem;
	left: 1rem;
	z-index: 100;
	line-height: 0;
	font-size: 0;
	box-sizing: border-box;
    width: 25%
}

.welpe2017btn a {
	box-sizing: border-box;
	display: inline-block;
	width: 45%;
	padding: 5px
}

@media screen and (max-width:600px) {
	.welpe2017btn a {
		display: block;
		width: 100%
	}
}

.eku-text {
	position: relative;
	margin: auto;
	text-align: center
}

.eku {
	display: block;
	margin: auto
}

.information p {
	margin: auto!important;
	display: block!important;
	text-align: center
}

.information img {
	margin: auto;
	display: block;
	text-align: center;
	width: 100px
}

.checklist-text {
	position: relative;
	max-width: 400px!important
}

.checklistimg {
	width: 50px!important
}

#wissenswertes a:hover {
	color: rgb(255, 163, 38)
}

#impressum a:hover,
#welpen a:hover {
	text-decoration: underline
}

#huendinnen {
	background: #3db5bb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3db5bb), color-stop(100%, #f7ffff));
	background: -webkit-linear-gradient(top, #3db5bb 0%, #f7ffff 100%);
	background: linear-gradient(to bottom, #3db5bb 0%, #f7ffff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3db5bb', endColorstr='#f7ffff', GradientType=0)
}

#home .g802 {
	vertical-align: middle;
	width: 20%;
text-align: center
}

#home .g802 p {
	max-width: 300px
}

#home p {
	max-width: 400px
}

#home .text a {
	display: block;
	font-style: italic;
	text-decoration: underline
}

#home .text a:hover {
	-webkit-transform: none;
	transform: none
}

#huendinnen,
#ruede,
#kontakt {
	background: url(../images/clouds.jpg);
	background-attachment: fixed;
	padding-bottom: 14rem
}

#ruede {
	padding-bottom: 17rem
}

#ruede .textlist {
	margin-left: 0
}

.dropdown {
	color: #381d0b;
	font-weight: 700;
	display: inline-block;
	cursor: pointer
}

.dropdown:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.dropdown::before {
	content: url(../images/arrowdown.png);
	position: relative;
	top: 5px;
	left: -5px
}

#ruede .textlist li {
	color: #381d0b;
	padding-bottom: 1rem;
	list-style: none;
	position: relative
}

#ruede .textlist li::before {
	content: '•';
	color: #ffa326;
	position: absolute;
	left: -20px;
	font-size: 2rem
}

#huendinnen .textlist li {
	color: #381d0b;
	padding-bottom: 1rem;
	list-style: none;
	position: relative
}

#huendinnen .textlist li::before {
	content: '•';
	color: #ffa326;
	position: absolute;
	left: -20px;
	font-size: 2rem
}

#ruede .checklist li,
#huendinnen .checklist li {
	padding-bottom: 0.1rem!important
}

#ruede .price::before {
	content: url(../images/rueden/price.png)
}

.price span {
	font-weight: 700
}

.checklist {
	margin-top: 3rem
}

.price {
	margin: 3rem 0
}

.price p:first-child {
	padding-top: 0
}

#ruede .textlist.checklist::before {
	content: url(../images/rueden/checkliste.png)
}

#ruede h4 {
	margin-top: 0;
	color: #381d0b;
	font-size: 2em;
	padding-bottom: 1rem
}

#blog {
	background: #ffa326;
	padding-top: 1rem
}

#wissenswertes,
#welpe {
	background: #381d0b;
	padding-bottom: 10rem
}

#wissenswertes h2,
#wissenswertes h3,
#welpe h2,
#welpe h3 {
	color: #ffa326
}

#wissenswertes h3::after,
#welpe h3:after {
	border-bottom: 1px solid #ffa326
}

#blog p,
#wissenswertes p,
#huendinnen p,
#welpe p,
#ruede p {
	width: 80%;
	padding-top: 1rem;
	max-width: 600px
}

#blog p,
#wissenswertes p {
	padding-top: 0
}

#blog p,
.h4blog {
	color: #381d0b
}

.h3blog blog.html #blog .gwrap {
	margin-bottom: 6rem
}

.h4blog,
.h4wissenswertes {
	padding-bottom: .5rem;
	border-bottom: 1px solid #381d0b;
	width: 50%;
	margin-bottom: .5rem;
	margin-top: 6rem;
	text-transform: uppercase
}

.h4blog {
	margin-top: 2.5rem
}

.h4blog_inner {
	border-bottom: 0 solid #fff;
	margin-top: .5rem
}

.h4huendinnen {
	margin-top: 0;
	color: #381d0b;
	text-transform: uppercase
}

.margin-bottom {
	margin-bottom: 30px
}

.h4wissenswertes {
	border-bottom: 1px solid #ffa326;
	color: #ffa326;
	width: 70%;
	text-transform: uppercase
}

#blog a,
#huendinnen a,
#ruede a {
	color: #381d0b;
	font-style: italic;
	font-weight: 400;
	font-size: 16px
}

#huendinnen a:hover,
#home a:hover,
#ruede a:hover,
#welpe a:hover,
#impressum a:hover {
	color: #ffa326
}

#huendinnen .g803 img,
#welpe .g803 img,
#ruede .g803 img {
	width: 80%
}

#huendinnen .textlist,
#welpe .textlist {
	font-size: 18px
}

#huendinnen p,
#ruede p {
	color: #381d0b
}

#huendinnen h4 {
	margin-top: 0;
	color: #381d0b;
	font-size: 2em;
	padding-bottom: 1rem
}

#huendinnen {
	color: black
}

#huendinnen .textlist li {
	color: #381d0b;
	padding-bottom: 1rem;
	list-style: none;
	position: relative
}

#huendinnen .textlist li::before {
	content: '•';
	color: #ffa326;
	position: absolute;
	left: -20px;
	font-size: 2rem
}

.dogheight {
	width: 70%;
	max-width: 200px
}

.welpe {
	margin: .5rem 0
}

.welpe_aside a {
	display: block;
	padding: .2rem 0;
	width: auto
}

.welpen2017 a {
	display: inline-block;
	padding: 0
}

.phone {
	margin-top: 1rem
}

.welpe_aside .phone::before {
	width: 5px;
	-webkit-transform: translate(-65px, 15px);
	transform: translate(-65px, 15px);
	display: inline-block
}

.welpe_aside .mobile::before {
	width: 5px;
	-webkit-transform: translate(-50px, 15px);
	transform: translate(-50px, 15px);
	display: inline-block
}

.welpen-gallerie .slider-for {
    height: 100%;
}

.welpen-gallerie .slider-nav {
	height: 96px
}

.welpe_aside a:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.welpen2017 a:hover {
	transform: none
}

.phone,
.mobile,
{
	position: relative;
	left: 20px
}

.button-contact {
	margin-top: 2rem
}

section {
	padding-top: 5rem
}

#kontakt iframe {
	width: 100%;
	margin-top: 7rem;
	height: 300px
}

.popup p {
	color: #000000!important
}

nav .g808 {
	margin-bottom: 0;
	text-align: center;
	padding: 0;
	position: relative
}

nav img {
	max-width: 30px;
	cursor: pointer
}

nav ul li {
	display: inline-block;
	font-size: 1rem;
	padding: .75rem 20px 0 20px;
	text-transform: uppercase;
	font-weight: 700
}

nav ul li a {
	display: inline-block;
	text-decoration: none!important
}

.phone2 {
	font-size: 1.5rem;
	text-align: right;
	color: rgb(3, 85, 89);
	padding-top: 1.75rem
}

.phone2 img {
	display: inline-block;
	position: relative;
	top: 3px;
	right: 10px
}

a {
	text-decoration: none
}

.dark,
.phone2 a {
	color: rgb(3, 85, 89)
}

h1,
h2,
h3 {
	text-align: center;
	color: #381d0b
}

h3,
.landing_h2 {
	font-family: 'Roboto Slab', serif
}

h1,
h2 {
	font-weight: 400;
	text-transform: uppercase
}

h3::after,
.landing_h2::after {
	content: "";
	border-bottom: 1px solid #381d0b;
	width: 400px;
	height: 1px;
	padding: 0;
	display: block;
	margin: .5rem auto
}

#home h3::after,
#impressum h3::after {
	border-bottom: 3px solid rgb(255, 163, 38)
}

#home h1,
#home h2,
#home h3,
#impressum h2,
#impressum h3 {
	color: rgb(255, 163, 38)
}

.home_unterseite {
	height: 400px!important;
	min-height: 60px!important
}

.gwrap_unterseite {
	margin-bottom: 15rem
}

.sticky {
	color: #381d0b!important;
	position: absolute;
	width: 100%;
	top: 0;
	padding: .875rem 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.sticky img {
	display: none
}

.fixit {
	background: rgba(255, 255, 255, .7);
	position: fixed;
	z-index: 100
}

.fixit li {
	padding-top: 0;
	text-align: center;
	padding-right: px;
	margin-top: 0
}

.fixit li a {
	color: #381d0b!important
}

.fixit li:last-child {
	padding-right: 0
}

.fixit .g807 {
	width: auto
}

.maps {
	margin: 0;
	padding: 0;
	height: 17.5rem;
	width: 100%;
	position: relative
}

#nav2button + ul li a {
	text-decoration: none!important
}

.submit {
	background: #381d0b;
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	font-size: 1rem;
	color: #ffa326;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%
}

.submit:hover {
	background: #ffa326;
	color: #381d0b;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

#capticha_img {
	padding-top: 10px;
	max-width: 300px
}

::-webkit-input-placeholder {
	color: rgba(2, 61, 64, 1);
	opacity: 1;
	text-align: left
}

::-moz-placeholder {
	color: #381d0b;
	opacity: 1;
	text-align: left
}

:-ms-input-placeholder {
	color: rgba(2, 61, 64, 1);
	opacity: 1;
	text-align: left
}

input:-moz-placeholder {
	color: rgba(2, 61, 64, 1);
	opacity: 1;
	text-align: left
}

div.captchawrap {
	width: 100%;
	height: 5.25rem;
	background: #fff;
	text-align: center
}

#form1 div {
	position: relative
}

#form1 .text-input,
#form1 textarea {
	font-size: 1rem;
	border-bottom: 1px solid;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #381d0b;
	margin-bottom: .875rem;
	display: block;
	width: 100%;
	padding: 1rem 10px;
	outline: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: none
}

#form1 select {
	width: 100%;
	border: none;
	background: none
}

#form1 .text-input:hover,
#form1 textarea:hover {
	border-color: #ddd
}

#form1 textarea {
	height: 10.5rem;
	resize: none
}

#status_message_ok,
#status_message_error {
	background: #DCEBD0;
	border: 1px solid #B2C0A2;
	display: none;
	height: auto;
	margin-bottom: 45px
}

#status_message_ok strong,
#status_message_error strong {
	font-size: 1rem;
	display: inline-block;
	margin-bottom: 5px
}

#status_message_ok span,
#status_message_error span {
	display: block;
	font-size: 13px;
	padding: 15px
}

label.error {
	font-size: 1rem;
	margin: 0;
	font-style: italic;
	padding: 4px 12px;
	display: block;
	background: rgb(228, 19, 19);
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0
}

input.error,
textarea.error {
	border-color: rgb(228, 19, 19)!important
}

span.info {
	font-size: 1rem;
	color: #9E9E9E;
	display: inline-block;
	margin: 20px 0
}

.padmebottom {
	margin-bottom: 10rem
}

.t_content_button ~ .button {
    max-height: 40px;
    overflow: hidden;
    display: block;
    width: 120px;
    text-align: center;
    padding: 5px 0;
    margin: 5px 0 5px 0px
}

.t_content_button:checked ~ .button {
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.t_content {
    position: absolute;
    z-index: 1;
    width: 32%;
    margin-left: 10px
}

.t_content_button:checked ~ .accordion-section {
    opacity: 1;
    min-width: 100%;
    max-height: 10000px;
    display: block !important;
    overflow: hidden;
    -webkit-transition: all 2.2s ease;
    transition: all 2.2s ease
}

.jump img {width: 100%}

.weiterlesen {
    font-weight: 300;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 27px;
    display: block
}

.t_content_button {
    display: none
}

.accordion-section {
    width: 80%;
    right: 5%;
    margin-left: -0px;
    margin-top: -3px;
    max-height: 0;
    padding-left: 3%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease .5s, opacity .5s ease;
    transition: all .4s ease .5s, opacity .5s ease
}

.accordion-section,
.button * {
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.contactheadline {
	margin: auto;
	display: block
}

.formular {
	text-align: center;
	margin-top: 3rem
}

.openrueden {
	display: none
}

.openhuendin {
	display: none
}

.dropdownhuendin {
	margin-bottom: 70px
}

.openrueden .gwrap,
.openhuendin .gwrap {
	margin-bottom: 10rem
}

.content_accordion p {
	margin-top: 1rem
}

.top-animate {
	background: #fff!important;
	top: 13px!important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mid-animate {
	opacity: 0
}

.bottom-animate {
	background: #fff!important;
	top: 13px!important;
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg)
}

.top-menu {
	top: 5px;
	width: 15px;
	height: 2px;
	border-radius: 10px;
	background-color: #F9A530
}

.mid-menu {
	top: 10px;
	width: 15px;
	height: 2px;
	border-radius: 10px;
	background-color: #F9A530
}

.bottom-menu {
	top: 15px;
	width: 15px;
	height: 2px;
	border-radius: 10px;
	background-color: #F9A530
}

.menui {
	background: orange;
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
	transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
	margin-top: 10px;
	position: absolute
}

.icon {
	z-index: 999;
	position: fixed;
	display: block;
	padding: 9px;
	height: 32px;
	width: 32px;
	margin: 0;
	top: 0!important;
	left: 20px!important;
	cursor: pointer
}

.icon.open {
	display: none
}

.mobilenav {
	font-family: inherit;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 163, 38, 1)
}

.mobilenav_list {
	left: 0;
	position: absolute;
	top: 0;
}

.datum {
	font-weight: 600;
	border-bottom: 2px solid #381d0b;
	margin-bottom: .5rem
}

.mobilenav li {
	display: block;
	list-style-type: none;
	padding: 8px;
	text-align: center
}

.mobilenav li a {
	font-size: 150%;
	color: #381d0b!important;
	text-decoration: none!important;
	font-weight: 400;
	width: 100%
}

.mobilenav li:first-child {
	margin-top: 30px
}

.kontakt-button {
	font-size: 1rem!important
}

#resp_nav,
.impressum,
.head-resp {
	display: none
}

.logo-profi-bedarf {
    width: 250px;
}

@media screen and (max-width:1520px) {

.welpen-gallerie .slider-for {
    height: 484px}

}




@media screen and (max-width:1350px) {

.welpen-gallerie .slider-for {
    height: 444px}

	nav ul li {font-size: 0.9rem; padding-right: 5px; padding-left: 10px}

}

@media screen and (max-width:1200px) {
		nav ul li {font-size: 0.8rem}

	.logo img {
		max-width: 100px!important
	}
	.subnavi li:nth-of-type(1) a img {
		width: 75px;
		max-width: 100px;
		cursor: pointer
	}
	.subnavi li:nth-of-type(2) a img {
		width: 35px;
		max-width: 100px
	}
	.subnavi li:nth-of-type(3) a img {
		width: 65px;
		max-width: 100px
	}
	.dogheight-welpe {
		width: 75px!important
	}
	.welpe_head {
		height: 20%
	}
	.welpeflex,
	.homeflex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.welpeflex .g808,
	.homeflex .g808 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		display: block;
		margin: auto;
		text-align: center
	}
	.homeflex .headimg {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		display: block
	}
	.homeflex .text {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		display: block
	}
	.homeflex .information {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.welpeflex .g803 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		display: block;
		margin: 0!important;
		width: 100%!important;
		text-align: center
	}
	.welpeflex .margin {
		-webkit-box-ordinal-group: 4!important;
		-ms-flex-order: 3!important;
		order: 3!important;
		display: block;
		margin: 0 auto!important;
		text-align: left!important;
		width: 80%
	}
	#impressum p,
	#impressum h,
	#impressum h4 {
		max-width: 500px
	}
	.ruede-gallerie,
	.huendin-gallerie {
		width: 80%!important
	}
	.welpen-gallerie {
		width: 50%!important;
		padding: 0 0!important
	}
	#home .headimg {
		display: table-header-group
	}
	.headimg {
		margin-top: 3rem
	}
	.padme~.padme {
		padding-top: 2rem!important
	}
	#home .g801,
	#ruede .g801 {
		width: 10%
	}
	#home .g803,
	#impressum .g803,
	#ruede .gwrap:first-of-type .g803,
	#welpe .gwrap:first-of-type .g803,
	#huendinnen .gwrap:first-of-type .g803 {
		width: 80%
	}
	#ruede .gwrap:first-of-type .g803 .padme~.padme {
		padding: 0 0 2rem!important
	}
	.padno {
		padding-top: -5rem
	}
	#ruede .g803,
	#huendinnen .g803,
	#home .g803,
	#welpe .g803 {
		width: 80%;
		margin: 0 auto!important
	}
	#ruede .gwrap:first-of-type .g803,
	#welpe .gwrap:first-of-type .g803,
	#huendinnen .gwrap:first-of-type .g803 {
		margin-top: 4rem
	}
	#ruede .gwrap {
		margin-bottom: 6rem
	}
	#ruede p,
	#ruede li {
		max-width: 700px
	}
	#home .g803 img {
		width: 80%;
		margin: 0 auto;
		max-width: 650px;
		display: block;
		text-align: center
	}
	.headimg {
		width: 100%!important
	}
	#home .g802 {
		width: 33.33%;
		padding: 0 60px;
		margin-bottom: 50px!important
	}
	#home .g807 {
		padding: 0;
		text-align: center
	}
	#huendinnen .g803 img,
	#welpe .g803 img,
	#ruede .g803 img {
		width: 80%;
		max-width: 400px
	}
	#wissenswertes .g803,
	#blog .g803 {
		width: 80%;
		margin-left: 10%
	}
	#wissenswertes div:nth-of-type(3),
	#blog div:nth-of-type(3) {
		padding-bottom: 0!important
	}
	#blog p,
	#wissenswertes p {
		padding-top: 0;
		width: 90%
	}
	.h4blog,
	.h4wissenswertes {
		padding-bottom: .1rem
	}

	.phone2 {
		font-size: 1rem;
		position: relative;
		top: 12px;
		right: 30px
	}
	.eku-text::before {
		background-size: 100px auto;
		-webkit-transform: translate(50%, -180px);
		transform: translate(50%, -180px)
	}
	#home .checklist-text {
		top: 0
	}
	#blog p,
	#wissenswertes p {
		max-width: 500px
	}
	#form1 {
		margin-top: 100px
	}
	.h4blog,
	.h4wissenswertes {
		width: 100%
	}
	.margin p:first-of-type {
		padding-top: 0!important
	}
	#huendinnen p,
	#welpe p,
	#home p {
		max-width: 100%;
		width: 100%
	}
	#ruede p,
	#welpe p,
	#huendinnen p {
		width: 100%
	}
	#welpe .g805,
	#huendinnen .g805 {
		margin: 3rem;
		width: 80%
	}
	.welpe_aside {
		display: block;
		box-sizing: border-box;
		line-height: 0;
		font-size: 0;
		width: 80%;
		margin: 0 auto;
		padding:
	}
	.welpe_price,
	.welpe_kontakt {
		display: inline-block;
		width: 50%;
		font-size: 18px;
		line-height: 27px
	}
	.welpe_price {
		position: relative;
		left: -30px
	}
	#home a,
	#impressum a,
	#wissenswertes a,
	#welpe a {
		left: 40px
	}
	#kontakt .g802 {
		width: 45%
	}
	#kontakt .g804 {
		width: 70%;
		margin-left: 15%
	}
	.welpen-gallerie {
		padding-bottom: 6rem!important
	}
}

@media screen and (max-width:1150px) {

.welpen-gallerie .slider-for {
    height: 344px}

}

@media screen and (max-width:500px) {

.welpen-gallerie .slider-for {
    height: 200px}

}


@media screen and (max-width:980px) {
	.impressum {
		display: table;
		position: fixed;
		top: 7px;
		margin-left: 30px;
		z-index: 1001;
		text-decoration: none!important
	}
	#resp_nav {
		background: #40210D;
		display: table;
		height: 40px;
		position: fixed;
		top: 0;
		z-index: 1000;
		border-bottom: 1px solid rgb(255, 163, 38)
	}
	.padme~.padme {
		padding: 3rem 0!important
	}
	#ruede .gwrap:first-of-type .g803,
	#welpe .gwrap:first-of-type .g803,
	#huendinnen .gwrap:first-of-type .g803 {
		margin-top: 0rem
	}
	.fixit .g807 {
		width: auto;
		height: 0
	}
	.sticky {
		text-align: right;
		width: 100%;
		top: 0rem
	}
	.sticky img {
		display: table;
		position: relative
	}
	.fixit {
		background: rgba(255, 255, 255, .85);
		height: 40px
	}
	header {
		text-align: center
	}
	nav {
		position: relative
	}
	.phone2 {
		position: absolute;
		top: 5px;
		right: 15px;
		padding: 2px 0 0;
		width: auto
	}
	.threebar1,
	.threebar1::before,
	.threebar1::after,
	.threebar2,
	.threebar2::before,
	.threebar2::after {
		display: block;
		position: absolute;
		left: 15px;
		top: 22px;
		width: 40px;
		height: 2.5px;
		content: "";
		cursor: pointer;
		border-radius: 2px
	}
	.threebar2,
	.threebar2::before,
	.threebar2::after {
		background: rgb(255, 163, 38)
	}
	.threebar1::before,
	.threebar2::before {
		left: 0;
		top: -8px
	}
	.threebar1::after,
	.threebar2::after {
		left: 0;
		top: 8px
	}
	nav {
		margin: 0!important;
		padding: 0!important
	}
	.par img {
		width: 170%
	}
	.logosmall {
		top: 22px;
		right: 15px;
		margin: 0;
		padding: 0;
		height: 15px
	}
}

@media screen and (max-width:960px) {
	.display {
		display: block!important
	}
	#navi {
		display: none
	}
	.padme {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ruede-bsp {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 80%!important;
		margin: auto!important
	}
	.ruede-gallerie {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: auto!important
	}
	.ruede-info {
		margin-top: 60px;
		width: 100%;
		display: block;
		line-height: 0;
		font-size: 0;
		box-sizing: border-box;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin: auto
	}
	#home .g802 p {
		margin-left: 0
	}
	#kontakt .g802 {
		width: 80%
	}
	.maps {
		width: 100%;
		height: 250px
	}
	p {
		max-width: 500px
	}
	.huendin-bsp {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 80%!important;
		margin: auto!important
	}
	.huendin-gallerie {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: auto!important
	}
	.huendin-info {
		margin-top: 60px;
		width: 100%;
		display: block;
		line-height: 0;
		font-size: 0;
		box-sizing: border-box;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin: auto
	}
	.vertical-top {
		vertical-align: top
	}
	#ruede .vertical-top:first-of-type {
		padding-left: 0
	}
	.dogheight,
	#ruede .checklist,
	#ruede .price {
		vertical-align: top;
		width: 25%;
		margin-left: 8%;
		display: inline-block;
		line-height: 27px;
		font-size: 16px
	}
	.dogheight {
		margin-top: 60px
	}
	#ruede .textlist li {
		text-align: left
	}
	#ruede .checklist li {
		padding-bottom: .1rem
	}
	#impressum .padme~.padme {
		padding: 0rem!important
	}
	.welpe_aside {
		width: 100%;
		margin: auto;
		display: block;
		text-align: center
	}
	.dogheight-welpe {
		margin: auto;
		display: block;
		width: 75px
	}
	.welpe_aside p {
		width: 100%!important
	}
	.submit {
		padding: 5px 10px;
		width: 100px
	}
}

@media screen and (max-width:950px) {
	.phone2 {
		position: absolute
	}
	#start nav .g806 {
		width: 100%
	}
}

@media screen and (max-width:900px) {
	.blogimage {
		max-width: 500px!important
	}
	.welpen-gallerie {
		width: 60%!important;
		padding-bottom: 6rem!important;
		margin-left: 20%
	}
	.ruede-gallerie,
	.huendin-gallerie {
		width: 50%!important;
		padding: 3rem 0!important
	}
}

@media screen and (max-width:800px) {
	#ruede .g803,
	#huendinnen .g803,
	#home .g803,
	#welpe .g803,
	#wissenswertes .g803,
	#blog .g803 {
		width: 90%;
		margin: 0 auto!important
	}
	#blog p,
	#wissenswertes p {
		width: 100%
	}
	img + p {
		padding-top: 1rem
	}
	.information img {
		width: 70px
	}
	.h4blog,
	.h4wissenswertes {
		margin-top: 2rem
	}
	section {
		padding-top: 3rem
	}
	nav ul li,
	.phone {
		font-size: 1rem
	}
	nav ul li a,
	.phone2 a {
		font-weight: 400!important
	}
}

@media screen and (max-width:850px) {
	#home .g802 {
		width: 100%;
		margin: 0 auto!important;
		text-align: center
	}
	#home .g802 p {
		max-width: 450px;
		display: inline-block
	}
	.eku-text::before {
		-webkit-transform: translate(50%, -180px);
		transform: translate(50%, -180px)
	}
	#home .checklist-text::before {
		-webkit-transform: translate(70%, -90px);
		transform: translate(70%, -90px)
	}
}

@media screen and (max-width:750px) {
	#ruede .g803,
	#huendinnen .g803 {
		width: 80%;
		margin-left: 10%
	}
	#home p,
	#ruede p,
	#huendinnen p {
		max-width: 100%
	}
	#ruede .g803:first-of-type {
		width: 60%;
		margin-left: 20%;
		display: block!important
	}
	.ruede-bsp {
		padding: 3rem 0!important
	}
}

@media screen and (max-width:680px) {
	.welpe2017btn {
		bottom: .5rem;
		width: 30%
	}
	.welpe_price {
		left: 0
	}
	#ruede .gwrap {
		padding-top: 0!important;
		margin-bottom: 0!important
	}
	.welpe_aside {
		width: 80%
	}
	.welpe_price,
	.welpe_kontakt {
		display: block;
		width: 100%
	}
	.welpe_kontakt {
		padding-top: 3rem
	}
	#home p,
	#ruede p {
		width: 100%
	}
	.price p {
		width: 100%!important
	}
	.h4blog,
	.h4wissenswertes {
		width: 90%
	}
	.maps {
		display: none
	}
	#kontakt .g802 {
		width: 90%;
		margin-left: 5%;
		display: block
	}
	#kontakt .g802:last-of-type {
		margin-bottom: 6rem
	}
	h3::after {
		width: 100%
	}
	.g803,
	.g802 {
		padding: 0 10px
	}
	.stars {
		max-width: 200px
	}
	h1,
	h2,
	h3 {
		font-size: 1rem;
		max-width: 400px;
		text-align: center;
		display: block;
		margin: 0 auto;
		line-height: 1.3rem
	}
	h4,
	.weiterlesen {
		font-size: 1rem
	}
	h1,
	h2 {
		font-size: 1.3rem!important;
		line-height: 1.5rem
	}
	h1 + h3 {
		padding-top: .5rem
	}
	p,
	body,
	li {
		font-size: 16px!important;
		line-height: 25px
	}
	#home div .g803:nth-of-type(4) {
		width: 100%
	}
	#home .g803 img {
		display: block;
		margin: 0 auto;
		max-width: 500px;
		text-align: center;
		width: 95%
	}
	.google-img {
		display: block
	}
	.google-img img {
		width: 80%;
		margin: 0 auto
	}
	#kontakt .gwrap .g806 {
		padding: 0;
		margin-top: 3rem;
		text-align: center
	}
	#huendinnen,
	#ruede,
	#kontakt {
		padding-bottom: 6rem
	}
}

@media screen and (max-width:660px) {
	.backgroundlayer {
		display: none!important
	}
	header {
		background-image: url(../images/headimage-resp.jpg)
	}
	#ruede .dogheight,
	#huendinnen .dogheight {
		max-width: 150px!important
	}
	#ruede .dogheight,
	#ruede .price,
	#huendinnen .checklist {
		padding-bottom: 3rem
	}
	#huendinnen .dogheight {
		padding-top: 3rem
	}
	.price p {
		padding-top: 0.5rem!important
	}
	h1 + p,
	h2 + p,
	h1 + h2,
	h2 + h3,
	h1 + h3,
	.twocols,
	p + h3,
	.twocols + p,
	.twocols + h3 {
		padding-top: .5rem
	}
	.subnavi {
		display: none
	}
	.padme~.padme {
		padding-top: 0.5rem!important
	}
	#nav2button + ul li {
		width: 45%!important;
		margin: 2px
	}
	#huendinnen .g803 img,
	#welpe .g803 img,
	#ruede .g803 img,
	#home .g803 img {
		width: 100%
	}
	.ruede-info {
		margin-top: 60px;
		width: 100%;
		display: block;
		line-height: 0;
		font-size: 0;
		box-sizing: border-box
	}
	.dogheight,
	#ruede .checklist,
	#ruede .price {
		vertical-align: top;
		width: 90%;
		display: block;
		text-align: center;
		margin: 0 auto 10px auto!important
	}
	.dogheight {
		max-width: 50px
	}
	#ruede .checklist li {
		text-align: center
	}
	#ruede .textlist li::before {
		display: none
	}
	#huendinnen .checklist li {
		text-align: center
	}
	#huendinnen .textlist li::before {
		display: none
	}
}

@media screen and (max-width:500px) {
	#wissenswertes,
	#welpe {
		padding-bottom: 3rem
	}
	.gwrap {
		padding: 0 20px
	}
	.g803,
	.g802 {
		padding: 0
	}
	.home_unterseite {
		height: 160px!important
	}
	.gwrap_unterseite {
		margin-bottom: 5rem
	}
	.blogimage {
		display: block;
		width: 100%;
		margin-right: 0;
		max-width: 300px
	}
	.ruede-gallerie,
	.huendin-gallerie {
		width: 70%!important;
		padding: 0!important
	}
	.welpen-gallerie {
		margin-left: 0%;
		padding-bottom: 3rem!important;
		width: 100%!important
	}
}

@media screen and (max-width:480px) {
	h3::after,
	.landing_h2::after {
		width: 100%
	}
	.logo {
		right: 0;
		position: relative;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		top: 3rem
	}
	.subnavi {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		text-align: center;
		margin-top: 50px
	}
	nav.headernav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
		margin: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media screen and (max-width:450px) {
	#ruede .gwrap:first-of-type .g803,
	#welpe .gwrap:first-of-type .g803,
	#huendinnen .gwrap:first-of-type .g803 {
		margin-top: 0rem
	}
}

@media screen and (max-width:400px) {
	#nav2button + ul li {
		width: 90%!important;
		margin: 2px
	}
	#nav1button:checked + ul li,
	#nav2button:checked + ul li {
		margin-bottom: .5rem
	}
}

@media screen and (max-width:360px) {
	.button-nav {
		left: -24%
	}
	.eku-text::before {
		-webkit-transform: translate(35%, -180px);
		transform: translate(35%, -180px)
	}
	#kontakt .g802 {
		width: 100%;
		margin-left: 0%
	}
	#home .g803,
	#rueden .g803,
	#welpen .g803,
	#huendinnen .g803,
	#wissenswertes .g803,
	#blog .g803,
	#impressum .g803 {
		width: 95%
	}
}

.accordion {margin:1rem 0}

@media screen and (max-width:321px) {
	.button-nav {
		left: -20%
	}
}

.margin_ww {
	margin-top: 1rem
}

.h3_landing {
	font-family: 'Roboto Condensed';
	font-weight: 400;
	text-align: left;
	width: 100%;
	border-bottom: none!important;
	padding-bottom: 0
}

.h3_landing::after {
	border-bottom: none!important
}