/* HTML5 display definitions
--------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }

/* noto-sans */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-tc-v35-latin-300.eot');
  src: url('../fonts/noto-sans-tc-v35-latin-300.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/noto-sans-tc-v35-latin-300.woff2') format('woff2'),
	   url('../fonts/noto-sans-tc-v35-latin-300.woff') format('woff'),
	   url('../fonts/noto-sans-tc-v35-latin-300.ttf') format('truetype'),
	   url('../fonts/noto-sans-tc-v35-latin-300.svg#NotoSansTC') format('svg');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-tc-v35-latin-500.eot');
  src: url('../fonts/noto-sans-tc-v35-latin-500.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/noto-sans-tc-v35-latin-500.woff2') format('woff2'),
	   url('../fonts/noto-sans-tc-v35-latin-500.woff') format('woff'),
	   url('../fonts/noto-sans-tc-v35-latin-500.ttf') format('truetype'),
	   url('../fonts/noto-sans-tc-v35-latin-500.svg#NotoSansTC') format('svg');
}

/* rubik */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/rubik-v28-latin-500.eot');
  src: url('../fonts/rubik-v28-latin-500.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/rubik-v28-latin-500.woff2') format('woff2'),
	   url('../fonts/rubik-v28-latin-500.woff') format('woff'),
	   url('../fonts/rubik-v28-latin-500.ttf') format('truetype'),
	   url('../fonts/rubik-v28-latin-500.svg#Rubik') format('svg');
}
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rubik-v28-latin-700.eot');
  src: url('../fonts/rubik-v28-latin-700.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/rubik-v28-latin-700.woff2') format('woff2'),
	   url('../fonts/rubik-v28-latin-700.woff') format('woff'),
	   url('../fonts/rubik-v28-latin-700.ttf') format('truetype'),
	   url('../fonts/rubik-v28-latin-700.svg#Rubik') format('svg');
}

/* Basics
--------------------------------------------------- */
html {
	font-size: 100%;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 300;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
}
body {
	margin: 0;
	color: #444;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5em;
	height: 100%;
	background: #fff;
}
body.nav-active {
	overflow: hidden;
}
a {
	background: transparent;
	outline: none;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}

/* Typography
--------------------------------------------------- */
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: 500;
}
em, dfn {
	font-style: italic;
}
hr {
	border: solid #dbdbda;
	border-width: 1px 0 0;
	clear: both;
	margin: 20px 0;
	height: 0;
}
mark {
	background: #f56108;
	color: #000;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}

/* Forms
--------------------------------------------------- */
fieldset {
	border: none;
	margin: 1em 0;
	padding: 0.5em 0.625em;
}
legend {
	border: 0;
	padding: 0;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	min-height: 105px;
}
select {
	-webkit-appearance: none;
	background: #fff url(../images/icon-select.png) right center no-repeat;
	width: auto;
	min-width: 80px;
	outline: none;
	border-radius: 0;
}
input[type="file"] {
	display: block;
	font-size: 0.875em;
}

::-webkit-input-placeholder { color: #c4c4c4; font-size: 0.875em; font-weight: 300 }
::-moz-placeholder 			{ color: #c4c4c4; font-size: 0.875em; font-weight: 300 }
:-moz-placeholder 			{ color: #c4c4c4; font-size: 0.875em; font-weight: 300 }
:-ms-input-placeholder 		{ color: #c4c4c4; font-size: 0.875em; font-weight: 300 }

.required {
	color: #ff0000;
	font-size: 0.875em;
	padding-left: 0.25em;
}

.alert {
	padding: 0.875em;
	margin: 5px 0 20px 0;
}
.alert.warning {
	border: 1px solid #f6aeae;
	background-color: #facbcb;
	color: #e10000;
}
.alert.success {
	border: 1px solid #218213;
	background-color: #35a624;
	color: #fff;
	font-weight: 500;
}
.alert .headline {
	margin: 0 0 0.5em 0;
	font-size: 1.25em;
	font-weight: 500;
}
.alert ul {
	list-style: none;
	margin: 0;
}
.alert ul li {
	font-size: 0.9375em;
	line-height: 1.375em;
	margin: 0.375em 0;
}

/* Font, Color
--------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rubik', sans-serif;
	line-height: 1.125em;
 	margin: 0 0 0.5em 0;
 	font-weight: 700;
	color: #925b2a;
	word-break: break-word;
}
.color-style-salon h1,
.color-style-salon h2,
.color-style-salon h3,
.color-style-salon h4,
.color-style-salon h5,
.color-style-salon h6 {
	color: #f28e00;
}
h2, h3, h4, h5, h6 {
 	margin-top: 1em;
}
h1,
h2.headline {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.375em;
}
h4 {
	font-size: 1.25em;
}
h5 {
	font-size: 1.125em;
}
h6 {
	font-size: 1em;
}

h1 small {
	font-size: 70%;
	line-height: 1;
}
p {
	font-size: 1em;
	line-height: 1.4375em;
	margin: 0 0 0.75em 0;
}

a:link, a:visited {
	color: #925b2a;
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}


/* Styles, Basics
--------------------------------------------------- */

/* apply a natural box layout */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.wrapper {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

a.morelink {
	display: inline-block;
	margin-top: 0.75em;
	color: #555;
	font-size: 1em;
	line-height: 44px;
	text-decoration: none;
}
a.backlink {
	display: inline-block;
	margin-top: 2em;
	color: #555;
	font-size: 1em;
	line-height: 44px;
	text-decoration: none;
}
a.morelink:hover,
a.backlink:hover {
	color: #333;
}
.arrow-box {
	display: inline-block;
	width: 40px;
	height: 44px;
	background-color: #f0f0f0;
}
.arrow-box-left {
	float: left;
	margin-right: 14px;
}
.arrow-box-right {
	float: right;
	margin-left: 14px;
}
.arrow-box.arrow-left {
	background: #f0f0f0 url(../images/arrow-left.png) center center no-repeat;
}
.arrow-box.arrow-right {
	background: #f0f0f0 url(../images/arrow-right.png) center center no-repeat;
}
a.backlink:hover .arrow-left,
a.backlink:hover .arrow-right {
	background-color: #e3e3e3;
}

.bold {
	font-weight: 500;
}
.strong {
	font-weight: 500;
}
.uppercase {
	text-transform: uppercase;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.ta-center {
	text-align: center;
}
.ta-right {
	text-align: right;
}
.ta-left {
	text-align: left;
}
.text-small {
	font-size: 80%;
}
.image-left {
	width: 100%;
	height: auto;
	margin: 0 0 1.5em 0;
	padding: 0;
}
.image-right {
	width: 100%;
	height: auto;
	margin: 0 0 0.5em 0;
	padding: 0 20px;
}
.image-desktop {
	display: none;
}
.image-desktop.wide {
	display: none;
}

.no-text-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.break-word {
	word-wrap: break-word;
}
.divider {
	height: 2em;
	margin: 0 0 2.5em 0;
	border-bottom: 1px solid #999;
	text-indent: -999em;
}
p.smalltext {
	font-size: 80%;
	line-height: 1.5em;
}

.clear {
	clear: both;
}
.clear-row {
	clear: both;
	line-height: 0.5em;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.hidden {
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.hide {
	display: none;
}
.mobile {
	display: block;
}
.desktop {
	display: none;
}

.mt0 {
	margin-top: 0;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}
.mb0 {
	margin-bottom: 0;
}
.mb10 {
	margin-bottom: 10px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb50 {
	margin-bottom: 50px;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.more-padding-top {
	padding-top: 2em !important;
}

i.arrow {
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 4px;
}
i.arrow.arrow-right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
i.arrow.arrow-left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
i.arrow.arrow-up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
i.arrow.arrow-down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.minheight {
	min-height: 120px;
}
.btn,
a.btn {
	border: none;
	border-radius: 50px;
	color: #fff !important;
	font-family: 'Ubuntu', sans-serif;
	background: #925b2a;
	padding: 0.5625em 1.375em;
	font-size: 1em;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
}
.btn:hover,
a.btn:hover {
	background-color: #815025;
}
.btn.btn-small,
a.btn.btn-small {
	font-size: 0.875em;
	padding: 0.25em 1.375em;
}
a.cancel {
	font-size: 0.75em;
	line-height: 1em;
	font-weight: 500;
	text-decoration: none;
	background: #925b2a;
	color: #fff;
	border-radius: 50%;
	padding: 0.5em;
	position: absolute;
	right: -6px;
	top: -8px;
}
a.cancel:hover {
	background-color: #815025;
}
.anchor {
	display: block;
	height: 100px;
	margin-top: -100px;
	visibility: hidden;
}

.transition-all-02, .btn, a.btn, a.cancel, a.backlink .arrow-left, .gallery > .imagebox > a > .image {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.transition-all-03, #footer ul li a, .nav-content > ul > li > a, .nav-content > ul > li > ul > li > a, ul.subNav li a, .home-teaser a img, ul.gallery-overview li .thumb a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.transition-all-04, .responsive-fixed-header, .topmenu, .logo, .navbar {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.transition-none {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

/* Grid */
.grid {
	padding: 0;
	margin: 0;
}
.grid:before,
.grid:after {
	content: " ";
	display: table;
}
.grid:after {
	clear: both;
}
.col {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 1em 1.6%;
	min-height: 1px;
}
.col:first-child {
	margin-left: 0;
}
.col h1, .col h2, .col h3, .col h4, .col h5, .col h6 {
	display: block;
}
.col-12 { width: 100%; }
.col-11 { width: 91.53%; }
.col-10 { width: 83.06%; }
.col-9  { width: 74.6%; }
.col-8  { width: 66.13%; }
.col-7  { width: 57.66%; }
.col-6  { width: 49.2%; }
.col-5  { width: 40.73%; }
.col-4  { width: 32.26%; }
.col-3  { width: 23.8%; }
.col-2  { width: 15.33%; }
.col-1  { width: 6.86%; }

.col.content-left {
	text-align: left;
}
.col.content-right {
	text-align: right;
}
.col.more-padding {
	padding: 0 3em 0 3em;
}

@media only screen and (max-width: 736px) {
	.col {
		float: none;
		margin: 0 0 20px 0;
	}
	.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1  {
		width: 100%;
	}

	.col.content-left {
		text-align: inherit;
	}
	.col.content-right {
		text-align: inherit;
	}
	.col.more-padding {
		padding: 0 0;
	}
}

/* Header
--------------------------------------------------- */
#header {
	position: relative;
	overflow: hidden;
	background: #fff;
}
#header:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(#fff, #fff6ea);
	transform: skewY(-4deg);
	transform-origin: top left;
	z-index: 2;
}
#header:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f7e2cc;
	transform: skewY(3deg);
	transform-origin: bottom right;
	z-index: 1;
}
.responsive-fixed-header {
	width: 100%;
	position: fixed;
	z-index: 10;
}
.responsive-fixed-header.small {
	background: #fff;
	border-bottom: 1px solid #f7e2cc;
}
.topmenu {
	display: none;
	position: absolute;
	top: 13px;
	right: 22px;
	color: #925b2a;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	text-align: right;
	z-index: 100;
}
.topmenu a {
	color: #925b2a;
	text-decoration: none;
}
.topmenu a:hover {
	text-decoration: underline;
}
.responsive-fixed-header.small .topmenu {
	top: 0px;
	font-size: 10px;
}

.logo {
	margin: 10px 0 0 20px;
	display: inline-block;
	width: 95px;
	line-height: 0;
}
.logo a img {
	width: 100%;
	height: auto;
	display: block;
}

/* Header image
--------------------------------------------------- */
.header-image {
	position: relative;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 auto;
	margin-top: 120px;
	max-width: 1300px;
	z-index: 5;
}
.header-image .column {
	overflow: hidden;
	text-align: right;
}
.header-image figure {
	text-align: center;
	line-height: 0;
}
.header-image figure figcaption {
	font-family: 'Rubik', sans-serif;
 	font-weight: 700;
 	font-size: 2em;
	color: #925b2a;
	line-height: 1.125em;
 	margin: 0 0 1em 0;
}
.header-image figure img {
	max-width: 100%;
}
.header-image img.animal {
	display: none;
	border-radius: 50%;
	border: 12px solid #925b2a;
	max-width: 100%;
	height: auto;
}

/* Subpage (Unterseite) */
.header-image.subpage img.animal {
	max-width: 70%;
	float: right;
}

/* Gallery Slider */
#animal-gallery {
	display: none;
	position: relative;
	margin: 0;
	background: none;
	border: none;
}

/* Keyframes für 5 Bilder (Standard) */
#animal-gallery figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	text-align: right;
	z-index: 1;
	animation: slide-five 25s infinite;
}
#animal-gallery figure img {
    width: 100%;
    height: auto;
    border-radius: 50%;
	border: 12px solid #925b2a;
	background: #f7e2cc;
}
#animal-gallery figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}
#animal-gallery figure:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
}
#animal-gallery figure:nth-of-type(4) {
	animation-delay: 15s;
	opacity: 0;
}
#animal-gallery figure:nth-of-type(5) {
	animation-delay: 20s;
	opacity: 0;
}
#animal-gallery figure:last-of-type {
	position: relative;
}
@keyframes slide-five {
	0%   { opacity: 0; }
	12%  { opacity: 1; }
	24%  { opacity: 1; }
	36%  { opacity: 0; }
	100% { opacity: 0; }
}

/* Keyframes für 4 Bilder */
#animal-gallery.four figure {
	animation: slide-four 20s infinite;
}
#animal-gallery.four figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}
#animal-gallery.four figure:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
}
#animal-gallery.four figure:nth-of-type(4) {
	animation-delay: 15s;
	opacity: 0;
}
@keyframes slide-four {
	0%   { opacity: 0; }
	15%  { opacity: 1; }
	30%  { opacity: 1; }
	45%  { opacity: 0; }
	100% { opacity: 0; }
}

/* Keyframes für 3 Bilder */
#animal-gallery.three figure {
	animation: slide-four 15s infinite;
}
#animal-gallery.three figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}
#animal-gallery.three figure:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
}
@keyframes slide-three {
	0%   { opacity: 0; }
	20%  { opacity: 1; }
	40%  { opacity: 1; }
	60%  { opacity: 0; }
	100% { opacity: 0; }
}

/* Keyframes für 2 Bilder */
#animal-gallery.two figure {
	animation: slide-two 10s infinite;
}
#animal-gallery.two figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}
@keyframes slide-two {
	0%   { opacity: 0; }
	30%  { opacity: 1; }
	60%  { opacity: 1; }
	90%  { opacity: 0; }
	100% { opacity: 0; }
}

/* Keyframes für 1 Bild */
#animal-gallery.one figure {
	animation: none;
}

/* Main
--------------------------------------------------- */
.main {
	position: relative;
	background: #fff;
	width: 100%;
	z-index: 1;
}
.main.center {
	text-align: center;
}
.mainContent {
	padding: 50px 20px;
	font-size: 1.0625em;
}
.mainContent.more-padding {
	padding: 80px 30px;
}
.mainContent.image img {
	width: 100%;
}

.mainContent .wrapper {
	max-width: 1260px;
}
.mainContent.center {
	text-align: center;
	margin: 0 auto;
}
.mainContent.boxed {
	max-width: 100%;
	margin: 0 auto;
}
.mainContent img {
	max-width: 100%;
	height: auto;
}
.mainContent ul li {
	margin-bottom: 5px;
}
.sidebarRight {
	padding: 0 20px;
}
aside {
	width: 100%;
	margin: 0;
	padding: 15px 20px;
}

ul, ol {
	padding: 0;
	margin: 0 0 1.5em 20px;
}

/* Navigation
--------------------------------------------------- */
.submenu {
	margin: 0;
}
ul.subNav {
	list-style: none;
	margin: 0;
	padding: 10px 0 50px 0;
}
ul.subNav li {
	margin-bottom: 4px;
}
ul.subNav li a {
	display: block;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.25em;
	padding: 0.75em 1em 0.75em 3em;
	background: #faefe2 url(../images/paw.png) 20px 14px no-repeat;
	word-break: break-word;
	background-size: 15px 15px;
	color: #444;
}
ul.subNav li a:hover {
	background-color: #f7e2cc;
}
ul.subNav li a.selected {
	background-color: #f7e2cc;
	font-weight: bold;
}

/* Intro
--------------------------------------------------- */
.introduction-home {
	text-align: center;
	margin: 0px 0 30px 0;
}
.introduction-home h1 {
	font-size: 2.5em;
	line-height: 1.125em;
	margin-bottom: 20px;
}
.introduction-home p {
	font-size: 1.125em;
	line-height: 1.5em;
}

/* Home-Teaser
--------------------------------------------------- */
.home-teaser {
	margin-top: 40px;
}
.home-teaser .col {
	background-color: #f9e8d6;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.home-teaser a img,
.home-teaser img {
	border-radius: 50%;
	border: 7px solid #dabda2;
}
.home-teaser a:hover img {
	border-color: #925b2a;
}

/* Gallery
--------------------------------------------------- */
.gallery {
	overflow: hidden;
	margin-bottom: 25px;
}
.gallery > .imagebox {
	position: relative;
	float: left;
	overflow: hidden;
	line-height: 0;
	margin-bottom: 10px;
	background: rgba(238, 238, 238, 0.9) url(../images/loading-small-circle.gif) center center no-repeat;
}
.gallery > .imagebox > a > .image {
	position: relative;
	margin: 0 auto;
	z-index: 1;
	display: block;
	max-width: 100%;
}
.gallery > .imagebox > a:hover > .image {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

ul.gallery-overview {
	list-style: none;
	margin: 0;
	margin-top: 30px;
}
ul.gallery-overview li {
	margin-bottom: 30px;
	background: #f9e8d6;
	padding: 30px;
}
ul.gallery-overview li .thumb {
	line-height: 0;
}
ul.gallery-overview li .thumb a img {
	border-radius: 50%;
	border: 7px solid #dabda2;
	width: 100%;
}
ul.gallery-overview li .thumb a:hover img {
	border-color: #925b2a;
}
ul.gallery-overview li .content-wrap {
	margin-top: 30px;
	text-align: center;
}
ul.gallery-overview li .content-wrap .title {
	font-family: 'Rubik', sans-serif;
	font-size: 1.6825em;
	line-height: 1.125em;
 	margin: 0 0 0.5em 0;
 	font-weight: 700;
	color: #925b2a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
ul.gallery-overview li .content-wrap .amount {
 	margin: 0.5em 0;
}
ul.gallery-overview li .content-wrap .button {
 	margin-top: 1.375em;
}

/* Button ontop
--------------------------------------------------- */
.ontop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	text-indent: -999em;
	white-space: nowrap;
	background: #815025 url(../images/arrow-top.png) center 50% no-repeat;
	background-size: 16px 16px;
	border-radius: 20px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	z-index: 5;
}
.ontop.is-visible, .ontop.fade-out, .no-touch .ontop:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.ontop.is-visible {
	visibility: visible;
	opacity: 1;
}
.ontop.fade-out {
	opacity: .9;
}
.no-touch .ontop:hover {
	opacity: 1;
}

/* Form
--------------------------------------------------- */
fieldset {
	position: relative;
	border: none;
	padding: 1em 1em 2em 1em;
	background-color: rgba(255, 246, 235, 0.7);
	margin-bottom: 1.5em;
}
fieldset.object-request {
	border-color: transparent;
	padding: 0;
	background-color: transparent;
	margin-bottom: 0;
}
fieldset h2 {
	font-size: 1.375em;
	margin: 0.875em 0;
}
.formset {
	margin: 0.875em 0;
}
.formset.no-margin-top {
	margin-top: 0;
}
.formset.more-margin-top {
	margin-top: 2.5em;
}
.formset.more-margin-bottom {
	margin-bottom: 2.5em;
}
.formset label, .formset input[type="text"], .formset input[type="password"], .formset input[type="tel"], .formset input[type="date"], .formset input[type="time"], .formset input[type="file"], .formset textarea {
	display: inline-block;
}
.formset label {
	width: 100%;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 300;
	padding-left: 1%;
	padding-bottom: 5px;
	word-break: break-word;
}
.formset label.radio {
	width: auto;
	font-weight: normal;
	margin-left: 0.25em;
}
.formset label.selection {
	width: 100%;
	text-align: left;
	padding-left: 1.5em;
	padding-bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.formset input[type="text"], .formset input[type="password"], .formset input[type="tel"], .formset input[type="email"], .formset input[type="date"], .formset input[type="time"], .formset input[type="file"], .formset textarea, .formset select.maxwidth {
	width: 100%;
	border: 1px solid #c6c6c6;
	padding: 0.5em;
	outline: none;
	font-weight: normal;
}
.formset input[type="text"]:focus, .formset input[type="password"]:focus, .formset input[type="tel"]:focus, .formset input[type="email"]:focus, .formset input[type="date"]:focus, .formset input[type="time"]:focus, .formset input[type="file"]:focus, .formset textarea:focus, .formset select:focus {
	border-color: #a2a2a2;
	box-shadow: 0px 0px 6px #e0e0e0;
	-moz-box-shadow: 0px 0px 6px #e0e0e0;
	-webkit-box-shadow: 0px 0px 6px #e0e0e0;
}
.formset input[type="text"].datepicker {
	background-image: url(../images/cal.png);
	background-position: 97% center;
	background-repeat: no-repeat;
}
.formset input[type="text"].small {
	width: 6em;
}
.formset input[type="text"].smaller {
	width: 4em;
}
.formset select {
	border: 1px solid #c6c6c6;
	padding: 0.5em 1.75em 0.5em 0.375em;
	font-weight: normal;
}
.formset .checkbox-left {
	float: left;
	margin: -2px 6px 0 0;
}
.formset input[type="text"].w1, .input-text.w1 {
	width: 5em;
}
.formset input[type="text"].w2, .input-text.w2 {
	width: 7em;
}
.formset input[type="text"].w3, .formset input[type="date"].w3, .formset input[type="time"].w3, .input-text.w3 {
	width: 9em;
}
.formset input[type="password"].w1 {
	width: 14em;
	max-width: 100%;
}
.formset input[type="file"] {
	background: #fff;
}
.formset .input-info {
	display: inline-block;
	font-size: 0.75em;
	line-height: 1.375em;
	margin: 5px 0 0 3px;
}
.formset .btn-file {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 0.5em 0.75em;
	margin: 0;
	font-size: 0.875em;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	color: #444;
	background-color: #d9d9d9;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.formset .file-selected  {
	padding-right: 28px;
	display: inline-block;
	color: #000;
	background: url(../images/icon-check.png) right center no-repeat;
}

.formset .btn-file input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: -999px;
	text-align: left;
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: inherit;
	display: block;
}

ul.form-selection {
	margin: 0;
	list-style: none;
	overflow: hidden;
}
ul.form-selection li {
	margin: 0 0 10px 0;
	position: relative;
	height: auto;
}
ul.form-selection li input[type="radio"] {
	position: absolute;
	top: 4px;
	left: 0;
}
ul.form-selection li input[type="checkbox"] {
	position: absolute;
	top: 4px;
	left: 0;
}
ul.form-selection li.distance-left {
	margin-left: 25px ;
}
ul.form-selection.inlineblock li {
	display: inline-block;
	margin-right: 20px;
}
.btn-submit {
	background-color: #a07146;
	border: none;
	font-size: 1em;
}
.btn-submit:hover {
	background-color: #976942;
}
.loader {
	line-height: 24px;
	padding: 10px 20px;
}
.form-print .formset input[type="text"]:focus, .form-print .formset input[type="password"]:focus, .form-print .formset textarea:focus, .form-print .formset select:focus {
	border-color: #c6c6c6;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	font-weight: normal;
}
.form-print .required {
	display: none;
}
.styledRadio, .styledCheckbox {
	display: inline-block;
}
.styledRadio-disabled, .styledCheckbox-disabled {
	opacity: 0.5;
	cursor:pointer !important
}
.styledCheckbox-disabled-checked {
	background-position: 0 -60px !important;
}

.pass-lost {
	margin-top: 30px;
}
.pass-lost a {
	text-decoration: none;
}
.pass-lost a:hover {
	text-decoration: underline;
}

@media only screen and (min-width: 36em) {
	fieldset {
		padding: 1em 2em 2em 2em;
	}
	fieldset h2 {
		margin-bottom: 1.5em;
	}
	.formset label {
		width: 36%;
		padding-right: 2%;
		text-align: right;
	}
	.formset label.title-selection {
		float: left;
	}
	.formset.agb label {
		width: 100%;
		text-align: left;
	}
	.formset input[type="text"], .formset input[type="password"], .formset input[type="tel"], .formset input[type="email"], .formset input[type="date"], .formset input[type="file"], .formset textarea {
		width: 62%;
		max-width: 30em;
	}

	ul.form-selection {
		width: 62%;
		max-width: 30em;
		margin-left: 36%;
		margin-bottom: 1.25em;
	}
	.formset select.maxwidth {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.btn.account {
		margin-left: 36%;
	}
}

/* Tables
--------------------------------------------------- */
table.table-style-1 {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}
table.table-style-1 tr {
	border: 1px solid #f8ecd7;
	padding: 0.5em;
}
table.table-style-1 td {
	padding: 0.5em;
}
table.table-style-1 td:first-child {
	width: 80%;
}
table.table-style-1 td:last-child {
	width: 20%;
	text-align: right;
}
@media only screen and (max-width: 46em) {
	table.table-style-1 {
		border: 0;
	}
	table.table-style-1 tr {
		border-bottom: 1px solid #f7e2cc;
		display: block;
		margin-bottom: 0.875em;
	}
	table.table-style-1 td {
		border-bottom: 1px solid #f7e2cc;
		display: block;
		font-size: 1em;
		text-align: left;
		padding: 0.375em;
	}
	table.table-style-1 td:first-child {
		width: 100%;
	}
	table.table-style-1 td:last-child {
		border-bottom: 0;
		width: 100%;
		text-align: left;
	}
}

/* Footer
--------------------------------------------------- */
#footer {
	background: #a07146 url(../images/bg-paws.png) center center repeat;;
	text-align: center;
}
#footer .wrapper {
	padding: 0 20px;
}
#footer .content {
	padding: 40px 0;
	color: #fff6eb;
}
#footer .content .grid .col {
	margin-bottom: 50px;
}
#footer .content .grid .col:last-child {
	margin-bottom: 0px;
}
#footer .content h1 {
	color: #fff6eb;
	font-size: 1.375em;
}
#footer .content h1:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #fff6eb;
	margin: 20px auto;
}
#footer .content ul {
	list-style: none;
	margin: 0;
}
#footer .content p,
#footer .content ul li {
	font-size: 1.125em;
	line-height: 1.5em;
}
#footer .content .contact ul li span {
	font-weight: 500;
	display: inline-block;
	width: 70px;
}
#footer .content ul li a {
	color: #fff6eb;
	text-decoration: none;
}
#footer .content ul li a:hover {
	text-decoration: underline;
}
#footer .content .list ul li {
	margin: 9px 0;
}
#footer .content .opening-times ul {
	margin-bottom: 18px;
}
#footer .content .opening-times ul li span {
	font-weight: 500;
}

.footer-nav {
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #f7e2cc;
}
.footer-nav .wrapper {
	position: relative;
	margin: 0 auto;
	padding: 40px 0 !important;
}
.footer-nav .link {
	display: inline-block;
	margin-bottom: 30px;
}
.footer-nav .link a {
	display: inline-block;
	font-family: 'Rubik', sans-serif;
	line-height: 1.125em;
	font-size: 1.3125em;
 	font-weight: 700;
 	text-decoration: none;
 	padding: 2px 0 0 35px;
	color: #925b2a;
	width: auto;
	height: 25px;
	background: url(../images/paw.png) left center no-repeat;
	background-size: 25px 25px;
	opacity: 0.9;
}
.footer-nav .link a:hover {
	opacity: 1;
}
.footer-nav .dog-img {
 	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 0;
}
.footer-nav .siteby {
	margin-bottom: 80px;
}
.footer-nav .siteby a {
	display: block;
	margin: 0 auto;
	text-indent: -999em;
	width: 84px;
	height: 11px;
	background: url(../images/icon-siteby.png) center center no-repeat;
	background-size: 84px 11px;
	opacity: 0.7;
}
.footer-nav .siteby a:hover {
	opacity: 1;
}


/* Cookie-Hint
--------------------------------------------------- */
.cookie-hint {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 90;
	background: rgba(255, 255, 255, 0.96);
	border-top: 1px solid #925b2a;
}
.cookie-hint .wrapper {
	width: 100%;
	max-width: 1320px;
	padding: 0.5em 30px;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #444;
}
.cookie-hint .btn {
	float: right;
	margin: 0.125em 0 0.5em 1em;
	padding: 0.5em 1em;
	font-weight: 500;
	border-radius: 5px;
}