/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* -------------------------------------------------------------------------------------------------------------------- */
body {
	color: #706F6F;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.4;
}
h1 {
	font-weight: 300;
	font-size: 2rem;
	padding-bottom: 2rem;
}
h2 {
	color: #94C6CD;
	font-size: 1.75rem;
	font-weight: 300;
}
h3 {
	font-size: 1.75rem;
	font-weight: 300;
	padding-bottom: 20px;
}
p {
	font-size: 1rem;
	padding-bottom: 20px;
}
strong {
	font-weight: 300;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.label-required {
	color: #94C6CD;
}
/* -------------------------------------------------------------------------------------------------------------------- */
#content {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#content-head {
	background-color: #F6F6F6;
	height: 140px;
	padding: 10px 0;
}
#content-head-inner-left {
	float: left;
	height: 100%;
	padding-left: 40px;
}
#content-head-inner-left img {
	height: 100%;
	padding: 10px 0;
}
#content-head-inner-right {
	float: right;
	padding-right: 40px;
	padding-top: 64px;
	position: relative;
}
#nav-main li {
	font-size: 1.1rem;
}
#nav-main li a:hover, #nav-footer li a:hover, #nav-admin li a:hover, #nav-mobile li a:hover, .aktiv {
	border-bottom: 1px solid #706F6F;
}
#content-body a {
	color: #80B4B1;
}
#content-body-inner {
	clear: both;
}
#content-foot {
	background-color: #B0D4D2;
	padding: 40px 0;
}
#content-foot-inner-left {
	float: left;
	padding-left: 40px;
	width: 60%;	
}
#content-foot-inner-right {
	float: right;
	padding-right: 80px;
}
/* -------------------------------------------------------------------------------------------------------------------- */
#nav-mobile-wrapper {
	font-size: 1.5rem;
	position: absolute;
	right: 40px;
	top: 64px;
}
#nav-mobile {
	background-color: #B0D4D2;
	right: 0;
	margin-top: 10px;
	padding: 0 20px;
	text-align: right;
	z-index: 10;
}
/* -------------------------------------------------------------------------------------------------------------------- */
#nav-admin-wrapper {
	position: absolute;
	right: 20px;
	top: 64px;
}
#nav-admin {
	background-color: #B0D4D2;
	right: 0;
	margin-top: 5px;
	text-align: right;
	z-index: 10;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.content-inner {
	height: 100%;
	margin: 0 auto;
	max-width: 81rem;
	position: relative;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.turquoise {
	color: #B0D4D2;
}
.white {
	color: #FFFFFF;
}
/* -------------------------------------------------------------------------------------------------------------------- */
#content-body-fullpic {
	height: calc(100% - 140px);
	cmin-height: 26rem;
}
#fullpic {
	display: flex;
	height: 100%;
	justify-content: center;
}
#fullpic-text-wrapper {
	color: #FFFFFF;
	padding: 0 1rem;
	position: relative;
	top: 20%;
	text-shadow: 2px 2px #1C1C1C;
	z-index: +1;
}
#fullpic-text-1 {
	display: inline-block;
	font-size: 1.8rem;
	text-align: center;
}
#fullpic-text-2 {
	font-size: 0.85rem;
	text-align: right;
}
#fullpic-scroller {
	bottom: -3rem;
	font-size: 8rem;
	position: absolute;
	text-align: center;
	width: 100%;
}
#fullpic-scroller *:hover {
	color: #F6F6F6;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.col-wrapper {
	align-items: stretch;
	display: flex;
	position: relative;
}
.col-wrapper>div {
	position: relative;
}
.col-40 {
	width: 40%;
}
.col-50 {
	width: 50%;
}
.col-60 {
	width: 60%; 
}
.col-100 {
	padding: 2rem 4rem;
}
.row-1 {
	height: 100%;
	position: absolute;
	width: 100%;
}
.row-3 {
	height: 33.333333%;
	position: absolute;
	width: 100%;
}
.row-5 {
	height: 20%;
	position: absolute;
	width: 100%;
}
.row-7 {
	height: 14.285714%;
	position: absolute;
	width: 100%;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.hundeschule h2 {
	padding-bottom: 1.75rem;
}
.faq h2 {
	font-size: 1.2rem !important;
	padding-bottom: 1rem !important;
}
.faq h2:not(:first-child) {
	padding-top: 0.7rem !important;
}
.textboard {
	padding: 4rem;
}
.timeline p {
	margin-left: 2rem;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.dataprivacystatement-headline-2 {
	padding-top: 0.7rem;
}
.dataprivacystatement-headline-3 {
	color: #94C6CD;
	font-size: 140%;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}
.dataprivacystatement-copyright {
	font-size: 90%;
	padding-bottom: 0;
	padding-top: 2rem;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.col-admin {
	padding: 40px 20px;
	width: 100%;
}
.admin-picbox-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: calc(100% + 10px);
}
.admin-picbox {
	border: 1px solid #706F6F;
	height: 100px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 6px;
}
.admin-picbox-aktiv {
	background-color: #94C6CD;
}
.admin-picbox img {
	height: 100%;
}
/* -------------------------------------------------------------------------------------------------------------------- */
.mobile {
	visibility: hidden;
}
.mobile-pic {
	display: none;
	visibility: hidden;
}
/* -------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 61rem) {
	.mobile {
		visibility: visible;
	}
	.mobile-pic {
		display: block;
		padding-top: 40px;
		visibility: visible;
		width: 100%;
	}
	.not-mobile {
		display: none;
		visibility: hidden;
	}
	#content-foot-inner-left {
		width: 100%;
	}
	.col-wrapper {
		flex-wrap: wrap;
	}
	.col-50 {
		width: 100%;
	}
}
@media screen and (max-width: 42rem) {
	.col-100 {
		padding: 2rem;
	}
	.textboard {
		padding: 4rem 2rem;
	}
}
/* -------------------------------------------------------------------------------------------------------------------- */
.mail-table, .mail-table td {
	color: #706F6F;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}