body{
    font-family: 'Source Sans Pro', sans-serif;
    margin:0;
    overflow-x:hidden;
}

element:hover, 
element:active { 
-webkit-user-select: none; 
-webkit-touch-callout: none;
}

.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 99;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #a0cff1;
  border-radius: none; 
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 20px 0 0 0;
}
.bts-popup-container p {
	color: white;
  padding: 10px 40px;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}






.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: white;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 8em auto;
  }
}	

#titelbereich{
	width:100%;
	height:95vh;
	overflow:hidden;
}

#nurbeimobil{
	visibility:hidden;
}

b{
	font-weight:700;
}

#titelslide1{
	background:url(images/bg1.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	height:95vh;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	animation:2s ausblenden linear;
	animation-delay:1s;
	animation-fill-mode: forwards;
}

@keyframes ausblenden{
	0%{opacity:1;}
	100%{opacity:0;}
}

#titelslide2{
	background:url(images/bg2.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	height:95vh;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	animation:2s ausblenden linear;
	animation-delay:5s;
	animation-fill-mode: forwards;
}

#titelslide3{
	background:url(images/bg3.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	height:95vh;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	animation:2s ausblenden linear;
	animation-delay:9s;
	animation-fill-mode: forwards;
}

#titelslide4{
	background:url(images/bg4.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	height:95vh;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	animation:2s ausblenden linear;
	animation-delay:13s;
	animation-fill-mode: forwards;
}

#titelslide5{
	background:url(images/bg5.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	height:95vh;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
	animation:2s ausblenden linear;
	animation-delay:17s;
	animation-fill-mode: forwards;
}

#titelslide6{
	background:url(images/bg6.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	width:100%;
	height:95vh;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:-1;
	left:0;
}

#titelslidebereich{
	overflow:hidden;	
}

#titelslidebereich div{
	/*animation:24s sliderkopf alternate infinite linear;*/
	transition:all 0.4s ease;
}

@keyframes sliderkopf{
	0%{margin-left:0%;}
	20%{margin-left:-100%;}
	40%{margin-left:-200%;}
	60%{margin-left:-300%;}
	80%{margin-left:-400%;}
	100%{margin-left:-500%;}
}

#titelinhalt{
	position:relative;
	width:100%;
	text-align: center;
	top:38vh;
}

#titelinhalt img{
	max-width:600px;
}

#nichtbeimobil{
	display:block;
}

#nichtbeidesktop{
	display:none;
}

#pattern{
	width:50%;
	height:95vh;
	background:url(/images/stripes.png);
	position:absolute;
	top:0px;
	right:0px;
	pointer-event:none;
	opacity:0.2;
}

h1{
	font-size:96px;
	line-height:90px;
	text-transform:uppercase;
}

header {
	width: 100%;
	padding: 40px 40px;
	-moz-transition: all 0.4s ease-in-out;
	z-index: 99999999;
	top: 0;
	position: fixed;
}

header img{
	max-width:230px;
	transition:all 0.4s ease;
}

.container,
.headerinhalt {
	width:1000px;
	max-width:90%;
	margin:auto;
}

h3{
		text-align:center;
	font-weight:300;
	font-size:27px;	
	text-transform:uppercase;
	color:#93e318;
}

.container h2{
	text-align:center;
	font-weight:300;
	font-size:33px;	
	text-transform:uppercase;
}

h2 strong{
	font-weight:600;
	color:#f56f11;
}
/*
#tanz{
	animation-name:tanz;
	animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    backface-visibility: hidden;    
    filter: blur(0);
}

@keyframes tanz {
    0%   {transform:rotate(-2deg);}
    25%   {transform:rotate(-4deg);}
    50%   {transform:rotate(1deg);}
    75%   {transform:rotate(-1deg);}
    100%   {transform:rotate(-3deg);}
}
*/
.versetzt1{
	position:relative;
	top:-8px;
}

.versetzt2{
	position:relative;
	top:4px;
}

.versetzt3{
	position:relative;
	top:-4px;
}

.versetzt4{
	position:relative;
	top:-8px;
}

.versetzt5{
	position:relative;
	top:10px;
}

#tanz{
	position:relative;
	left:255px;
}

#verunten{
	position:relative;
	top:34px;
	left:-40px;
}

#drehdich{
	transform:rotate(3deg);
	position:relative;
	display:inline-block;
}


p{
	font-size:17px;
	line-height:30px;
	letter-spacing:1px;
	color:#664;
	font-weight:300;
}

#maskottchen{
	position:absolute;
	bottom:5vh;
	margin-bottom:-7px;
	left:0;
	width:100%;
	overflow:hidden;
	height:380px;
	pointer-event:none;
}

#maskottchen img{
	width:460px;
	position:absolute;
	bottom:5px;
	animation-name: masko;
    animation-duration:40s;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes masko {
    0%   {left:0;}
    49%{transform: scaleX(1);}
    50%   {left:100%;transform: scaleX(-1);}
    99%{transform: scaleX(-1);}
    100%   {left:-10%;}
}

.shrink {
	padding: 7px 40px;
	background:#f56f11;
	border:0;
}

.shrink img{
	max-width:150px;
}

.shrink nav p{
	font-size:15px;
} 

h4{
	display:none;
}

.shrink h4{
	display:block;
	float:left;
	color:#93e318;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:300;
}

nav{
	float:right;
	position:relative;
	right:80px;
}

nav p{
	float:left;
	color:#fff;
	font-size:16px;
	margin:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	transition:all 0.4s ease;
	font-weight:400;
}

nav p a{
	text-decoration: none;
	color:#fff;
	transition:all 0.4s ease;
	text-shadow:1px 1px 4px rgba(0,0,0,0.8);
}

nav p:hover,
nav p a:hover{
	color:#93e318;
}

#zwischen{
	background:url(/images/003.gif);
	background-size:cover;
	background-position:center;
	
}

#zwischen h3{
	text-align:center;
	padding-top:290px;
	font-weight:400;
	color:#fff;
	font-size:26px;
	text-transform: uppercase;
}

#zwischen p{
	text-align:center;
	padding-bottom:70px;
}

.button{
	color:#fff;
	border:2px solid #fff;
	text-decoration:none;
	font-size:16px;
	letter-spacing:1px;
	padding:5px 25px;
	text-transform:uppercase;
	transition:all 0.4s ease;
	font-weight:600;
}

.button:hover{
	background:#eeeeee;
	color:#93e318;
}

.impr{
	margin-top:-17px;
	max-height:320px;
	width:3%;
	float:left;
	position:relative;
	animation:slider 60s ease infinite alternate;
	 animation-timing-function: linear;
}

@keyframes slider{
	0%{left:0;}
	100%{left:-50%;}
}

.impr img{
	float:left;
	width:100%;
	transition:all 0.7s ease;
	position:relative;
}

.impr img:hover{
	transform:scale(1.7);
	z-index:99999999;
}

#imprcontainer{
	width:750%;
}

#spalte1,
#spalte2,
#spalte3{
	width:31%;
	margin:1%;
	float:left;
}

.leistung{
	text-align:left;
	margin-bottom:40px;
	border:1px solid #eee;
	height:160px;
	overflow:hidden;
	transition:all 0.4s ease;
	padding:10px;
}

.leistung h5,
.mehr{
	text-align:center;
}

.slidetext{
	position:relative;
	top:150px;
	transition:all 0.6s ease;
}

.slidetext p{
	color:#fff;
}

.slideueber{
	position:relative;
	top:45px;
	transition:all 0.5s ease;
}

.leistung:hover{
	background:#f56f11;
}

.leistung:hover > .slideueber{
	top:16px;
	color:#fff;
	font-weight:bold;
}

.leistung:hover > .slidetext{
	top:-15px;
	color:#fff !important;
}

.leistung h5{
	color:#f56f11;
	font-weight:400;
	font-size:22px;
	margin-top:-15px;
	margin-bottom:-10px;
}

.leistung img{
	max-width:50px;
}

.spalte h5{
	color:#fff;
	font-weight:300;
	font-size:35px;
	margin-top:10px;
	margin-bottom:20px;
}

#zwischen2{
	background-color:#93e318;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
}

.teamfoto img{
	max-width:700px;
}

.teamfoto{
	text-align:center;
}

#zwischen2 h3{
	text-align:center;
	padding-top:40px;
	margin-bottom:30px;
	font-weight:300;
	color:#fff;
	font-size:23px;
	text-transform: uppercase;
}

#zwischen2 p{
	text-align:center;
	padding-bottom:110px;
}

footer{
	width:100%;
	background:#f56f11;
	clear:both;
	margin-top:55px;
	margin-bottom:-20px;
	padding-top:24px;
	margin-top:-20px;
	color:#fff;
	letter-spacing:1px;
	font-weight:300;
}

.spalte{
	width:48%;
	padding:1%;
	float:left;
}

.spalte a{
	text-decoration:none;
	color:#fff;
}

#footerinhalt{
	width:100%;
	max-width:1150px;
	margin-left:auto;
	margin-right:auto;
}

#footerinhalt p{
	color:#fff !important
}

#copyright{
	text-align:center;
	background:#333;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:-20px;
}

#copyright p{
	font-size:14px;
	letter-spacing:2px;	
	color:#fff;
}

#sprech{
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

#sprech td{
	padding: 12px;
    border: 1px solid #e3e3e3;
}

#sprechfuss{
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	color:#fff;
}

#sprechfuss td{
	padding: 12px;
    border: 1px solid #e3e3e3;
}

iframe{
	margin-top:-20px;
}

.mehrbutton{
	padding:7px 17px;
	color:#fff;
	position:relative;
	top:40px;
	transition:all 0.4s ease;
	cursor:pointer;
	font-weight:100;
	text-decoration:none;
	border:1px solid #fff;
}

.mehrbutton:hover{
	background:#93e318;
	text-decoration:none;
}

#teloben{
	text-align:right;
	font-size:20px;
	font-weight:100;
	color:#fff;
	position:absolute;
	margin-top:35px;
}

#teloben img{
	max-width:14px;
	margin-left:7px;
}

#dinokopf{
	position:absolute;
	max-width:200px;
	left:50%;
	margin-left:-500px;
}

.dinotale{
	position:absolute;
	z-index:-1;
	max-width:130px;
	margin-top:250px;
	right:0;
}

.dinotaleunter{
	position:absolute;
	z-index:-1;
	max-width:130px;
	margin-top:-380px;
	right:0;
}

.linie{
	border-bottom:0;
	border-top:1px dotted #f56f11;
}

#accordion {
	list-style: none;
	padding: 2px;
}
#accordion > li {
	display: block;
	list-style: none;
}
#accordion > li > span {
	display: block;
	color: #333;
	margin: 4px 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left:13px;
	background:#eee;
	background-size: 20px;
	font-weight: normal;
	cursor: pointer; font-size:16px
}
#accordion > li > div {
	list-style: none;
	padding: 6px;
	display: none; overflow:auto
}
#accordion > ul li {
	font-weight: normal;
	cursor: auto;
	padding: 0 0 0 7px;
}
#accordion a {
	text-decoration: none;
}
#accordion li > span:hover {
	background:#93e318;
	color:#fff;
}
#accordion li > span.active {
	background-size: 20px;
	background:#93e318;
	color:#fff;
}


#mail,
#name,
#grund,
#terminanzeige{
	font-size:17px;
}

#grund,
#terminanzeige{
	color:rgba(0,0,0,0.6);
	font-family: 'Source Sans Pro', sans-serif !important;
}

#mailsend{
	background:#f56f11;
	color:#fff;
	padding:10px;
	box-shadow:0;
	border:0;
	border-radius:2px;
}

#mailsend:hover{
	background:#93e318;
	cursor:pointer;
}

#wunschformular{
	text-align:center;
}

.nurbeimobil{
	display:none
}


/******************************RESPONSIVE******************************/


@media only screen and (max-width:1260px) {
	.dinotale,
	.dinotaleunter{
		display:none;
	}
	
	#tanz{
		left:0;	
	}
	
	#verunten{
		top:0;
		left:0;
	}
	
	.titelunter{
		max-width:100%;
	}
	
	#titelslide6,
	#titelslide5,
	#titelslide4,
	#titelslide3,
	#titelslide2,
	#titelslide1{
		background-attachment: scroll;
	}	
		
	#nurbeimobil{
		visibility:visible;
	}
}

@media only screen and (max-width:860px) {
	.spalte {
	    width:90%;
	    margin:auto;
	    padding:0;
	    float:none;
	}	
	
	.titelunter{
		float:none !important;
		max-width:1640px !important;
		margin-right:0px !important;
		width: 100% !important;
		margin-bottom: 20px !important;		
	}	
	
	#spalte1,
	#spalte2,
	#spalte3{
		width:100%;
	}
	
#nichtbeimobil{
	display:none;
}

#nichtbeidesktop{
	display:block;
}	
	
	.leistung{
		height:133px;
		margin-bottom:10px;
	}
	
	.container h2{
		font-size:28px;
	}
	
	#titelinhalt{
		width:90%;
		top:230px;
		margin:auto;
	}
	
	#titelinhalt img{
		max-width:100%;
	}
}

@media only screen and (max-width:800px) {
	#titelbereich,
	#pattern{
		height:300px;
	}
	
	#imprcontainer{
		display:none;
	}
	
	#titelslide1,
	#titelslide2,
	#titelslide3,
	#titelslide4,
	#titelslide5,
	#titelslide6{
		height:300px;
		background-position: center;
		background-attachment: scroll;
	}
	
	#titelinhalt img{
		margin-top:-120px;
		width:100%;
		max-width:500px;
	}	
	
	#maskottchen img{
		animation-name: none;
		width: 260px;
		left: 50%;
		margin-left: -150px;
		bottom: auto;
		top: 0;
	}
	
	.nichtbeimobil{
		display:none;
	}
	
	.nurbeimobil{
		display:block !important;
		margin-top: -30px;
	}
	
	#dinokopf{
		max-width: 120px;
		left: 50%;
		margin-left: 0;
	}
	
	#zwischen2 h3{
padding-top: 100px;
margin-bottom: 80px;		
	}
	#maskottchen{
		bottom:auto;
		top:210px;
		height:90px;
	}
	
	nav p{
		float:none;
		width:100%;
		padding-top:20px;
		padding-bottom:20px;
		background:rgba(255,255,255,0.8);
		margin-bottom:-11px;
		margin-bottom: -22px;
    		text-align: center;
}
	
	nav{
		padding:0;
		margin-top:-402px;
		z-index:9999999;
		transition:all 0.4s ease;
		transition-delay:0.2s;
		position:relative;
		width: 100%;
		right:0; 
		left: -60px;
	}
	
	nav:hover{
		margin-top:-60px;
	}
	
	nav:hover:after ~ nav{
		margin-top:-60px;
	}
		
	nav:after{
		content:"– – –";
		text-align:center;
		display:block;
		padding-bottom:15px;
		color:#fff;
		font-weight:300;
		font-size: 3em;
		width:32px;
		line-height:0.25em;
		padding-top:50px;
		float:right;
	}
	
	nav a{
		font-size: 1.5em;
	}
	
	.shrink nav:after{
		padding-top:38px;
	}
	
	.shrink nav{
		margin-top:-403px;
		padding-top:20px;
	}
		
	.shrink nav:hover{
		margin-top:-60px;
	}
	
	.shrink nav p{
		background:none;
		padding-bottom:10px;
	}		
	
	.teamfoto img{
		max-width:100%;
	}
	
	#zwischen2 h3{
		font-size:25px;
	}
	
	.shrink h4{
			position: relative;
			top: -15px;
			left: -49px;		
		}
		
		#teloben{
			margin-top: 25px;
			margin-left: -56px;
			font-weight:bold;
		}
}

@media only screen and (max-width:470px) {
	#zwischen{
		display:none;
	}
	
	.button{
		display:block;
		width:90%;
		margin:auto;
		padding:5px;
	}

}