@charset "utf-8";
/* CSS Document */

body {padding:0, margin:0;}

.mySlides {
	display: none;
	height: 100%;
	font-family: 'Rajdhani', sans-serif;z-index:999;
}
.mySlides img {
	width: 100%;
	height: 100%;z-index:998;
}
.slideshow-container {
	overflow: hidden;
	position: fixed; top:0; left:0;
	margin: auto;
	width: 100%;
	height: auto;
	z-index:998;
}
.slide-prev, .slide-next {
	cursor: pointer;
	position: fixed;
		top: 75.5%;
	width: auto;
	padding: 12px 15px;
	margin-top: -10px;
	color: #bbb;;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 0px 0px 0;
	 
}

.slide-prev	{left:44%;}
.slide-next {
	right: 44%;
	border-radius: 0px 0 0 0px;
}
.slide-prev:hover, .slide-next:hover {
	color: #717171;
}
.slide-dot-control { position:fixed; top:75%; left:48%;
	text-align: center;
	margin-top: 10px;
	z-index:80;
}
.slide-dot {
	cursor:pointer;
	height: 0.8vw;
	width: 0.8vw;
	margin: 0 0.1vw;
	background-color: #bbb; opacity:.5;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.slide-dot-active, .slide-dot:hover {
	background-color: #9e9e9e;
}


div.bgr				{width:100%; min-width: 1500px; position:fixed; top:0; left:0; height:100%; z-index:1;}
img.bgrbld			{width:100%;}

div.zitat			{}
p.zt				{font-family:'Rajdhani', sans-serif; color:#2e2e2e; font-weight:600; text-align:center; width:100%; font-size:1.5vw; line-height:2vw; z-index:999; position:fixed; top:43%; left:0;}

p.zt3				{font-family:'Rajdhani', sans-serif; font-weight:600; color:#2e2e2e; text-align:center; width:100%; font-size:1.5vw; line-height:2vw; z-index:99; position:fixed; top:43%; left:0;}


p.ztmob				{ display:none; font-family:'Rajdhani', sans-serif; color:#2e2e2e; font-weight:600; text-align:center; width:100%; font-size:1.2vw; line-height:2vw; z-index:99; position:fixed; top:41%; left:0;}

div.mantelrefo			{ width:100%; height:5px; position:fixed; bottom:12%; left:0%; background-color:#ffffff; border-top:solid 2px #f0801a; z-index:91;}
div.mantelrefu			{ width:100%; height:5px; position:fixed; bottom:3.0%; left:0%; background-color:#ffffff; border-bottom:solid 2px #f0801a; z-index:91;}

p.referenz				{font-family:'Rajdhani', sans-serif; font-weight:500; color:#ffffff; text-align:center; width:100%; font-size:1.3vw;}


img.welc				{width:75%; margin-left:12.5%; margin-top:-1em;position:relative;}
#to						{position:relative; top:-3em;}
img.welco				{width:80%; margin-left:10%;position:relative; }
#aos					{top:-5.5em;}
#line					{top:-9.2em;}
#dhkds					{top:-10.7em;}

img.link				{width:90%;}
img.linkr				{width:90%; float:right;}

div.links			{position:fixed; left:0; top:40%; z-index:999;  width:30%;  margin:0;}

div.mitte			{position:fixed; left:33%; top:0; z-index:999;  width:34%; margin:0; }

h2.hzwei			{font-family:'Rajdhani', sans-serif; font-weight:600; color:#aa1928; text-align:center; width:100%; font-size:1.4vw; z-index:91; }
h2.hzwei2			{font-family:'Rajdhani', sans-serif; font-weight:600; color:#aa1928; text-align:center; width:100%; font-size:1.4vw; z-index:91; margin-top:-7px; margin-bottom:22px;}
h2.hzwei3			{font-family:'Rajdhani', sans-serif; font-weight:600; color:#aa1928; text-align:center; width:100%; font-size:1.4vw; z-index:91; margin-top:9px;}


div.mtxtref			{position:fixed; top:81%; left:0; width:100%;z-index:99;}
p.txtref			{font-family:'Rajdhani', sans-serif;  font-weight:500; color:#aa1928; text-align:center; width:100%; font-size:1.1vw;}
div.rechts			{position:fixed; right:0; top:40%; z-index:999;  width:30%; margin:0; }

a.hov				{width:100%; z-index:999;}
a.hov img:hover			{width:88%;}

div.footer			{position:fixed; bottom:0; left:0; width:100%; z-index:95; }
a.ft_nav			{color:#2e2e2e; float:left; margin-left:auto;font-family:'Rajdhani', sans-serif; text-decoration:none; margin-left:5%; font-size:1vw; margin-right:-3%; margin-bottom:2px;}

a.ft_nav:hover		{color:#f0801a;}

div.referenzen		{position:fixed; bottom:2.9%; left:0; z-index:94; width:94%; margin-left:3%;}

div.orange			{ position:fixed; top:89.2%; left:36.05%; width:28.3%; height:2.85vw; background-image:url(bilder/80orange.png); background-repeat:repeat; z-index:93; }

.referenzen div p	{font-family:'Rajdhani', sans-serif; font-weight:500; text-align:center; background-image:url(bilder/70orange.png); background-repeat:repeat; width:90%; margin-left:5%; padding: 0.65vw 0; border: solid 2px #fff; color:#fff; font-size:1.05vw; }


/*animated*/

.animated { 
   -webkit-animation-name: fadeIn; 
           animation-name: fadeIn; 
   -webkit-animation-duration: 1.5s; 
           animation-duration: 1.5s; 
} 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}


.animatedzt  { 

animation:3s ease 1s normal forwards 1 fadein;
-webkit-animation:3s ease 1s normal forwards 1 fadein;
opacity:0
	
  
} 

@keyframes fadein{from{opacity:0}
to{opacity:1}
}

@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}

.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}



.animatedlogo { 

animation:2s ease 0s normal forwards 1 fadein;
-webkit-animation:2s ease 0s normal forwards 1 fadein;
opacity:0
	
 } 




@keyframes fadein{from{opacity:0}
to{opacity:1}
}

@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}

.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}



@media only screen and (max-device-width: 480px) {
	div.bgr				{width:100%; min-width: none; position:fixed; top:0; left:0; height:100%; z-index:1; background-image:url(bilder/bgr_03.jpg); background-repeat:no-repeat; background-size:cover;}
img.bgrbld			{display:none;}
	
	p.ztmob				{display:block;}
	
	.slide-dot {display:none;}
	
	}