@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 tr {
	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.tablePreise td {
	
	height:auto;
	width: 80%;
	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;
}

main {}

.Bildvorschau1 {
	
	position: relative;
  	width: 40em;
 	height: 40em;
 
 	 border: solid 1px #ccc;
  	background: url("Franziska_bearb.jpg");
	background-size: cover;
	touch-action:manipulation;
	}
  
 	.Bildvorschau1 div {
   
    height: 100%;
    width: 50%;
    max-width: 100%;
    resize: horizontal;
    border-right: solid 2px rgba(255,255,255,1.00);
	box-shadow: 0.25px 0px 1px #000;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: preview;
	 background: url("Franziska_unb.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
		
	 }
    
   		.Bildvorschau1 div:after {
     
			content:'';
      position: absolute;
      width: 1em ;
      height: 1em ;
      background: rgba(255,255,255,1.00);
      bottom: 0;
      right: 0;
      border: solid 1px rgba(0,0,0,1.00);
      border-right: 0;
      border-bottom: 0;
     
		
    	}
	


  
mainBildvorschau2 {
	
	
	
}

.Bildvorschau2 {
  width: 40em;
  height: 40em;
  
  border: solid 1px #ccc;
  background: url("Ostsee_bearb.jpg");
	background-size: cover;
	}
  
 .Bildvorschau2 div {
    
    height: 100%;
    width: 50%;
    max-width: 100%;
    resize: horizontal;
    border-right: solid 2px rgba(255,255,255,1.00);
	box-shadow: 0.25px 0px 1px #000;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: preview;
    background: url("Ostsee_unb.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
	 }
    
   .Bildvorschau2 div:after {
      	content: '';
      position: absolute;
      width: 1em ;
      height: 1em ;
      background: rgba(255,255,255,1.00);
      bottom: 0;
      right: 0;
      border: solid 1px rgba(0,0,0,1.00);
      border-right: 0;
      border-bottom: 0;
     
    }

mainBildvorschau3 {
	
	
	
}

.Bildvorschau3 {
  width: 40em;
  height: 40em;
 
  border: solid 1px #ccc;
  background: url("Patrick_bearb.jpg");
	background-size: cover;
	}
  
 .Bildvorschau3 div {
   
    height: 100%;
    width: 50%;
    max-width: 100%;
    resize: horizontal;
     border-right: solid 2px rgba(255,255,255,1.00);
	box-shadow: 0.25px 0px 1px #000;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: preview;
    background: url("Patrick_unb.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
	 }
    
    .Bildvorschau3 div:after {
      	content: '';
      position: absolute;
      width: 1em ;
      height: 1em ;
      background: rgba(255,255,255,1.00);
      bottom: 0;
      right: 0;
      border: solid 1px rgba(0,0,0,1.00);
      border-right: 0;
      border-bottom: 0;
     
		
    }

mainBildvorschau4 {
	
	
	
}

.Bildvorschau4 {
  width: 40em;
  height: 40em;
 
  border: solid 1px #ccc;
  background: url("Otto_bearb.jpg");
	background-size: cover;
	}
  
 .Bildvorschau4 div {
    
    height: 100%;
    width: 50%;
    max-width: 100%;
    resize: horizontal;
    border-right: solid 2px rgba(255,255,255,1.00);
	box-shadow: 0.25px 0px 1px #000;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: preview;
    background: url("Otto_unb.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
	 }
    
   .Bildvorschau4 div:after {
     		content: '';
      position: absolute;
      width: 1em ;
      height: 1em ;
      background: rgba(255,255,255,1.00);
      bottom: 0;
      right: 0;
      border: solid 1px rgba(0,0,0,1.00);
      border-right: 0;
      border-bottom: 0;
      
    }

mainBildvorschau5 {
	
	
	
}

.Bildvorschau5 {
  width: 40em;
  height: 40em;
  
  border: solid 1px #ccc;
  background: url("Noel_bearb.jpg");
	background-size: cover;
	}
  
 .Bildvorschau5 div {
    
    height: 100%;
    width: 50%;
    max-width: 100%;
    resize: horizontal;
    border-right: solid 2px rgba(255,255,255,1.00);
	box-shadow: 0.25px 0px 1px #000;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: preview;
    background: url("Noel_unb.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
	 }
    
   .Bildvorschau5 div:after {
     		content: '';
      position: absolute;
      width: 1em ;
      height: 1em ;
      background: rgba(255,255,255,1.00);
      bottom: 0;
      right: 0;
      border: solid 1px rgba(0,0,0,1.00);
      border-right: 0;
      border-bottom: 0;
      
    }

mainBildvorschau6 {
	
	
	
}

.Bildvorschau6 {
  width: 40em;
  height: 40em;
  
  border: solid 1px #ccc;
  background: url("Makro_bearb.jpg");
	background-size: cover;
	}
  
 .Bildvorschau6 div {
   
    height: 100%;
    width: 50%;
    max-width: 100%;
    resize: horizontal;
     border-right: solid 2px rgba(255,255,255,1.00);
	box-shadow: 0.25px 0px 1px #000;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-name: preview;
    background: url("Makro_unb.jpg");
	 background-size: cover;
	 background-repeat: no-repeat;
	 }
    
   .Bildvorschau6 div:after {
      	content: '';
      position: absolute;
      width: 1em ;
      height: 1em ;
      background: rgba(255,255,255,1.00);
      bottom: 0;
      right: 0;
      border: solid 1px rgba(0,0,0,1.00);
      border-right: 0;
      border-bottom: 0;
	  
      
    }

@supports (touch-action:manipulation) {
    .manipulation {
       -webkit- touch-action: manipulation;
    }

@keyframes preview {
    0% {width: 10%;}
    50% {width: 99%;}
    100% {width: 50%;}
	
}




.Button{
	
	margin:2em 0em;
	width: 5em;
	height: auto;
	font-size:1.5em;
	font-weight: 100;
	border:solid black;
	border-width:0.02em;
}

.Button:hover{
	
	
	
	font-weight: 200;
	border:solid black;
	border-width:0.02em;
	background: rgba(255,255,255,1.00);
}


.Kontaktfeldbutton {
	
	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; 
	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;
	background:rgba(0,0,0,0.9);
	
}





#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 {
	
	
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	width: 100% !important;
	max-width: 100%;
	overflow-x: hidden;
	background-attachment: fixed;
	margin: 0px;
	padding:0px;
	font-size: 100%;
	font-weight:100;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		
	/*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) ;
	
	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-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:0em; 
	margin:0em 0em -7em;
	z-index: 1;
}

.Imagevideo2{width:90%; height:90%; margin-bottom: 0em;}



#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: 200;
	font-size: 1.5em;
	
}

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




.wrapper {
	 position:  fixed;
	margin-top: 2%;
  width: 100%;
  height: 86%;
	

}


.wrapper .img{
	
	position: fixed;
	height: 100%;
	width: 100%;
	visibility: hidden;
	
}

.wrapper .img img{
	 height: 100%;
  width: 100%;

  object-fit: cover;
  clip-path: circle(0% at 0% 100%);
  transition: all 0.7s;
}

#one:checked ~ .img-1 img {
	 clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#one:checked ~ .img-1 #TextImage1 {
	
	visibility: visible;
}



#two:checked ~ .img-2 img {
	 clip-path: circle(150% at 0% 100%);
	visibility: visible;
} 

#two:checked ~ .img-2 #TextImage2 {
	
	visibility: visible;
} 


#three:checked ~ .img-3 img {
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#three:checked ~ .img-3 #TextImage3 {
	
	visibility: visible;
}


#four:checked ~ .img-4 img {	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#four:checked ~ .img-4 #TextImage4 {
	
	visibility: visible;
}


#five:checked ~ .img-5 img {	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#five:checked ~ .img-5 #TextImage5 {
	
	visibility: visible;
}

#six:checked ~ .img-6 img {
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}
#six:checked ~ .img-6 #TextImage6 {
	
	visibility: visible;
}


#seven:checked ~ .img-7 img {
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#seven:checked ~ .img-7 #TextImage7 {
	
	visibility: visible;
}


#eight:checked ~ .img-8 img {
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#eight:checked ~ .img-8 #TextImage8 {
	
	visibility: visible;
}

#nine:checked ~ .img-9 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#nine:checked ~ .img-9 #TextImage9 {
	
	visibility: visible;
}

#ten:checked ~ .img-10 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#ten:checked ~ .img-10 #TextImage10 {
	
	visibility: visible;
}


#eleven:checked ~ .img-11 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#eleven:checked ~ .img-11 #TextImage11 {
	
	visibility: visible;
}

#twelve:checked ~ .img-12 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#twelve:checked ~ .img-12 #TextImage12 {
	
	visibility: visible;
}

#thirteen:checked ~ .img-13 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#thirteen:checked ~ .img-13 #TextImage13 {
	
	visibility: visible;
}


#fourteen:checked ~ .img-14 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#fourteen:checked ~ .img-14 #TextImage14 {
	
	visibility: visible;
}

#fifteen:checked ~ .img-15 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#fifteen:checked ~ .img-15 #TextImage15 {
	
	visibility: visible;
}


#sixteen:checked ~ .img-16 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#sixteen:checked ~ .img-16 #TextImage16 {
	
	visibility: visible;
}


#seventeen:checked ~ .img-17 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#seventeen:checked ~ .img-17 #TextImage17 {
	
	visibility: visible;
}

#eighteen:checked ~ .img-18 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#eighteen:checked ~ .img-18 #TextImage18 {
	
	visibility: visible;
}


#nineteen:checked ~ .img-19 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#nineteen:checked ~ .img-19 #TextImage19 {
	
	visibility: visible;
}


#twenty:checked ~ .img-20 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#twenty:checked ~ .img-20 #TextImage20 {
	
	visibility: visible;
}


.wrapper .sliders {
	position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  display: flex;
	
}

.wrapper .sliders label{
   border: 0.25em solid rgb(255,255,255);
  width: 1em;
  height: 1em;
  margin: 0em 0.3em;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.wrapper .slider2 {
	
  z-index: 99;
		
  display: block;
	
}



.wrapper .slider3 {
	
  z-index: 99;
  display: block;
	
}

#slider2 {
	
	box-shadow: 0px 0px 5px;
}

.wrapper .slider2 label {
	
	 position: fixed;
  top: 48%;
	left:3%;
  width: 2em;
  height: 2em;
	
  border: solid rgba(255,255,255,0.50);
  border-width: 0 0.5em 0.5em 0;
	transform: rotate(135deg) ;
  -webkit-transform: rotate(135deg);
  padding: 3px;
	
	box-sizing: border-box;
	cursor: pointer;
  transition: all 0.1s ease;
 display: none;
}

.wrapper .slider2 label:hover {
	
	border: solid rgba(255,255,255,1.00);
 border-width: 0 0.1em 0.1em 0;
}



.slider2 div{
	
	position: fixed;
	left:0;
	top:0%;
	width: 6em;
	height:100%;
	background: rgba(0,0,0,0.00);
	z-index:0;
}

.slider2 div:hover {
	
	width: 10em;
	height:100%;
	background: rgba(0,0,0,0.30);
	transition: all 0.7s ease;
}

.slider3 div{
	
	position: fixed;
	right:0;
	top:0%;
	width: 6em;
	height:100%;
	background: rgba(0,0,0,0.00);
	z-index:0;
}

.slider3 div:hover {
	
	width: 10em;
	height:100%;
	background: rgba(0,0,0,0.30);
	transition: all 0.7s ease;
}

.wrapper .slider3 label {
	
	position: fixed;
 	top: 48%;
	right: 3%;
 	width: 2em;
 	height: 2em;
	 border: solid rgba(255,255,255,0.70);
 	border-width: 0 0.5em 0.5em 0;
	transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
 padding: 3px;
box-sizing: border-box;
cursor: pointer;
 transition: all 0.1s ease;
 display: none;
}


.wrapper .slider3 label:hover {
	
border: solid rgba(255,255,255,1.00);
 border-width: 0 0.1em 0.1em 0;
}


#one:checked ~ 		.sliders label.one,
#two:checked ~ 		.sliders label.two,
#three:checked ~ 	.sliders label.three,
#four:checked ~		.sliders label.four,
#five:checked ~ 	.sliders label.five,
#six:checked ~ 		.sliders label.six,
#seven:checked ~ 	.sliders label.seven,
#eight:checked ~ 	.sliders label.eight,
#nine:checked ~ 	.sliders label.nine,
#ten:checked ~ 		.sliders label.ten,
#eleven:checked ~ 		.sliders label.eleven,
#twelve:checked ~ 	.sliders label.twelve,
#thirteen:checked ~		.sliders label.thirteen,
#fourteen:checked ~ 	.sliders label.fourteen,
#fifteen:checked ~ 		.sliders label.fifteen,
#sixteen:checked ~ 	.sliders label.sixteen,
#seventeen:checked ~ 	.sliders label.seventeen,
#eighteen:checked ~ 	.sliders label.eighteen,
#nineteen:checked ~ 	.sliders label.nineteen,
#twenty:checked ~ 	.sliders label.twenty{
	
  width: 6em;
  border-radius: 2em;
  background: rgba(255,255,255,1.00);
}


#one:checked ~ 		.slider2 label.twenty,
#two:checked ~ 		.slider2 label.one,
#three:checked ~ 	.slider2 label.two,
#four:checked ~		.slider2 label.three,
#five:checked ~ 	.slider2 label.four,
#six:checked ~ 		.slider2 label.five,
#seven:checked ~ 	.slider2 label.six,
#eight:checked ~ 	.slider2 label.seven,
#nine:checked ~ 	.slider2 label.eight,
#ten:checked ~ 		.slider2 label.nine,
#eleven:checked ~ 	.slider2 label.ten,
#twelve:checked ~ 	.slider2 label.eleven,
#thirteen:checked ~		.slider2 label.twelve,
#fourteen:checked ~ 	.slider2 label.thirteen,
#fifteen:checked ~ 		.slider2 label.fourteen,
#sixteen:checked ~ 	.slider2 label.fiveteen,
#seventeen:checked ~ 	.slider2 label.sixteen,
#eighteen:checked ~ 	.slider2 label.seventeen,
#nineteen:checked ~ 	.slider2 label.eighteen,
#twenty:checked ~ 	.slider2 label.nineteen{
	
  display: block;
}

#one:checked ~ 		.slider3 label.two,
#two:checked ~ 		.slider3 label.three,
#three:checked ~ 	.slider3 label.four,
#four:checked ~		.slider3 label.five,
#five:checked ~ 	.slider3 label.six,
#six:checked ~ 		.slider3 label.seven,
#seven:checked ~ 	.slider3 label.eight,
#eight:checked ~ 	.slider3 label.nine,
#nine:checked ~ 	.slider3 label.ten,
#ten:checked ~ 		.slider3 label.eleven,
#eleven:checked ~ 	.slider3 label.twelve,
#twelve:checked ~ 	.slider3 label.thirteen,
#thirteen:checked ~	.slider3 label.fourteen,
#fourteen:checked ~ .slider3 label.fifteen,
#fifteen:checked ~ 	.slider3 label.sixteen,
#sixteen:checked ~ 	.slider3 label.seventeen,
#seventeen:checked ~ .slider3 label.eighteen,
#eighteen:checked ~ .slider3 label.nineteen,
#nineteen:checked ~ .slider3 label.twenty,
#twenty:checked ~ 	.slider3 label.one{
	
 display: block;
}

.sliders label:hover{
  background: rgb(255,255,255,1.00);
}
input[type="radio"]{
	
	
	
  display: none;
}




#Bild-Start{
	
	display: block;
	position: fixed; 
	top:9%;
	width:100%;
	height:auto;
	z-index:-1900000000;
}

header {
	
	position: fixed;
	background: rgba(30,30,30,1.00);
	border-bottom: rgba(255,255,255,1.00);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position:fixed;
	top:0px;
	width:100%;
	display:block;
	text-align: center;
	line-height: 0%;
	height: 120px;
	z-index:99;
	
	
	}


.SchriftGold {
	
	position: fixed;
	width: 5%;
	top: 20px;
	left: 20px;
}



nav {

	position: fixed;
	top:4em;
	right:2em;
	font-size: 100%;
 	text-align: right; 
	width:100%;
	z-index: 9999;
}

nav ul {
	
	position: fixed;
	width: 100%;
	height:2em;
	margin: 0 2em 0 0;
  padding: 0em;
  list-style: none;
  position:relative;
	
  }
  



nav ul li {
	
  display:inline-block;
	cursor: pointer;
  }

nav a {
	
	position:inherit;
	
  display:block;
  width:auto;
	height:100%;
	font-weight: 100;
  color: rgba(180,180,180,1.00);
  line-height:auto;padding: 0 0.25em;
  text-decoration:none;
	background-color:rgba(51,51,51,0.00) ; 
	border:thin solid rgba(255,255,255,0.00);
	border-radius: 0.15em;
	overflow-x: hidden;
}

nav a:hover { 
	
	position:inherit;
	width:auto;
	height:100%;
	color:#FFFFFF;
	
	
	
 
}


nav ul li:hover > ul {
   
	display: block;
  	position: fixed; 
	text-align: left;
	height: auto;
	max-height: 20em;
	width:14em;
	
	border:thin solid rgba(255,255,255,1.00);
	cursor: pointer;
	transition: all 1s ease;
	
	
}


	nav ul ul {
		
  	display:block;
  	position: fixed; 
	text-align: left;
	height: 0em;
		max-height: 0em;
	width:14em;
		
	list-style: none;
background:rgba(98,97,97,1.00);
	border:none;
	border-radius: 0.25em;
		overflow-y: auto;
	cursor: pointer;
}
  

  


nav ul ul li {
	
  padding:0em;
  float:none;
  display:list-item;
  position: relative;
	height:auto;
	list-style: none;
	font-size:90%;
	
	
	
	
}

nav ul ul li:hover{
	
	background-color:rgba(51,51,51,0.50); 
}

nav ul ul li a{
	
	color: #FFFFFF;
}

  
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

navHandy {
	
	display:none;
}

input#NeuerButton {display:none}
input#Vernissage {display:none}
input#VernissagePC {display:none}
input#Angebot {display:none}
input#Galerie {display:none}

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; 
	top:20px;
	left:auto;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: 100; 
	color:rgba(255,255,255,0.60); 
	font-size: 2em; 
	z-index: 9999;
}

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: 2em;
	font-weight: 100;
	display:block;
	align-content:center;
	color:rgba(60,60,60,1.00);
	margin:0.5em;
	padding:0.5em;
	z-index:;
}


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: 20%;
	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:none; 
	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
		
		}



#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;
	}

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

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

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

.mainSelection2 {
	
	align-content: center;
	text-align: justify center;
	display:block;
	width:70%;
	margin: 1em 0em;
	
	
}


.mainquerfix  {
	position: fixed;
	top: 25% ;
	left: 5%;
	width:17%;
	height:auto;
	padding: 1em;
	background-color:rgba(255,255,255,0.7);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 0px 3px #333;
	
	
	}

.mainquerfix p {
	
	color:rgba(0,0,0,1.00);
	text-align: center;
}

.mainquerfix2  {
	position: fixed;
	top: 25% ;
	left:25%;
	width:50%;
	height:auto;
	
	padding: 1em;
	background-color:rgba(255,255,255,0.7);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 0px 3px #333;
	
	
	}

.mainquerfix2 p {
	
	color:rgba(0,0,0,1.00);
	text-align: center;
}

.mainquer {
	
	align-content: center;
	align-items: center;
	position: relative;
	width:100%;
	height:auto !important;
	min-height: 20em;
	top: 0px !important;
	display:block;
	margin:60em 0em 1em ;
	padding: 1em;
	background-color:rgba(222,222,222,1.00);
	border-radius:0em;
	
	
	
	}

.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:auto;
	height:auto !important;
	min-height: 20em;
	top: 0px !important;
	display:block;
	margin:60em 0em 1em ;
	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);
	
	
	
	}

#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;}
}

#imgLinkBeschriftung{
	
	position: absolute;
	top: 10.5em;
	text-shadow: 1px 1px 5px #000;
	text-decoration: none;
	color: #fff;
	background-color: #333333;
	width: 100%;
	height: auto;
	padding: 0.25em 0em;
	opacity: 0.75;
	z-index: 0;
}

.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-repeat: no-repeat;
	background-size: 100%;
	background-image:url(/Button/Portrait_0.jpg);
	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{
	
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-image:url( /Button/Architektur_1.jpg);
	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{
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url( /Button/Natur_1.jpg);
	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{
	

	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Hochzeit_1.jpg);
	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{
	
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Tiere_1.jpg);
	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{
	
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Produkt_1.jpg);
	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{
	
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Fotomontage_1.jpg);
	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{
	
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Retusche_1.jpg);
	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{
	
	
	
	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-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image: url(/Button/Sport_1.png);
	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:auto;
	height:auto !important;
	min-height: 20em;
	top: 0px !important;
	display:block;
	margin:60em 0em 1em ;
	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);
	
	
	}

#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);
	
}

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

 #Image3arechts {
	
	border-radius:1px;	
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: 15em;
	width:auto;
	margin:0em 3em  ;
	display:block;
	float: right;
	
	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;
	left:0px;
	color: rgba(180,180,180,1.00);
	text-shadow: 1px 1px 5px #000;
	text-align: right;
	width: 100%;
	height: 30px;
	font-size:80%;
	padding: 1.5em 0em 0em 0em;
	bottom: 0px !important;
	background: rgba(30,30,30,1.00);
	/*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%;
	
	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(180,180,180,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 :600px ), and (min-width : 600px ) and ( max-width :1280px ){
	
	.Layer{
		
	}
	
	layer{
		width:auto !important;
	}
	.Kontakt {
	
	margin-left: 0em; 
	width: 100%; 
	text-align: center;
}
	
	form {
	
	
	display: inline;
	text-align: center;
	width: auto;
}
	
	.Bildvorschau1 {
	
	
  width: 15em;
 height: 15em;
 
  border: solid 1px #ccc;
  background: url("Franziska_bearb.jpg");
	background-size: cover;
	}
	
	.Bildvorschau2 {
	
	
  width: 15em;
 height: 15em;

  border: solid 1px #ccc;
  background: url("Ostsee_bearb.jpg");
	background-size: cover;
	}
	
	
	.Bildvorschau3 {
	
	
  width: 15em;
 height: 15em;
 
  border: solid 1px #ccc;
  background: url("Patrick_bearb.jpg");
	background-size: cover;
	}
	
	.Bildvorschau4 {
	
	
  width: 15em;
 height: 15em;

  border: solid 1px #ccc;
  background: url("Otto_bearb.jpg");
	background-size: cover;
	}
	
	.Bildvorschau5 {
	
	
  width: 15em;
 height: 15em;
  
  border: solid 1px #ccc;
  background: url("Noel_bearb.jpg");
	background-size: cover;
	}
	
	.Bildvorschau6 {
	
	
  width: 15em;
 height: 15em;
 
  border: solid 1px #ccc;
  background: url("Makro_bearb.jpg");
	background-size: cover;
	}
	
	
	
	.tablePreise {
	
	
	padding: 0em;
	width: auto;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	 
	font-weight: 100;
	
	
}
	
	.tablePreise table{
		
		
	}
	
	.tablePreise tr {
	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}
	.tablePreise td {
	
	height:auto;
	width: auto;
	font-size:60%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}
	
	#imgLinkBeschriftung{
	
	position: absolute;
	top: 8.5em;
	text-shadow: 1px 1px 5px #000;
	text-decoration: none;
	color: #fff;
	background-color: #333333;
	width: 100%;
	height: auto;
	padding: 0.25em 0em;
	opacity: 0.75;
	z-index: 0;
}
	
	.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:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image:url(/Button/Portrait_0.jpg);
	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{
	
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image:url( /Button/Architektur_1.jpg);
	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{
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url( /Button/Natur_1.jpg);
	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{
	

	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Hochzeit_1.jpg);
	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{
	
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Tiere_1.jpg);
	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{
	
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Produkt_1.jpg);
	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{
	
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Fotomontage_1.jpg);
	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{
	
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image:url(/Button/Retusche_1.jpg);
	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{
	
	
	
	margin: 1em;
	position: relative;
	display:inline-block;
	width:11em !important;
	height: 11em !important;
	max-width:auto;
	max-height: auto;
	padding:0em 0em !important;
	background-color:;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center ;
	background-image: url(/Button/Sport_1.png);
	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 ;

	
}

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

 #Image3arechts {
	
	border-radius:1px;	
	box-shadow: 0px 2px 20px 5px rgba(0,0,0,0.6);
	height: 15em;
	width:auto;
	margin:0em 0em  ;
	 float: none;
	
	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: auto;
	width:auto;
	margin:0em 0em  ;
	float: none;
	
	border-style: solid;
	border-width:1px;
	border-color:rgba(255,255,255,1);
	
}
	
	
	
	
	.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 ;
}
	
	
	#Telefonnummer{
		
		disply:none;
		opacity: 0;
		padding:0.5em;
	} 
	

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

	
		
	}
	
	.ObererAbstand{
	
	margin-top: 5em;
}
	
		.ObererAbstand2{
	
	margin-top: 13em;
}
	
	
	
		

	
#Bild-Start{
	
	
	display: block;
	position: fixed; 
	top:4em;
	width:  500em !important;
	height: auto;
	
}
	
	
		



	

	
.wrapper {
	 position: fixed;
	top: 10%;
  width: 100%;
  height: 100%;
	

}


.wrapper .img{
	
	position: absolute;
	height: 75%;
	width: auto;
	visibility: hidden;
	
}

.wrapper .img img{
	 height: 100%;
  width: 100%;

  object-fit: cover;
  clip-path: circle(0% at 0% 100%);
  transition: all 0.7s;
}

	
#one:checked ~ .img-1 img {
	 clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#one:checked ~ .img-1 #TextImage1 {
	
	visibility: visible;
}



#two:checked ~ .img-2 img {
	 clip-path: circle(150% at 0% 100%);
	visibility: visible;
} 

#two:checked ~ .img-2 #TextImage2 {
	
	visibility: visible;
} 


#three:checked ~ .img-3 img {
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#three:checked ~ .img-3 #TextImage3 {
	
	visibility: visible;
}


#four:checked ~ .img-4 img {	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#four:checked ~ .img-4 #TextImage4 {
	
	visibility: visible;
}


#five:checked ~ .img-5 img {	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#five:checked ~ .img-5 #TextImage5 {
	
	visibility: visible;
}

#six:checked ~ .img-6 img {
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}
#six:checked ~ .img-6 #TextImage6 {
	
	visibility: visible;
}


#seven:checked ~ .img-7 img {
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#seven:checked ~ .img-7 #TextImage7 {
	
	visibility: visible;
}


#eight:checked ~ .img-8 img {
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#eight:checked ~ .img-8 #TextImage8 {
	
	visibility: visible;
}

#nine:checked ~ .img-9 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#nine:checked ~ .img-9 #TextImage9 {
	
	visibility: visible;
}

#ten:checked ~ .img-10 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#ten:checked ~ .img-10 #TextImage10 {
	
	visibility: visible;
}


#eleven:checked ~ .img-11 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#eleven:checked ~ .img-11 #TextImage11 {
	
	visibility: visible;
}

#twelve:checked ~ .img-12 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#twelve:checked ~ .img-12 #TextImage12 {
	
	visibility: visible;
}

#thirteen:checked ~ .img-13 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#thirteen:checked ~ .img-13 #TextImage13 {
	
	visibility: visible;
}


#fourteen:checked ~ .img-14 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#fourteen:checked ~ .img-14 #TextImage14 {
	
	visibility: visible;
}

#fifteen:checked ~ .img-15 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#fifteen:checked ~ .img-15 #TextImage15 {
	
	visibility: visible;
}


#sixteen:checked ~ .img-16 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#sixteen:checked ~ .img-16 #TextImage16 {
	
	visibility: visible;
}


#seventeen:checked ~ .img-17 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}


#seventeen:checked ~ .img-17 #TextImage17 {
	
	visibility: visible;
}

#eighteen:checked ~ .img-18 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#eighteen:checked ~ .img-18 #TextImage18 {
	
	visibility: visible;
}


#nineteen:checked ~ .img-19 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#nineteen:checked ~ .img-19 #TextImage19 {
	
	visibility: visible;
}


#twenty:checked ~ .img-20 img{
	
	clip-path: circle(150% at 0% 100%);
	visibility: visible;
}

#twenty:checked ~ .img-20 #TextImage20 {
	
	visibility: visible;
}	

	
.wrapper .sliders {
	position: fixed;
  bottom: 20%;
  left: 50%;
	
  transform: translateX(-50%);
  z-index: 99;
  display: flex;
	
}
	
	.wrapper .sliders label{
   border: 0.15em solid rgb(255,255,255);
  width: 0.55em;
  height: 0.55em;
  margin: 0 0.25em;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
	
	
	
#one:checked ~ 		.sliders label.one,
#two:checked ~ 		.sliders label.two,
#three:checked ~ 	.sliders label.three,
#four:checked ~		.sliders label.four,
#five:checked ~ 	.sliders label.five,
#six:checked ~ 		.sliders label.six,
#seven:checked ~ 	.sliders label.seven,
#eight:checked ~ 	.sliders label.eight,
#nine:checked ~ 	.sliders label.nine,
#ten:checked ~ 		.sliders label.ten,
#eleven:checked ~ 		.sliders label.eleven,
#twelve:checked ~ 	.sliders label.twelve,
#thirteen:checked ~		.sliders label.thirteen,
#fourteen:checked ~ 	.sliders label.fourteen,
#fifteen:checked ~ 		.sliders label.fifteen,
#sixteen:checked ~ 	.sliders label.sixteen,
#seventeen:checked ~ 	.sliders label.seventeen,
#eighteen:checked ~ 	.sliders label.eighteen,
#nineteen:checked ~ 	.sliders label.nineteen,
#twenty:checked ~ 	.sliders label.twenty{
	
  width: 2em;
  border-radius: 1em;
  background: rgba(255,255,255,1.00);
}
	
	.slider2 div{
	
	position: fixed;
	left:0;
	top:0%;
	width: 1em;
	height:100%;
	background: rgba(0,0,0,0.00);
	z-index:0;
}

.slider2 div:hover {
	
	width: 3em;
	height:100%;
	background: rgba(0,0,0,0.30);
	transition: all 0.7s ease;
}

.slider3 div{
	
	position: fixed;
	right:0;
	top:0%;
	width: 1em;
	height:100%;
	background: rgba(0,0,0,0.00);
	z-index:0;
}

.slider3 div:hover {
	
	width: 3em;
	height:100%;
	background: rgba(0,0,0,0.30);
	transition: all 0.7s ease;
}
	
	.mainquerfix  {
		visibility: hidden;
	position:fixed;
	top: 19% ;
		left: 13%;
	width:70%;
		font-size: 60%;
	height:auto;
	padding: 0.5em;
		
	background-color:rgba(255,255,255,0.7);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 0px 3px #333;
	
	
	}
	
	.mainquerfix2  {
		visibility: hidden;
	position:fixed;
	top: 32% ;
	left: 5%;
	width: 80%;
		font-size: 60%;
	height:auto;
	padding: 0.5em;
		
	background-color:rgba(255,255,255,0.7);
	border-radius:0.5em;
	border-style: solid;
	border-width:0px;
	border-color:rgba(51,51,51,0.25);
	box-shadow: 0px 0px 3px #333;
	
	
	}
	
	.mainquerfix2 h3{
		
		font-size: 125%;
	}

	
	#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);
	
	
	}
	
	
	.mainSelection {
	
	display:block;
	float: none;
	width:90%;
	margin: 2em 0em;
	
}
	
	.mainquer {
	position: relative;
	width:auto !important;
	height:auto !important;
	top: 0px !important;
	display:block;
	margin:63% 0em 3em;
	padding: 1em;
	background-color:rgba(222,222,222,1.00);
	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 {
		
		}
		
		
	#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:100%;
	padding: 0em 0em 0em; 
	margin: 0em 0em -5em;
	border-width: 0.25em;
	border-color: #ffffff;
		z-index: 1;

}
	
	.Imagevideo2{width:100%; height:100%; }
		
	
	.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;
		
		
		
		}
			
nav {
		
		display:none;
	}
	
	header {
	
	
	background: rgba(30,30,30,1.00);
	border-bottom: rgba(255,255,255,1.00);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	position:fixed;
	top:0px;
	width:100%;
	display:block;
	text-align: center;
	line-height: 10%;
	height: 15%;
	z-index:99;
	
	
	}
	
	.SchriftGold {
	
	position: fixed;
		display:block;
	width: 20%;
		top:5px;
		left: auto;
		right:20px;
	
}
	
.row{
	
	position: fixed;
	left:1em;
	top:1em;
	z-index:9999;
	
}

navHandy.navHandy { 
	
    height: auto; 
    max-height:0; 
    transition: all 0.5s;
}

#NeuerButton:checked + .NeuerButton  + navHandy.navHandy { 
    max-height: auto; 
}

label.NeuerButton { 
	
	
   display: block;
   background:rgba(140,140,140,1.00) ;
	border: solid rgba(255,255,255,1.00);
	border-width: thin;
	border-radius: 4px; 
	width: 2em; 
	height: 2em; 
   position: relative; 
   margin-left: auto; 
margin-right: auto;
   z-index:99;
	
}

input#NeuerButton {display:none;}

.line { 
	
  position: inherit; 
  
   height: 2px;
	width: 20px; 
	margin-left:6px;
	margin-top:6px;
   background: #fff; 
	border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 0px; }
.line:nth-child(2) { top: 1px; }
.line:nth-child(3) { top: 2px; }

#NeuerButton:checked + .NeuerButton .line:nth-child(1){
   transform: translateY(9px) rotate(-45deg);
}

#NeuerButton:checked + .NeuerButton .line:nth-child(2){
  transform: scale(0);
}

#NeuerButton:checked + .NeuerButton .line:nth-child(3){
   transform: translateY(-9px) rotate(45deg);
}
	#NeuerButton:checked + label.NeuerButton { 
	
	
   
   background:rgba(0,0,0,1.0) 
		
		
	}

	#NeuerButton:checked ~  navhandy  {
		
		display: block;
		opacity: 1;
		transition: all 1s ease;
		transition: -webkit- all 1s ease;
		transition: -moz- all 1s ease;
		transition: -o- all 1s ease;
		transition: -ms- all 1s ease;
		
	}	
	
	
	#NeuerButton:checked ~  navhandy  ul {
		
		display: block;
		
	}
	
	#NeuerButton:checked ~  navhandy  ul li{
		
		display: block;
		
	}

	
navHandy {
	
	position: fixed;
	top:0em;
	left:0em;
	margin:0.25em 0.25em;
	display: block;
	width:auto;
	height: auto;
	font-size:1.25em;
	font-weight:100;
	text-decoration:none;
	color:#fff;
	opacity: 0;
	z-index:0;
	
}
	
		
	
navHandy ul {
	
	display:none;
	text-align: center;
  	padding: 0em;
  	list-style: none;
  	position:fixed;
	width:85%;
	height:auto;
	background-color:#333333;
	border: thin solid rgba(255,255,255,0.20);
	border-radius: 0.25em;
	z-index: 0;
  }
  
	
	navHandy ul li {
  	display:none;
  	background-color:;
	margin:;
	text-decoration:none;
	color:rgba(255,255,255,1.00);
	width:auto;
	height:auto;
	font-size:90%;
		z-index: 0;
  }
	
	
	.navHandyDiV {
		
		padding:0.25em 0em;
		margin:0.35em 0.85em;
		width:auto;
		
		
	}
	
		
	.navHandyDiV:hover{
		
	
	width:100%;
	height:100%;
	margin:auto;
	background:rgba(92,92,92,1.00);
	
	}

navHandy a {
  display:block;
  padding:0em; 
  color:#FFF;
  line-height: 1.25em;
  text-decoration:none;
}


	
	
	#Vernissage:checked ~ navVernissage ul{
		
		display:block;
		height:10em;
		padding:0.15em;
		margin:0.75em 0;
		text-align: center;
		background-color:#555666;
		border: thin solid rgba(255,255,255,0.30);
		overflow-y: scroll !important;
		overflow-y: -webkit- scroll !important;
		transition: all 1s ease-out;
		transition: -webkit- all 1s ease;
		transition: -moz- all 1s ease;
		transition: -o- all 1s ease;
		transition: -ms- all 1s ease;
	}
	
	
	navVernissage ul::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

navVernissage ul::-webkit-scrollbar-track {
  background: rgba(255,255,255,1.00);        /* color of the tracking area */
}

navVernissage ul::-webkit-scrollbar-thumb {
  background-color: white;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid rgba(0,0,0,1.00);  /* creates padding around scroll thumb */
}
	
navVernissage ul{
	
	
	display:block;
  	position: inherit; 
	width:auto;
	padding:0px;
	height:0px;
  	top: 0px; 
	text-align: left;
	background-color:;
	border: none ;
	border-radius: 0.15em;
	overflow-y: ;
	overflow-x: hidden;
	scroll-behavior: smooth;
	curser:pointer;
}
	
	navVernissage li{
		
		padding: 0.35em 0em;
		
		
	}
	
	navVernissage li:hover {
		
		background: rgba(124,124,124,1.00);
	}
	

	
	
	#Vernissage:checked ~ .Vernissage{
	
	font-weight: bold;
	
	}

	
	
	#Angebot:checked ~ navAngebot ul{
		
		display:block;
		height:10em;
		padding:0.15em;
		margin: 0.75em 0;
		text-align: center;
		background-color:#555666;
		border: thin solid rgba(255,255,255,0.30);
		overflow-y: scroll !important;
		transition: all 1s ease-out;
		transition: -webkit- all 1s ease;
		transition: -moz- all 1s ease;
		transition: -o- all 1s ease;
		transition: -ms- all 1s ease;
	}
	
	
	
navAngebot ul{
	
	
	
	display:block;
  	position: inherit; 
	width:auto;
	padding:0px;
	height:0px;
  	top: 0px; 
	text-align: left;
	background-color:;
	border: none;
	border-radius: 0.15em;
	overflow-y: hidden;
	overflow-x: hidden;
	scroll-behavior: smooth;
	
	curser:pointer;
}
	
	
	navAngebot li{
		
		padding: 0.35em 0em;
		font-size:80%;
		
	}
	
	navAngebot li:hover {
		
		background: rgba(124,124,124,1.00);
	}
	

	
	#Angebot:checked ~ .Angebot{
	
	font-weight: bold;
	
	}

	
	#Galerie:checked ~ navGalerie ul{
		
		
		display:block;
		height:10em;
		padding:0.15em;
		margin:0.75em 0;
		text-align: center;
		background-color:#555666;
		border: thin solid rgba(255,255,255,0.30);
		overflow-y: scroll !important;
		transition: all 1s ease-out;
		transition: -webkit- all 1s ease;
		transition: -moz- all 1s ease;
		transition: -o- all 1s ease;
		transition: -ms- all 1s ease;
	}
	
	
	

	
navGalerie ul{
	
	
	
	display:block;
  	position: inherit; 
	width:auto;
	padding:0px;
	height:0px;
  	top: 0px; 
	text-align: left;
	border: none;
	border-radius: 0.15em;
	overflow-y: hidden;
	overflow-x: hidden;
	scroll-behavior: smooth;
	curser:pointer;
}
	
	
	
	navGalerie li{
		
		padding: 0.35em 0em;
		
		
	}
	
	navGalerie li:hover {
		
		background: rgba(124,124,124,1.00);
	}
	
	

#Galerie:checked ~ .Galerie{
	
	font-weight: bold;
	
	}
	
	
	input#Vernissage {display:none;}
	input#Angebot {display:none;}
	input#Galerie {display:none;}
	
	
	
	
	
	
	.striche {
  top: 35px;
  left: 25px;
  transform: translate(-50%, -50%);
	background: rgba(255,255,255,0.30);
		border:solid rgba(255,255,255,1.00);
		border-width: thin;
		border-radius: 1px;
		padding:5px;
  position: fixed;
  width: 30px;
z-index: 99999;
}

.striche:before,
.striche:after,
.striche div {
  background: #fff;
  content: "";
  display: block;
  height: 3px;
  border-radius: 3px;
  margin: 7px 0;
  transition: 0.75s;
}
	
.striche:hover:before {
  transform: translateY(10px) rotate(135deg);
}
.striche:hover:after {
  transform: translateY(-10px) rotate(-135deg);
}
.striche:hover div {
  transform: scale(0);
}
	


	.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: 1em 0em;
	list-style-position: outside;
}
	
	.liAngebot {
	
	list-style:url("GruenerHakenkl.png") ;
	font-size: 100%;
	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;
	}

	
	#H1Ueberschrift {
	
	position: absolute; 
	left: 1.5em ; 
	top: 8em; 
	color:#ffffff; 
	font-size: 95%; 
	z-index: 1;
	text-shadow: 2px 2px 15px #000;
	visibility: hidden;
}
	
		.H1Ueberschrift2 {
	
	position: fixed; 
	left: auto ; 
	top: 3.5%; 
	color:#ffffff; 
	font-size: 65%;
			text-align: center;
	z-index: 99;
		width:50%;
	
}
	
	
	h1 {
		font-size:90%;	
		position:relative;
		z-index: 9999;
			}
	
	h3{
		font-size: 1.25em;
	font-weight: 100;
	display:block;
	align-content:center;
	color:rgba(60,60,60,1.00);
	margin:0.5em;
	padding:0.5em;
		line-height: 1.75em;
	z-index:;
	}
	
	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>