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

<style type="text/css">



#cookiedingsbums a {color:#EEEEEE; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px; color: #eee}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: -moz-linear-gradient(top, #333 0%, #000 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000)); 
   background: -webkit-linear-gradient(top, #333 0%,#000 100%); 
   background: -o-linear-gradient(top, #333 0%,#000 100%);
   background: -ms-linear-gradient(top, #333 0%,#000 100%); 
   background: linear-gradient(to bottom, #333 0%,#000 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}



#gallery {
  position: fixed;
	display:block;
	
}



#gallery figure {
  position: fixed;
	
  top: -2em;
  left:  -5em;
	width: 43.35em;
	height: auto;
  z-index: 1;
}

#gallery figure:last-of-type {
  position: fixed;
	 top: -2em;
  left:  -5em;
	width: 43.25em;
	height: auto;
  z-index: 1;
}

#gallery figcaption {
  position: fixed;
	color: #fff;
	text-shadow: 1px 1px 5px #fff;
	opacity: 0.75;
	font-size: 2em;
  left: 15em;
  top: 4em;
  z-index: 999;
}

#gallery figcaption2 {
  position: absolute;
	color: #999;
	text-shadow: ;
	font-size: 5em;
  left: 60%;
  bottom: 2em;
  z-index: 2;
}

#gallery figure {
  animation: wechseln 80s infinite;
}

@keyframes wechseln {
    0% {opacity: 0;}
	10% {opacity: 1;}
  20% {opacity: 0;}
	100%{opacity: 0;}
}

#gallery figure:nth-of-type(2) {
  animation-delay: 10s;
  opacity: 0;
}

#gallery figure:nth-of-type(3) {
  animation-delay: 20s;
  opacity: 0;
}


#gallery figure:nth-of-type(4) {
  animation-delay: 30s;
  opacity: 0;
}


#gallery figure:nth-of-type(5) {
  animation-delay: 40s;
  opacity: 0;
}

#gallery figure:nth-of-type(6) {
  animation-delay: 50s;
  opacity: 0;
}


#gallery figure:nth-of-type(7) {
  animation-delay: 60s;
  opacity: 0;
}

#gallery figure:nth-of-type(8) {
  animation-delay: 70s;
  opacity: 0;
}

.ObererAbstand{
	
	margin-top: 15em;
}

.ObererAbstand2{
	
	margin-top: 45em;
}

.Jetztbuchen {
	
	
	position: inherit;
	width:auto;
	padding: 0.5em;
	font-size: 1.25em;
	background-color: #B61316;
	text-decoration: none;
	color: #fff;
	border-radius: 0.5em;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
}

.Jetztbuchen:hover {
	
	width:auto;
	padding: 0.45em;
	font-size: 1.25em;
	background-color:rgba(108,9,11,1.00);
	text-decoration: none;
	color: #fff;
	border-radius: 0.5em;
	box-shadow: 0.0px 0.0px 0px 0.0px #666 ;
}


.Jetztbuchen2 {
	
	transform: rotate(-35deg);
	position: inherit;
	width:5em;
	height: 1em;
	padding: 0.5em;
	margin-left:-1em;
	margin-bottom:-2em;
	font-size: 1.5em;
	background-color: #B61316;
	text-decoration: none;
	color: #fff;
	border-radius: 0.25em;
	box-shadow: 0.25px 0.25px 5px 0.25px #666 ;
}


.tablePreise {
	
	
	padding: 0em;
	width: 100%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:1.5em; 
	font-weight: 100;
	
	
}

.tablePreise td {
	
	height:auto;
	width: 80%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}

.tablePreise tr {
	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

.Kontakt {
	
	margin-left: 15em; 
	width: 100%; 
	text-align: center;
}

form {
	
	
	display: block;
	text-align: center;
	width: auto;
}

label {
	display: block;
	margin:1em;
	float: none;
	
}




.Kontaktfeldbutton {
	
	display:;
	position: relative;
	text-align: center;
	background-color: #eee; 
	width: 15em;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
	margin:5em;
	background-color: rgba(175,4,7,1.00); 
	color: #fff;
}

.Kontaktfeldbutton:hover {
	
	background-color: #eee; 
	box-shadow: 0.1px 0.1px 1px 0.25px #333 ;
	color: #000;
}

.Kontaktfeld{
	
	background-color: #eee; 
	width: 25em;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
	
}

.Kontaktfeld:hover {
	
	background-color: #eee; 
	
	box-shadow: 0.1px 0.1px 1px 0.25px #333 ;
}

.Kontaktfeldtextarea{
	
	background-color: #eee; 
	width: auto;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
}

.Kontaktfeldtextarea:hover {
	
	background-color: #eee; 
	width: ;
	box-shadow: 0.1px 0.1px 1px 0.25px #333 ;
}

#imagelightbox
{
    display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0px;
    z-index: 999999;
    -ms-touch-action: none;
    touch-action:none;
	box-shadow: 0px 0px 0em 0em #000;
	
}






#imagelightbox2
{
    display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0px;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
	box-shadow: 0px 0px 1500em 1000em rgba(0,0,0,0.1) ;
}

#imagelightbox3
{
    display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0px;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
	box-shadow: 0px 0px 1500em 1000em #000;
}

#imagelightbox4
{
    display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0px;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
	box-shadow: 0px 0px 1500em 1000em #000;
}

#imagelightbox5
{
    display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0px;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
	box-shadow: 0px 0px 1500em 1000em #000;
}

#imagelightbox6
{
    display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: fixed;
	top:0px;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
	box-shadow: 0px 0px 1500em 1000em #000;
}


#Telefonnummer{
		
		disply:block;
	padding: 0.5em;
	text-align: left;
	position: fixed;
	bottom:0em;
	left: 0em;
	}
	
#Telefonsymbol{
		
		display:none !important;
		width:2.5em;
		height:2.5em;
		
	}

body{
	
width:100%;
	height:auto;
	font-size: 100%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
	margin:0px;
	padding:0em 0em 2em;
	background-repeat:no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	/*background: -webkit-gradient(radial, center center, 0, center center, 141, from(black), to(white), color-stop(25%, blue), color-stop(40%, green), color-stop(60%, red), color-stop(80%, purple));*/
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(30,30,30, 1.00)), 
				color-stop(100%,rgba(10,10,10,1.00)));
	background:-ms-linear-gradient(top, #000 0%, #333 100%);
	background-color:rgba(30,30,30,1.00) ;
	background-position: center;
	/*overflow-x: hidden;*/
		animation: Fade-in 2.5s ;

	
}



@keyframes Fade-in {
    0% {opacity: 0;}
	100%{opacity: 1;}
}


.BildHeader {
	
	position: fixed;
	top:1em;
	right: 22em;
	display:block;
	width: 7em;
	height: auto;
	border-color: #fff;
	border-style: solid;
	border-width: 0.15em;
	border-radius: 0.25em;
	z-index: 99999;
	
}

.BildHeader2 {
	
	display:none;
}

.Header_Logo{
	
	
		
		background-image:url(LOGO_SPORTFOTOGRAF_BERLIN.png);
		background-repeat: no-repeat;
		position: fixed; 
	
	left:0em; 
	top:15em;
	width: 5em; 
	height: 5em;
	display: block;
	margin: 1% ;
	padding:0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
		
	opacity:0.1;
	z-index:1;
		
		
	}

.Header_Logo:hover{
	
	
	opacity:1;
	}


.Header_Logo2 {
		
		display: none;
		
		
		
	}

#HeaderLogo {
	
	
	
		float:right;
		display:inline;
		margin: 2.5em;
		right:0.75em;
		top:0em;
		width:2em;
		height:auto;
		max-width:2em;
		margin:0.25em;
		z-index:9999;
		
		
		
		}

.Imagevideo {
	padding:2em; 
	margin:25em 0em -5em;

}

.Imagevideo2{width:50%; height:50%; margin-bottom: 5em;}

#Header2{
		display:block;
z-index: 9999;
		
	}
	
#LKP{
		
		display:block;
		
		
	}

.LKP {
	
	display:none;
}

.Angebotlink_gesamt1{
	
	widht: 15em; 
	display:grid; 
	float:left; 
	padding: 1em;
}

.Angebotlink_gesamt2{
	
	widht: 15em; 
	display:grid; 
	margin-left: 4em; 
	padding: 1em;
	
	
}


.Angebotslinks {
	
	color:#999;
	text-align: center;
	text-decoration:none;
	font-weight: bolder;
	font-size: 1.5em;
	
}

.Angebotslinks:hover {
	
	color: #000000;
	text-shadow: 1px 1px 80px #000;
}

#Bild-Start{
	
	position:relative; 
	margin-top:9em; 
	width: 100%; 
	
}

header {
	
	/*background-image:  url(HeaderLogo.png);
		background-repeat:no-repeat !important;
		background-size: contain;
		background-attachment: ;
		background-position: left;*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(30,30,30, 1.00)), 
				color-stop(100%,rgba(30,30,30,0.85)));
	background:-ms-linear-gradient(top, #000 0%, #333 100%);
	border-bottom: rgba(255,255,255,1.00);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position:fixed;
	margin-bottom_2em;
	top:0px;
	width:100%;
	display:block;
	text-align: center;
	line-height: 4em;
	height: 15em;
	z-index:9999;
	
	
	}


header2 {
	display:none;
}

#H1Ueberschrift {
	
	position:absolute ; 
	left: 3em; 
	top:7em; 
	color:#fff; 
	font-size: 4em; 
	z-index: 1;
	text-shadow: 2px 2px 15px #000;
}

#H1Ueberschrift2 {
	
	position:fixed ; 
	left: 3em; 
	top:1em; 
	color:#fff; 
	font-size: 2em; 
	z-index: 100000;
	text-shadow: 2px 2px 15px #000;
}

h1 {
	display:block;
	align-content:center;
	font-size: 1.5em;
	
	color: #666;
	text-decoration:none;
	margin:0em;
	opacity:;
	z-index:9999;
}

h1 a:hover {
	display: block;
	font-size: 1.5em;
	line-height:2em;
	color:#333333;
	padding:1.25em;
	text-shadow: 1px 1px 80px #000;
	position:relative;
	
	
}

h2 {
	position:fixed;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	line-height: 5em;
	font-size: 1.5em;
	color: #000;
	text-shadow: 1px 1px 5px #999;
	text-decoration:none;
	margin-top:em;
	padding:em;
	opacity:;
	z-index:;
}

h3 {
	font-size: 1.5em;
	font-weight: 100;
	display:block;
	align-content:center;
	color:rgba(51,51,51,0.8);
	text-shadow: rgba(51,51,51,0.6);
	text-decoration:none;
	margin:1em;
	padding:1em;
	z-index:;
}


h3 a hover {
	
	
	text-shadow:  1px 3px 5px #000000;
	
}

h4 {
	
	font-size: 1.75em;
	
	align-content:center;
	color: rgba(255,255,255,1.00);
}







p {
	
	margin:0em ;
	padding:0em;
	text-align: justify;
	font-size:1.5em; 
	font-weight: 100;
	color: #333;
	text-decoration: none;
	
}

p a {
	
	text-decoration: none;
}

p link{
	
	text-decoration: none;
	
}

 ul {
	 

	margin:0em;
	padding: 0em;
}


li {
	list-style:square;
	color:#fff;
	margin:2em;
	font-size: 1.25em;
	text-shadow: 1px 1px 5px #000000;
	line-height:2em;
	margin: 0.313em 0em 0.313em 0em;
	padding:0em;
	
}

.ulAngebot {
	
	text-align: justify; 
	width:auto;
	max-width: 50%;
	list-style-position: outside;
}

.liAngebot {
	
	list-style:url("GruenerHakenkl.png") ;
	font-size: 1.5em;
	color: #000; 
	text-shadow: none;
}

img {
	width: 90%;
	height: auto;
	max-width: 100%;
	
}



#menubar{
	display:block; 
	position: fixed;
	left:0px;
	top:0px;
	z-index:9999;
	
	
}

#menubar ul {
	display:block;
	width: 2em;
	padding: 0.9em;
	
}

#menubar ul li {
	display:inline;
	position:fixed;
	top:0px;
	left:10px;
	width:10%;
	height:10%;
	margin:0;
}

#menubar ul li a.menubutton {
	display: none;
	
	
}

#TestHeader{
	
	position:fixed;
	top:0em;
	width:100%;
	display:block;
	text-align:center;
	height: 30em;
	line-height:;
	

	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,112,115,1.00)), 
				color-stop(100%, rgba(114,112,115,0.00)));
	
	
	
	
	z-index:10;
	
}


#limitierte{
	
	position:relative;
	top:2em;
	
	font-size:0.75em; 
	
}


#limitierte1{
	
	
	display:inline-block;
	margin-top: 0em;
	
	
}



#limitierte2 {
			
			margin-bottom:-2.35em
		
		}

nav {
	position: fixed;
	
	top:12em;
	right: 0em;
	width:100%;
	display:inline;
	text-align:right;
	height: 2em;
	line-height:2em;
	
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(30,30,30, 1.00)), 
				color-stop(100%,rgba(30,30,30,0.85)));*/
	
		/*box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.35);*/
	z-index:99999;
	
}

nav ul {
	
	display:inline-block;
	
	
	
	}

nav ul li {
	
	position: relative absolute;
	font-size: 1.05em;
	display:inline;
	margin: 0em 1em 0em 1em;
	text-align:center; 
	z-index: 100000000000;
}

nav ul li a {
	
	color: rgba(255,255,255,1.00);
	line-height: 2.5em;
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
}

nav ul li a:hover {
	
	display: inline;
	font-size:100%;
	color: #ffffff;
	text-shadow: 1px 1px 20px #fff;
	
}

.smoothie {
  height: auto;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.scroller {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}


navGalerie {
		
		
		
		position:absolute;
	
		display: block;
		top:2.5em;
		right:8em;
		background-color:rgba(0,0,0,0.95);
		border-radius:0.5em;
		width:12em;
		max-width: 20%;
		height:auto;
		z-index: 99999999;
		box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.55);
		border-style:solid;
		border-width: 1px;
		border-color:rgba(255,255,255,0.90);
	z-index:10;
	overflow-y: scroll;
	
	}



navGalerie ul li {
	
	
	height: auto;
	background-color: none;
	font-size: 95%;
	display:block;
	margin: 0em 0.2em 0em 0.2em;
	text-align:center; 
	padding:0.5em;
	z-index:9999;
}



navGalerie ul li a {
	
	
	color: rgba(255,255,255,1.00);
	line-height: 1.5em;
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	text-decoration:none;
}

navGalerie ul li a:hover {
	
	display: inline;
	font-size:105%;
	color: #ffffff;
	text-shadow: 3px 3px 5px #000;
	
}


navPrivat {
		
		
		
		position:absolute;
	
		display: block;
		top:2.5em;
		right:15em;
		background-color:rgba(0,0,0,0.95);
		border-radius:0.5em;
		width:12em;
		max-width: 20%;
		height: auto;
		z-index: 99999999;
		box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.55);
		border-style:solid;
		border-width: 1px;
		border-color:rgba(255,255,255,0.90);
	z-index:10;
	
	
	}



navPrivat ul li {
	
	text-align:center;
	height: auto;
	background-color: none;
	font-size: 95%;
	display:block;
	margin: 0em 0.2em 0em 0.2em;
	 
	padding:0.5em;
	z-index:9999;
}



navPrivat ul li a {
	
	
	color: rgba(255,255,255,1.00);
	line-height: 1.5em;
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	text-decoration:none;
}

navPrivat ul li a:hover {
	
	display: inline;
	font-size:105%;
	color: #ffffff;
	text-shadow: 3px 3px 5px #000;
	
}

navBusiness {
		
		
		
		position:absolute;
	
		display: block;
		top:2.5em;
		right:9em;
		background-color:rgba(0,0,0,0.95);
		border-radius:0.5em;
		width:12em;
		max-width: 20%;
		height: auto;
		z-index: 99999999;
		box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.55);
		border-style:solid;
		border-width: 1px;
		border-color:rgba(255,255,255,0.90);
	z-index:10;
	
	
	}



navBusiness ul li {
	
	text-align:center; 
	height: auto;
	background-color: none;
	font-size: 95%;
	display:block;
	margin: 0em 0.2em 0em 0.2em;
	
	padding:0.5em;
	z-index:9999;
}



navBusiness ul li a {
	
	
	color: rgba(255,255,255,1.00);
	line-height: 1.5em;
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	text-decoration:none;
}

navBusiness ul li a:hover {
	
	display: inline;
	font-size:105%;
	color: #ffffff;
	text-shadow: 3px 3px 5px #000;
	
}



navVernissage {
		
		
		
		position:absolute;
	
		display: block;
		top:2.5em;
		right:22em;
		background-color:rgba(0,0,0,0.95);
		border-radius:0.5em;
		width:12em;
		max-width: 20%;
		height: auto;
		z-index: 99999999;
		box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.55);
		border-style:solid;
		border-width: 1px;
		border-color:rgba(255,255,255,0.90);
	z-index:10;
	
	
	}



navVernissage ul li {
	
	text-align:center; 
	height: auto;
	background-color: none;
	font-size: 95%;
	display:block;
	margin: 0em 0.2em 0em 0.2em;
	
	padding:0.5em;
	z-index:9999;
}



navVernissage ul li a {
	
	
	color: rgba(255,255,255,1.00);
	line-height: 1.5em;
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	text-decoration:none;
}

navVernissage ul li a:hover {
	
	display: inline;
	font-size:105%;
	color: #ffffff;
	text-shadow: 3px 3px 5px #000;
	
}




#Contain2{
		
		
		position:  relative;
		top:5em;
		display: block;
		text-align: center;
		width:100%; 
		height:100%;
		max-width: 100%;
		margin: 0em 0em 0em 0em; 
		padding-bottom: 5em;
	}

.mainSelection {
	
	display:block;
	float: none;
	width:70%;
	margin: 8em 0em;
	
}

.mainquer {
	position: relative;
	width:auto;
	height:auto !important;
	min-height: 20em;
	top: 0px !important;
	display:block;
	margin:27em 0em 0em ;
	padding: 1em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	
	
	}

.mainquer3 {
	display: inline-block;
	position: relative;
	width:50em !important;
	height:auto !important;
	min-height: 20em;
	top: 0px !important;
	display:block;
	margin:0em;
	padding: 1em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

#mainTOP {
	position: relative;
	width:30% !important;
	height:auto !important;
	top: 0px !important;
	display:inline-block;
	margin:1em;
	
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

#mainTOP2 {
	position: relative;
	width:40%;
	height:auto;
	display:block;
	max-width: 65%;
	margin: 15em 0em 1em;
	padding:0em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	
	
	
	}

#mainTOP3 {
	position: relative;
	width:80% !important;
	height:auto !important;
	top: 0px !important;
	display:inline-block;
	margin:18em 0em 0em;
	
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	
	
	
	}

#mainTOP4 {
	position: relative;
	width:80%;
	height:auto;
	display:block;
	max-width: auto;
	margin: 15em 0em 1em;
	padding:4em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	
	
	
	}

#Contain{
		
		
		position:  relative;
		display: block;
		text-align: center;
		width:100%; 
		height:100%;
		max-width: 100%;
		
	}




#Pixum{
	
	position:fixed;
	left: 1.5em;
	top:25em;
	width:auto;
	height: auto;
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.65);
	border-radius: 5px;
	z-index:-9999999999;
	
}

.imgDenver{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/Denver_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgDenver:hover {
	background-image: url( ButtonUSA/Denver_1.jpg);
	animation: wechseln2 1.5s ;
}


.imgTelluride{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/Telluride_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgTelluride:hover {
	background-image: url( ButtonUSA/Telluride_1.jpg);
	animation: wechseln2 1.5s ;
}

.imgBBQ{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/BBQ_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgBBQ:hover {
	background-image: url( ButtonUSA/BBQ_1.jpg);
	animation: wechseln2 1.5s ;
}

.imgWedding{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/MC_Wedding_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgWedding:hover {
	background-image: url( ButtonUSA/MC_Wedding_1.jpg);
	animation: wechseln2 1.5s ;
}

.imgMesaVerde{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/MesaVerde_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgMesaVerde:hover {
	background-image: url( ButtonUSA/MesaVerde_1.jpg);
	animation: wechseln2 1.5s ;
}

.img4thJuly{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/4thJuly_1sw.jpg);
	width:100%;
	height: auto;
	
}

.img4thJuly:hover {
	background-image: url( ButtonUSA/4thJuly_1.jpg);
	animation: wechseln2 1.5s ;
}


.imgLA{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/LA_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgLA:hover {
	background-image: url( ButtonUSA/LA_1.jpg);
	animation: wechseln2 1.5s ;
}

.imgSantaMonica{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/SantaMonica_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgSantaMonica:hover {
	background-image: url( ButtonUSA/SantaMonica_1.jpg);
	animation: wechseln2 1.5s ;
}


.imgSolvang{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/Solvang_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgSolvang:hover {
	background-image: url( ButtonUSA/Solvang_1.jpg);
	animation: wechseln2 1.5s ;
}



.imgSantaBarbara{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/SantaBarbara_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgSantaBarbara:hover {
	background-image: url( ButtonUSA/SantaBarbara_1.jpg);
	animation: wechseln2 1.5s ;
}



.imgHighway1{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/Highway1_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgHighway1:hover {
	background-image: url( ButtonUSA/Highway1_1.jpg);
	animation: wechseln2 1.5s ;
}

.imgPfeiffer{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url("ButtonUSA/PfeifferBeach_1sw.jpg");
	width:100%;
	height: auto;
	
}

.imgPfeiffer:hover {
	background-image: url( "ButtonUSA/PfeifferBeach_1.jpg");
	animation: wechseln2 1.5s ;
}

.imgCarmel{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/Carmel_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgCarmel:hover {
	background-image: url( ButtonUSA/Carmel_1.jpg);
	animation: wechseln2 1.5s ;
}


.imgMonterey{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/Monterey_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgMonterey:hover {
	background-image: url( ButtonUSA/Monterey_1.jpg);
	animation: wechseln2 1.5s ;
}


.imgSF{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/SF_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgSF:hover {
	background-image: url( ButtonUSA/SF_1.jpg);
	animation: wechseln2 1.5s ;
}


.imgNY{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(ButtonUSA/NY_1sw.jpg);
	width:100%;
	height: auto;
	
}

.imgNY:hover {
	background-image: url( ButtonUSA/NY_1.jpg);
	animation: wechseln2 1.5s ;
}


@keyframes wechseln2 {
    0% {opacity: 0;}
  20% {opacity: 0.5;}
	100%{opacity: 1;}
}

.imgLink1{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Portrait_0.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	

	
}

.imgLink1:hover {
	background-image: url(/Button/Portrait_2.jpg);
	animation: wechseln2 0.75s ;
}





.imgLink2{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url( /Button/Architektur_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
	
}

.imgLink2:hover {
	background-image:url( /Button/Architektur_2.jpg);
	animation: wechseln2 0.75s ;
}

.imgLink3{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url( /Button/Natur_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
}

.imgLink3:hover {
	background-image:url( /Button/Natur_2.jpg);
	animation: wechseln2 0.75s ;
}

.imgLink4{
	

	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Hochzeit_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
	
}

.imgLink4:hover {
	background-image:url( /Button/Hochzeit_2.jpg);
	animation: wechseln2 0.75s ;
	
}

.imgLink5{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Tiere_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
	
}

.imgLink5:hover {
	background-image:url( /Button/Tiere_2.jpg);
	animation: wechseln2 0.75s ;
	
}


.imgLink6{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Produkt_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
}

.imgLink6:hover {
	background-image:url( /Button/Produkt_2.jpg);
	animation: wechseln2 0.75s ;
	
}

.imgLink7{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Fotomontage_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
	
}

.imgLink7:hover {
	background-image:url( /Button/Fotomontage_2.jpg);
	animation: wechseln2 0.75s ;
	
}

.imgLink8{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Retusche_1.jpg);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
}

.imgLink8:hover {
	background-image:url(/Button/Retusche_2.jpg);
	animation: wechseln2 0.75s ;
	
}

.imgLink9{
	
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image: url(/Button/Sport_1.png);
	margin: 1em;
	position: relative;
	display:inline-block;
	width:13em !important;
	height: 13em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	transform: rotate(6.5deg);
	
	
}

.imgLink9:hover {
	background-image:url(/Button/Sport_2.png) ;
	animation: wechseln2 0.75s ;

	
}

#mainContain{
	position: relative;
	width:15em !important;
	height:15em !important;
	display:inline-block;
	max-width:auto;
	max-height: auto;
	margin: 1% ;
	padding:0em 2em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	}

#mainContain div {padding: 0em 5em !important;}

.mainContainBlackFriday{
	position: relative;
	width:  auto 10em;
	height: auto ;
	display: inline-grid;
	display: -ms-inline-grid;
	
	margin: 0.5em;
	text-align: center;
	font-size: 1.00em;
	vertical-align: text-top !important !important !important;
	padding: 0em !important;
	background-color:#fff;
	background-position: center;
	background-size: 100%;
	border-radius:0.25em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	}

#main {
	
	position:fixed;
	margin-top:10em;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	line-height: 5em;
	height: 3em;
	padding:1.25em auto;
	/*background-color:rgba(255,255,255,1);
	border-radius:5px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
	box-shadow: 0px 10px 100px 50px rgba(255,255,255,0.8);*/
	
	
	}

#main2 {
	position:relative;
	width:70%;
	height:auto;
	display:inline-block;
	max-width:100%;
	padding:0em;
	margin: 0em 0em 5em 0em;
	/*background-color:rgba(0,0,0,0.5);
	border-radius:2px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);*/
	
	
	}

#main2 img {
	
	
	
}

#main3 {
	position: absolute relative;
	top:;
	width:80%;
	height:auto;
	display:block;
	
	margin:1em 0em 1em;
	padding:4em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

.PaketShootingBusiness {
	position: absolute relative;
	top:;
	width:100%;
	height:auto;
	display:block;
	max-width:65%;
	margin:1em 0em 1em;
	padding:4em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url(Silvia2.png); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

.PaketShootingPlusBusiness {
	position: absolute relative;
	top:;
	width:100%;
	height:auto;
	display:block;
	max-width:65%;
	margin:1em 0em 1em;
	padding:4em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url(PascalPaketNormal05.png); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

.PaketShootingPremiumBusiness {
	position: absolute relative;
	top:;
	width:100%;
	height:auto;
	display:block;
	max-width:65%;
	margin:1em 0em 1em;
	padding:4em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url(Patrick.png); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

.PaketShootingAllinklusiveBusiness {
	position: absolute relative;
	top:;
	width:100%;
	height:auto;
	display:block;
	max-width:65%;
	margin:1em 0em 1em;
	padding:4em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url(JuliaJenny.png); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}


.mainquer2 {
	
	align-content: center;
	position: relative;
	text-align: center;
	width:100%;
	height:100% !important;
	display:inline-block;
	clear:both;
	margin:1em 0em 0em;
	padding:0em;
	
	
	
	}

#Contain2{
	
		position: relative;
		text-align: center;
		width:100%; 
		height:auto;
		top:auto;
		display:inline-block;
		
	}


.Contain{
		
	
		position: relative;
		display:-ms-inline-block;
		display: inline-block;
	
		text-align: center !important;
		width: 100%;
		height: auto;
		margin: 0em  ;
		padding: 0em 0em 5em ;
	}


.mainContain{
	position: relative;
	width:  20em ;
	height: 40em ;
	display: inline-grid;
	display: -ms-inline-grid;
	
	margin: 0.5em;
	text-align: center;
	font-size: 1.00em;
	vertical-align: text-top !important !important !important;
	padding: 0em !important;
	background-color:#fff;
	background-position: center;
	background-size: 100%;
	border-radius:0.25em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	}



.PaketShootingPrivat {
	position: relative;
	top:;
	width:auto;
	height:40em;
	display:inline-block;
	float:left;
	max-width:20em;
	margin:1em 0em 0em 1em;
	padding:2em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url("Silvia_Closeup.png");
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}


.PaketShootingPlusPrivat {
	position: relative;
	top:;
	width:auto;
	height:40em;
	display:inline-block;
	float:left;
	max-width:20em;
	margin:1em 0em 0em 1em;
	padding:2em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url("Franzi.png");
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}


.PaketShootingPremiumPrivat {
	position: relative;
	top:;
	width:auto;
	height:40em;
	display:inline-block;
	float:left;
	max-width:20em;
	margin:1em 0em 0em 1em;
	padding:2em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url("MeierMax05.png");
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}


.PaketShootingExklusivPrivat {
	position: relative;
	top:;
	width:auto;
	height:40em;
	display:inline-block;
	float:left;
	max-width:20em;
	margin:1em 0em 0em 1em;
	padding:2em;
	opacity: 1;
	background-color:rgba(255,255,255,1);
	background-image: url("AntjeAndras06.png");
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

#main4 {
	
	position:relative;
	margin:17em 0em 1em;
	top:0px;
	width:100%;
	height:auto;
	max-width:50%;
	max-height: auto;
	display:inline-block;
	text-align:center;
	line-height: ;
	height: ;
	padding:1.25em;
	background-color:rgba(51,51,51,0.7);
	border-radius:5px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
	box-shadow: 0px 10px 30px 10px rgba(51,51,51,0.5);
	
	}

#main4 img {
	
	width: 80%;
	border-radius:1%;
	
}

#main5 {
	position:relative;
	width:100%;
	height:auto;
	display:block;
	max-width:95%;
	padding:0em;
	margin: 0em 0em 0em 0em;
	text-decoration: none;
	/*background-color:rgba(0,0,0,0.5);
	border-radius:2px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);*/
	
	
	}

#main6 {
	position:relative;
	top:;
	font-size: 90%;
	width:auto;
	height:auto;
	display:block;
	max-width:25%;
	margin: 2em;
	padding:0em;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	border-style: solid;
	border-width:0.5px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}


#main7 {
	position:relative;
	top:;
	width:100%;
	height:auto;
	display:block;
	max-width:45%;
	margin:;
	padding:0em;
	color:rgba(255,255,255,1.00);
	background-color: rgba(51,51,51,0.9);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}

#main8{
	position:relative;
	top:;
	width:20em;
	height:20em;
	display:block;
	float:left;
	max-width:auto;
	max-height: auto;
	margin: 1% ;
	padding:0em;
	background-color:rgba(255,255,255,1.0);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	
	}

#main8 p {
	
	font-size: 1em;
	text-shadow: 0px 22px 30px 5px rgba(255,255,255,0.85);
}

 #Image {
	
	border-radius:1px;
	
	margin:1em;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width:auto;
	 max-width:60%;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

#Image2 {
	
	border-radius:5px;
	
	margin:1em;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	width:15%;
	height:auto;
	border-radius:2px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
}

 #Image3 {
	
	border-radius:1px;	
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: 15em;
	width:auto;
	margin:3em ;
	 
	
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

 #Image3a2 {
	
	border-radius:1px;	
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: 15em;
	width:auto;
	margin:0em 3em  ;
	 
	
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

 #Image3a {
	
	border-radius:1px;
	display:;
	float: none;
	box-shadow: 0px 2px 5px 5px rgba(0,0,0,0.2);
	height: 15em;
	width:auto;
	margin: 1em;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}


 #Image3bhoch {
	
	border-radius:1px;
	 display:inline;
	float: ;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: 25em;
	width:auto;
	margin: 1em 1em;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

 #Image3bquer {
	
	border-radius:1px;
	 display:inline;
	float: ;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width:45em;
	margin: 1em 1em;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

 #Image4 {
	
	border-radius:1px;
	 display:block;
	float: left;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: 15em;
	width:auto;
	 margin: 2em 4em;
	 padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

.Image5 {
	
	border-radius:5px;
	
	margin:1em;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	width:auto;
	height:30em;
	border-radius:2px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
}


#ImageYoutube {
	
	border-radius:1px;
	display:block;
	float: left;
	 margin: 2em;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width: 30em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

footer {
	
	display:inline;
	position:fixed;
	color:rgba(220,220,220,1.00);
	text-shadow: 1px 1px 5px #000;
	text-align: right;
	width: 100%;
	height: 2em;
	padding: 1.5em 0em 0em 0em;
	bottom: 0px !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30, 0.85)), color-stop(100%,rgba(30,30,30, 1.00)));
	background:-ms-linear-gradient(top, #000 0%, #333 100%);
	border-top-color:rgba(255,255,255,1.00);
	border-top-style: solid;
	border-top-width:1px;
	
}

footer ul {
	
	
	display:inline;
	text-shadow: 1px 1px 5px #000;
	
	padding: 1.5em 2em 0em 0em ;
	
	float:;
	bottom:0em;
}

footer ul span {
	

} 

footer ul span a:hover {
	
	display:; 
	color: #fff;
	text-shadow: 3px 3px 5px #000;
}

footer ul span a.active {
	
	color: #fff;
	
}

footer ul span a {
	
	color: rgba(220,220,220,1.00);
	text-shadow: 1px 1px 5px #000;
	
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	text-decoration:none;
}

#Footbar {
	
	display: block;
	width:100%;
	position: absolute;
	bottom:0px;
	left:;
	text-align: center;
	
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30, 0.85)), color-stop(100%,rgba(30,30,30, 1.00)));
	
	padding:0.5em;
	border-top-color:rgba(255,255,255,1.00);
	border-top-style: solid;
	border-top-width:1px;*/
	
	}

#FootbarTest {
	
	display: inline-block;
	width:100%;
	position:fixed;
	bottom:0px;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153, 0.85)), color-stop(100%,rgba(153,153,153, 1.00)));
	
	padding:0.5em;
	border-top-color:rgba(255,255,255,1.00);
	border-top-style: solid;
	border-top-width:1px;
	
	}





/*----------------------------------------------------------------------------------------------------------------------------------------*/
	
	
@media  screen and (min-width : 0px ) and ( max-width :1024px ){
	
	.Layer{
		
	}
	
	layer{
		width:auto !important;
	}
	.Kontakt {
	
	margin-left: 0em; 
	width: 100%; 
	text-align: center;
}
	
	form {
	
	
	display: inline;
	text-align: center;
	width: auto;
}
	
	.Kontaktfeldbutton {

	background-color: #eee; 
	width: 15em;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
	margin:0em;
	background-color: rgba(175,4,7,1.00); 
	color: #fff;
}

.Kontaktfeldbutton:hover {
	
	background-color: #eee; 
	box-shadow: 0.1px 0.1px 1px 0.25px #333 ;
	color: #000;
}

.Kontaktfeld{
	
	background-color: #eee; 
	width: 15em;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
	
}

.Kontaktfeld:hover {
	
	background-color: #eee; 
	
	box-shadow: 0.1px 0.1px 1px 0.25px #333 ;
}

.Kontaktfeldtextarea{
	
	background-color: #eee; 
	width: 15em;
	box-shadow: 0.25px 0.25px 10px 0.25px #666 ;
}

.Kontaktfeldtextarea:hover {
	
	background-color: #eee; 
	width: ;
	box-shadow: 0.1px 0.1px 1px 0.25px #333 ;
}
	
	
	.Imagevideo2{width:50%; height:50%; margin-bottom: 0em;}
		
	#Telefonnummer{
		
		disply:none;
		opacity: 0;
		padding:0.5em;
	} 
	

	
	#Telefonsymbol{
		
		display:block !important;
		width:3em;
		height:3em;
		
	padding: 0.5em;
	}
	
	#gallery{
		
		display:none;
	}
	
		body {
		

	background-repeat:no-repeat;
	background-size: 101%;
	background-attachment: fixed;
	background-image:;
	background-position: center;
		
	}
	
	.ObererAbstand{
	
	margin-top: 5em;
}
	
		.ObererAbstand2{
	
	margin-top: 13em;
}
	
#Bild-Start{
	
	display:none;
	position:relative; margin-top:4em; width: 100%; box-shadow: 1px 5px 25px #000;
}
	
	#mainContain{
	position: relative;
	width:10em !important;
	height:10em !important;
	display:inline-block;
	max-width:auto;
	max-height: auto;
	margin: 3% ;
	padding:0em 2em !important;
	background-color:;
	background-position: center;
	background-size: 100%;
	border-radius:0.5em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	}
	
	#mainTOP2 {
	position: relative;
	width:100%;
	height:auto;
	display:block;
	max-width: 65%;
	margin: 5em 0em 1em;
	padding:0em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}
	
	 #Image3 {
	
	border-radius:1px;
	display:;
	position:relative;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width:auto;
	max-height: 50%;
	margin: 0.5em 0em ;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}

	 #Image3a {
	
	border-radius:1px;
	display:;
	position:relative;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width:auto;
	max-height: 50%;
	margin: 0.5em 0em ;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}
	
		 #Image3bhoch {
	
	border-radius:1px;
	display:;
	position:relative;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width:auto;
	max-height: 50%;
	margin: 0em 0em ;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}
	
			 #Image3bquer {
	
	border-radius:1px;
	display:;
	position:relative;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width:auto;
	max-height: 50%;
	margin: 0em 0em ;
	padding:0em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}
	
	#mainTOP {
	
	position:relative;
	margin-top:1em;
	
	width: auto !important;
	height:auto;
	display:inline-block;
	max-width:85% !important;
	margin-bottom: 3em;
	padding:0em;
	
	}
	
	
	#mainTOP3 {
	
	position:relative;
	margin-top:0em;
	margin-bottom: 2em;
	width:100% !important;
	height:100%;
	display:block;
	max-width:85%;
	
	padding:0em;
	
	}
	
	#mainTOP4 {
	position: relative;
	width:auto;
	height:auto;
	display:block;
	max-width: 90%;
	margin: 5em 0em 1em;
	padding:0em;
	background-color:rgba(255,255,255,1);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}
	
	.mainquer {
	position: relative;
	width:auto !important;
	height:10% !important;
	top: 0px !important;
	display:block;
	margin:2em;
	padding: 1em;
	background-color:rgba(255,255,255,1);
	border-radius:0.15em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}
	
	#Contain{
		
		width:100%; 
		top:auto;
		
	}
	



		
	#main{
		font-size:55%;
		width:100%;
		display: block;
		position:fixed;
		margin-top: 1em;
		margin-bottom: 3em;
		padding:0.5em auto;
		}
		
		#main2 {
		width:80%;
		display: block;
		position:relative;
		margin-top:5%;
		padding:em;
		margin: 0em 0em 2em 0em;
		}
		
		
	#main2 img {
	
	border-radius:5px;

	width:80%;
	height:auto;
	padding:em;
	
}	
	
	#main3 {
	
	position:relative;
	margin-top:25%;
	width:80%;
	height:auto;
	display:block;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
	background-image: none;
	
	}
	
	.Imagevideo {
	width:auto;
	padding: 0em 0em 2em; 
	margin: 5em 0em 2em;
	border-width: 0.25em;
	border-color: #ffffff;

}
	
	.Imagevideo2{width:75%;}
	
	.PaketShootingBusiness {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
	opacity:1;
	background-image: url(Silvia3.png) ; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
		.PaketShootingPlusBusiness {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
	opacity:1;
	background-image: url(PascalPaketNormal05_2.png) ; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
	
	.PaketShootingPremiumBusiness {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
	opacity:1;
	background-image: url(Patrick2.png) ; 	
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
	
	.PaketShootingAllinklusiveBusiness {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
		opacity:1;
	background-image: url(JuliaJenny2.png) ; 	
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
		
	
	.PaketShootingPrivat {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
	float:none;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
		opacity:1;
	background-image: url("Silvia_Closeup.png") ; 	
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
	.PaketShootingPlusPrivat {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
		float:none;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
		opacity:1;
	background-image: url("Franzi2.png") ; 	
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
		.PaketShootingPremiumPrivat {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
		float:none;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
		opacity:1;
	background-image: url("MeierMax05.png") ; 	
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
	
		
		.PaketShootingExklusivPrivat {
	
	position:relative;
	margin-top:25%;
	width:auto;
	height:auto;
	display:block;
			float:none;
	max-width:90%;
	margin-bottom: 3em;
	padding:0em;
		opacity:1;
	background-image: url("AntjeAndras06.png") ; 	
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: bottom right;
	
	}
		
		#main4 {
	
	position:relative;
	margin-top:25%;
	top:0px;
	width:auto;
	height:auto;
	max-width:85%;
	
	}
	
	#main8{
	position:relative;
	
	width:auto;
	height:20em;
	display:block;
	float: none;
	max-width:85%;
	margin: 1%;
	padding:0em;
		font-size: 60%;
	background-color:rgba(255,255,255,1.0);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.5);
	box-shadow: 0px 22px 30px 5px rgba(0,0,0,0.5);
	
	
	}
		

		
		
	
	
	.BildHeader {
	
	display: none !important;
	
}
	
	.BildHeader2{
	
	position: fixed;
	top:0.5em;
	left: 5em;
	display:block;
	width: 3em;
	height: auto;
	border-color: #fff;
	border-style: solid;
	border-width: 0.05em;
	border-radius: 0.25em;
	z-index: 99999;
	}
	.Header_Logo{
		
		display: none;
		width:3em; 
		height: auto; 
		position: fixed; 
		left:40%; 
		top:0.5em;
		opacity:1;
		
		
	}
	
	
	
	
	.Header_Logo2{
		
		display: block;
		width:4em; 
		height: auto; 
		position: fixed; 
		left:40%; 
		top:0.5em;
		opacity:1;
		
		
	}
	
		#HeaderLogo {
	
	
		display:inline;
		width:1.5em;
		margin:0.5em;
		height:auto;
		
		
		
		}
			
	header{
		display:none;
		
		}
		
		header2 {
		display:block;
		position: fixed;
		top:0px;
		left:0px;
		height:4em;
		width:100%;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(30,30,30, 1.00)), 
				color-stop(100%,rgba(30,30,30,0.85)));
	background:-ms-linear-gradient(top, #000 0%, #333 100%);
	border-bottom: rgba(255,255,255,1.00);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
		z-index: 1000;
		}
	
	.Header3{
		display:block;
		
z-index: 9999;
		
	}
	
	#ImageYoutube {
	
	border-radius:1px;
	display:block;
	float: left;
	 margin: 2em;
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: auto;
	width: 10em;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}
	
	
	header h1{
		
		font-size: 2em;
	}
		
	
	
	
	#LKP {
		display: none;
	}
	
	.LKP {
		display: none;
		position: relative;
		text-align:center; 
		margin-top:1em;
		font-size: 1em;
		color:#999;
	}
	
	
	
	
	
		
		#limitierte {
			position:relative;
			top: 1em;
			
		}
	
		#limitierte1 {
			
			padding-bottom:-2em;
		}
		
		#limitierte2 {
			
		
		}
	
	.Angebotlink_gesamt1{
	
	widht: 15em; 
	display:grid; 
	float:none; 
	padding: 1em;
	margin:2em;
}

.Angebotlink_gesamt2{
	
	widht: 15em; 
	display:grid; 
	margin: 2em; 
	padding: 1em;
	
	
}
	
	.ulAngebot {
	
	text-align: left; 
	width: auto;
	margin-left:3em;
	list-style-position: outside;
}
	
	.liAngebot {
	
	list-style:url("GruenerHakenkl.png") ;
	font-size: 1.15em;
	color: #000; 
	text-shadow: none;
}
	
	
	
	#menubar {
		
		
		display:block;
		position: fixed;
		top:0px;
		left:0px;
		z-index:9999;
		width:auto;
		float:left;
		
		
		}		
		
	
	
	#menubar ul li a.menubutton {
		display:block;
		height:auto;
		width: 2em;
		position: ;

	}
	
	.menubutton img{
		
		width:2em;
		height:auto;
	}
	
	#Menuschrift {
		position: relative; 
		left:0em; 
		top:-0.5em; 
		font-size: 0.5em; 
		color:rgba(255,255,255,1.00); 
		font-weight:bold;
		text-decoration: none;
	}
	

	
	nav{
	
	
	position: fixed;
	text-align:center;
	top:0em;
	left:0em;
	width: 100%;
	height: auto;
	max-width: 100%; 
	margin-top:0em;
	padding:	0.75em 0.5em;
	font-size: 100%;
	background: none;
	display: none;
	border-bottom: rgba(255,255,255,0.00);
	border-bottom-style: solid;
	border-bottom-width: 1px;
		
	z-index: 1000;
	
	
	}
		
	nav ul{
		

	
		background-color: rgba(30,30,30,1.00);
		border-radius:5px;
		padding: 1em 0em;
		width:90%;
		z-index:10000000;
		
	}
	
	nav ul li {
		
		
		display: block;
		
		border-bottom-color: rgba(255,255,255,0.00);
		border-radius:5px;
		border-bottom-style: solid;
		border-bottom-width: 0.1px;
		border-bottom-color: #999;
		
	}	
	
	nav ul li a {
	
	color: rgba(255,255,255,1.00);
	font-size:1.00em;
	line-height: 2,5em;
	transition: background 0.2s;
	text-decoration:none;
	-webkit-transition: background 0.2s;
	text-decoration:none;
}
	

		
	
	
	navPrivat {
		
		position: absolute;
		left:10%;
		top:0%;
		margin:0% ;
		width: 100%;
		height: 20em;
		max-width: 80%;
		background-color: rgba(0,0,0, 1.0);
		border-radius:0.5em;
		display: block;
		border-color:rgba(0, 0, 0, 0.00);
		z-index: 10;
	}
	
	navPrivat ul {
		
		width: 100%;
		height: auto;
		background-color:rgba(0,0,0,1.00);
		margin-top: -1%;
		border-radius:0.5em;
		position:relative;
		
	}
	
	navPrivat ul li {
		
		
		font-size: 90%;
		background-color:rgba(0,0,0,1.00);
		list-style: none;
		display: block;
		position:relative;
		border-bottom-style: solid;
		border-bottom-width: 0.1px;
		border-bottom-color: #999;
		
		}
	
	navBusiness {
		
		position: absolute;
		left:10%;
		top:0%;
		margin:0% ;
		width: 100%;
		height: 20em;
		max-width: 80%;
		background-color: rgba(0,0,0, 1.0);
		border-radius:0.5em;
		display: block;
		border-color:rgba(0, 0, 0, 0.00);
		z-index: 10;
	}
	
	navBusiness ul {
		
		width: 100%;
		height: auto;
		background-color:rgba(0,0,0,1.00);
		margin-top: -1%;
		border-radius:0.5em;
		position:relative;
		
	}
	
	navBusiness ul li {
		
		
		font-size: 90%;
		background-color:rgba(0,0,0,1.0);
		list-style: none;
		display: block;
		position:relative;
		border-bottom-style: solid;
		border-bottom-width: 0.1px;
		border-bottom-color: #999;
		
		}
	
		
	navVernissage {
		
		position: absolute;
		left:10%;
		top:0%;
		margin:0% ;
		width: 100%;
		height: 20em;
		max-width: 80%;
		background-color: rgba(0,0,0, 1.0);
		border-radius:0.5em;
		display: block;
		border-color:rgba(0, 0, 0, 0.00);
		z-index: 10;
	}
	
	navVernissage ul {
		
		width: 100%;
		height: auto;
		background-color:rgba(0,0,0,1.0);
		margin-top: -1%;
		border-radius:0.5em;
		position:relative;
		
	}
	
	navVernissage ul li {
		
		
		font-size: 90%;
		background-color:rgba(0,0,0,1.0);
		list-style: none;
		display: block;
		position:relative;
		border-bottom-style: solid;
		border-bottom-width: 0.1px;
		border-bottom-color: #999;
		
		}
	
	
	navGalerie {
		
		position: absolute;
		left:10%;
		top:0%;
		margin:0% ;
		width: 100%;
		height: 20em;
		max-width: 80%;
		background-color: rgba(0,0,0, 1.0);
		border-radius:0.5em;
		display: block;
		border-color:rgba(0, 0, 0, 0.00);
		z-index: 10;
	}
	
	navGalerie ul {
		
		width: 100%;
		height: auto;
		background-color:rgba(0,0,0,0.8);
		margin-top: -1%;
		border-radius:0.5em;
		position:relative;
		
	}
	
	navGalerie ul li {
		
		
		font-size: 90%;
		background-color:rgba(0,0,0,0.0);
		list-style: none;
		display: block;
		position:relative;
		border-bottom-style: solid;
		border-bottom-width: 0.1px;
		border-bottom-color: #999;
		
		}
	
	
	#H1Ueberschrift {
	
	position: absolute; 
	left: 1.5em ; 
	top: 8em; 
	color:#ffffff; 
	font-size: 95%; 
	z-index: 1;
	text-shadow: 2px 2px 15px #000;
}
	
		#H1Ueberschrift2 {
	
	position: fixed; 
	left: 4em ; 
	top: 1em; 
	color:#ffffff; 
	font-size: 95%; 
	z-index: 9999999;
	text-shadow: 2px 2px 15px #000;
}
	
	
	h1 {
		font-size:90%;	
		position:relative;
		z-index: 9999;
			}
	
	h3{
		
		font-size: 1.25em;
		
	}
	
	li {
		
		
		line-height:1.25em;
		width:auto;
		}
	
	p {
		
		font-size: 1.15em;
	}
	
	#Image {
		
		width: 90%;
		margin:0px;
	}
	
	#Image2 {
	
	
	
	margin:0.25em;
	box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.6);
	width:20%;
	height:auto;
	border-radius:2px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
}
	
	.Image5 {
	
	margin-top: -10em ;
	box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.6);
	width:80%;
	height:auto;
	border-radius:2px;
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,0.5);
}
		
		footer {
	
	font-size: 80%;
	display:inline;
	position:fixed;
	text-align: center;
	bottom: 0em;
			height: 3em;
	text-decoration:none;
	 
		}
	
	
	footer ul{
		
		padding-left: 3em;
	}
		
	}
</style>