/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-700.svg#SourceSansPro') 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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:no}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: rgb(51,51,51);
	font: normal 18px/1.5em 'Source Sans Pro', sans-serif;
	position: relative;
	height: 100%;
	width: 100%;
	background: url(../images/bg-navigation.jpg);
}
strong {font-weight:700;}
table, td {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border-collapse: collapse;
	border-spacing: 0px;
}
iframe { 	border: 0px;	margin: 0px;	padding: 0px;}
img { 	border: 0;	margin: 0;	padding: 0;	outline: none;}
img:focus { 	outline: none;}
a { 	color: inherit;}
a:hover { 	color: rgb(201,21,23);	text-decoration: underline;}
address { 	font-style: normal;}
/*----------------------------------------------------------------------*/
nav, .logo, header { transition: all 0.5s; -webkit-transition: all 0.5s;}

.image {	border: 2px solid #fff;}
.container, header, .logo, .bild, .content, footer {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.container {	background-color: #fff;}
.center {
	padding: 2rem 1rem;
	max-width: 980px;
	z-index: 500;position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	background: none; text-align:inherit;
}
header {
	background: rgb(201,21,23) /*url(../images/bg-navigation.jpg)*/;
	height: 230px;
	padding-left: 10vw;
}
.logo-bild { float:left;}
.logo-schrift {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	font-style: italic;
	font-family: 'Times New Roman', Times, serif;
	padding: 75px 0;
	float: left;
	line-height: 10px;
	text-transform: uppercase;
}
.logo-schrift p:nth-child(1) {
	font-size: 1.6em;
	letter-spacing: 1.9px;
}
.logo-schrift p:nth-child(2) {
	font-size: 1.6em;	
	letter-spacing: 1.2px;
}
.jetzt {float: right; margin: 30px 15% 0 0; transform:rotate(0deg);-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
.jetzt:hover,.jetzt:focus { transform:rotate(360deg); 	}

.content { 	width: 95%;}
.content-left {float:left; width:64%; padding-right:3%;}
.content-right {
	float: right;
	width: 28%;
	padding-left: 3%;
	border-left: 2px solid #C91517;
	line-height: 1.2em;
	font-weight: 600 !important;
	z-index: 100;
	position: relative;
	font-size: 16px;
}
.content-right a { text-decoration:none; color:inherit;}
.content-right a:hover, .content-right a:focus { text-decoration:underline;}
footer { 	color: #fff;	font-size: 0.8em;}
footer a { text-decoration:none;} footer a:hover, footer a:focus { text-decoration:underline;}
.impressum { 	color: #ccc;	text-align: right;	font-size: 0.9em;}
/*----------------------------------------------------------------------*/
.bild {
	z-index: 1;
	overflow: hidden;
	height: 65vh;
	background: url(../images/loader.gif) center center no-repeat !important;
}
/*----------------------------------------------------------------------*/
.clear {     content:"";    display:block;    clear:both;	height:0;}
hr, .trennlinie {
	height: 1px;
	margin: 30px 0;
	clear: both;
	display: block;
	border-top: 1px dotted rgb(50,50,50);
	border-width: 1px 0 0 0;
}
p, h1, h2, h3, h4, h5, h6 { 	margin: 0 0 1em 0;	padding: 0;	font-size: 1em;}
h1 { font: italic bold 1.7em "Times New Roman", Times, serif;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.2em;}
/*----------------------------------------------------------------------*/
.galerie {
	position: relative;
	width: 100%;
	background: #fff;
}
.item{   margin: 3px; overflow: hidden;}
.item img { display: block;	width: auto; height: 150px;}
.btn.prev  {
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}
.btn.next {
	position: absolute;
	z-index: 50;
	right: 0px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}
.btn.prev { 	left: 15px;}
.btn.next {	right: 15px;}
.customNavigation{   text-align: center;}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*----------------------------------------------------------------------*/
input,textarea {
	border: none;
	font-family: 'Source Sans Pro',sans-serif;
	font-size: 16px; font-weight:700;
	-webkit-appearance: none;
	max-width: 350px;
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 7px;
	padding: 10px;
	border:1px solid #aaa;
}
input:focus,textarea:focus {
	border-color: #C91517;
}
textarea{height:120px;}
input.send{
	cursor: pointer;
	background-color:#C91517;
	color: #fff;
	font-weight: bold;
	letter-spacing:1px;
	border:3px solid transparent; padding:10px 20px;
}
input.send:hover, input.send:focus{
	border-top: 3px solid #eee;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	border-left: 3px solid #eee; padding:12px 18px 8px 22px;
}
/*----------------------------------------------------------------*/
.btn.toTop {
	color: #fff;
	background: rgb(50,50,50);
	position: fixed;
	right: 10px;
	bottom: 150px;
	border: 2px solid #fff;
	text-decoration: none;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 0 9px 3px 9px;
	z-index: 999;
	line-height: 35px;
}
.btn.toTop:hover {
	border: 2px solid #fff;
}
.btn.toTop.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0;
}
/*----------------------------------------------------------------------*/
@media only screen and (min-width: 900px) {
	.weiter, .weiter:hover {
		position: absolute;
		top: 45px;
		width: 50px;
		height: 25px;
		border-radius: 0 0 25px 25px;
		background-color: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
		text-align: center;
		font-weight: 700;
		left: 50%;
		margin-left: -25px;
		text-decoration: none; line-height:15px;
	}
	.menu, .close {
		display: none;
	}
	nav {
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
		background: #fff;
		z-index: 5000;
		width: 100%;
		color: #444;
		padding: 3px;
		height: 46px;
	
	}
	.sticky-wrapper{
		height:0px !important;
	}
	.is-sticky nav {
		position:fixed !important;
		z-index: 5000 !important;
		top:0px;
		bottom:auto !important;
		padding:5px; height:50px;
	}
	nav ul {
		list-style-type: none;
		display: inline;
		padding: 0px;
		margin: 0 auto;
		max-width: 980px;
	}
	nav ul li {
		float: left;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	nav ul {
		display: flex;
		width: 100%;
	}
	nav ul li {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;
		margin: 0 1vw;
	}
	nav a {
		text-decoration: none;
		display: block;
		padding: 0;
		margin: 0px;
		line-height: 40px;
		font-weight: 600;
		font-size: 20px;
		color: #444;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}
	nav a:hover, nav a.aktiv  {
		background: rgb(100,100,100);/* rgb(201,21,23);*/
		border-color: #fff;
		border-radius: 5px;
		text-decoration: none;
		color: #fff;
	}
	nav .aktiv a {
		text-transform: uppercase;
	}
}
@media only screen and (max-width: 899px) {
	body {
		font-size: 16px;
		line-height: 22px;
	}
	.bild {
		height: 250px !important;
	}
	.weiter { display:none !important;}
	header { height:180px; border-bottom:2px solid #fff; padding-left:10px;}
	.jetzt {
		margin-right: 10vw;
		margin-top: 25px;
	} .jetzt img { height: 120px; width:auto;}
	.logo-bild img { height:170px; width:auto;}
	.logo-schrift { padding:50px 0 0 0;}
	/*--------------------------------------------------------------*/
		
	nav, nav ul, nav ul li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
	}
	nav, .is-sticky nav {
		position: fixed !important;
		width: 100% !important;
		z-index: 5000 !important;
		background-color: rgb(65,65,65);
		top:0px;
		bottom:auto !important;
	}
	nav ul {
		display: none;
		margin: 0 20px;
		padding-top: 70px;
		padding-bottom: 20px;
	}
	nav ul li {
		float: none;
		text-align: center;
		margin-bottom: 3px;
	}
	nav ul li a {
		text-decoration: none;
		display: block;
		padding: 0;
		margin: 0 auto;
		font-size: 18px;
		line-height: 40px;
		background: rgb(70,65,65);
		color: rgb(255,255,255);
		width: 70%;
	}
	nav ul a:hover, nav ul a:focus, nav ul a.aktiv {
		color: #fff;
		background: rgb(201,21,23);
		border-color: #fff;
		text-decoration: none;
		border-radius: 10px;
	}
	.menu, .close {
		display: block;
		right: 17px;
		top: 17px;
		z-index: 550;
		color: #fff;
		background-color: rgb(50,50,50);
		position: fixed;
		border: 2px solid #fff;
		text-decoration: none;
		-webkit-transition: display 0.5s ease-in-out;
		-moz-transition: display 0.5s ease-in-out;
		-ms-transition: display 0.5s ease-in-out;
		-o-transition: display 0.5s ease-in-out;
		transition: display 0.5s ease-in-out;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding: 0 10px;
		line-height: 35px;
		cursor: pointer;
	}
	.close { display:none; padding:0 26px; background-color:#fff; color:rgb(50,50,50); font-weight:600;}
}
@media only screen and (max-width: 700px) {
	.jetzt { display:none;}
	.content-right, .content-left { float:none; width:100%; border-left:none; padding:0 0 15px 0; margin:0;}
	.content-right {border-top: 1px solid rgb(201,21,23); padding-top:25px; font-size:1em;}
}
@media only screen and (max-width: 600px) { 	
	.logo-bild img {
		height: 100px;
		width: auto;
	}
	.logo-schrift { padding:25px 0 0 10px; font-size:11px;}
	header { height:105px;}
}
@media only screen and (max-width: 440px) { 
	.logo-bild {float:none;}.logo-bild img {
		height: 80px;
		width: auto;
	}
	.logo-schrift { float:none; padding: 0 10px 10px; font-size:11px;} .logo-schrift p { display:inline; text-transform:none !important; font-variant:normal !important; line-height:20px; margin:0; }
	header { height:auto;}
}
/*------------------------------------------------------------------------------------------------------------------------*/
::-moz-selection { /* Code for Firefox */  color: white; background: #A40A46;}
::selection { 	color: white;	background: #A40A46;}
/*------------------------------------------------------------------------------------------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
  from {     opacity: 0;  }
  to {     opacity: 1;  }
}
@keyframes fadeIn {
  from {     opacity: 0;  }
  to {    opacity: 1;  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}