/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body { font-family: "Inter", Verdana, sans-serif; font-size:16px; background-color:#fff; }
h1 {font-size:28px;font-weight:bold;}
h1.nospace {font-size:28px;font-weight:bold;margin:0;}
h2 {font-size:22px;font-weight:bold;color:#730046;text-transform:uppercase;}
h3 {font-size:18px;font-weight:bold;color:#730046;text-transform:uppercase;}
.small, small {
    font-size: 65%;
}
.berry {color:#730046;}
.bold {font-weight:700;}
.cap {text-transform:uppercase;}

.head {background:url(../img/bg_header.png) 50% 0 repeat-x;}

hr { border-top: 1px solid #666; margin: 18px 0;}

.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.angebot { list-style-image: url(../img/haken.png); margin:0; padding:0 0 20px 20px; }

p.highparagraph, span.highparagraph {color:#730046;}
p.subline {color:#730046;font-weight:bold;margin-bottom: 1.250em;}
.main-content {background-color:#fff;}
.content-intro {padding-bottom:120px;padding-top:20px;}
.content-infoabende { background-color:#dca7c0; padding-bottom:20px;}
.content-termine {background:url(../img/bg2.jpg) left top no-repeat;background-size: 100% 98px;padding-bottom:20px;padding-top:80px;}
.content-angebot { padding-top:30px;}

.content-pre-funfacts {background:url(../img/bg3.jpg) left bottom no-repeat;background-size: 100% 93px;padding-bottom:70px;padding-top:0;}
.content-funfacts { background-color:#f1e6ec; padding-bottom:20px;}
.birds { background:url(../img/herz_moewe.png) center bottom no-repeat; height:130px;}
.content-funfacts2 {background:url(../img/bg4.jpg) left top no-repeat;background-size: 100% 60px;padding-bottom:50px;padding-top:50px;}
.padmain {padding-left:30px;/* padding-right:50px; */}

.bg1 {background:url(../img/bg1.jpg) center bottom no-repeat;background-size: 100% 203px;}

.footer {padding:50px 0;}
.footer a, .standort a {
    color: #730046;
    text-decoration: none;
}
.footer a:hover, .standort a:hover {
    color: #730046;
    text-decoration: underline;
}

a.standart {
	color: #008753;
	text-decoration: underline;
}


.footer_copyright { font-size:14px; font-weight:bold; }
.footer_address { font-size:11px; }

.standort {
	font-size:13px;
	background-color:#F2EEE7;
	border-top:10px solid #730046;
	padding:15px 17px;
	margin:0 0 25px 0;
}
.standpad {padding-left: 40px;}
.video_container { padding-bottom: 40px; }
.video_details {
	padding:10px 0;
}
.video_toggle { border-bottom:1px solid #000; }



.mainnav {
	z-index:99999;
	width:222px;
	height:99999px;
	background-color:#730046;
	position:fixed;
	top:0;
	right:-142px; 
}
.mainnav ul {
	margin:148px 0 0 0;
	padding:0;
	list-style-type:none;
}
	.mainnav ul li {
		background-color: #205079;
		padding: 10px 0;
	}
		.mainnav ul li a {
			padding: 12px 12px; /* 24px 160px 24px 12px; */
			color:#fff;
			margin: -10px 0;
			text-decoration:none;
			background-color:#730046;
			display:block;
		}
		
		.mainnav ul li a:hover {
			background-color:#5c0035;
		}
		.mainnavopen {
			background-color:#38536e;
		}
		.mainnavopen ul li a {
			background-color: #38536e;
		}
		.mainnavopen ul li a:hover {
			background-color:#2a3d50;
		}
	
	
.navtoggle {
	cursor:pointer;
	overflow:hidden;
	width:74px;
	height:74px;
	background-color:#9c4d7d;
	position:absolute;
	top:74px;
	left:-74px;
}
	.navtoggle:hover {
		background-color:#730046;
	}

	.navopen {
		background-color:#38536e;
		width:222px;
		left:0;
	}
	.navopen a {
		text-decoration:none;color:#fff;
	}
	.navopen:hover {
		background-color:#2a3d50;
	}
	
.navlink img {padding-right: 10px;padding-left: 3px;}
	
@media only screen and (max-width:991px) {
	.content-findus { background:none; }
	.padmain {padding-left: 15px;}
	.standpad {padding-left: 25px;}
	.mainnav {
		right:-222px;
	}
	.mainnav ul {
		margin:74px 0 0 0;
	}
	.navtoggle {
		position:absolute;
		top:0;
		/* left:-74px; */
	}
}