/* ScrollUP */
.scrollup {
    width:55px;
    height: 55px;
    position: fixed;
    bottom: 20px;
    right: 15px;
	z-index:1000;
    display: none;
    text-indent: -9999px;
    background: url('../img/basic/arrowUP.png') no-repeat;
    /* background-color: #000; */
	border:solid 2px #ec761d ;
}
.scrollupgreen {
    width:55px;
    height: 55px;
    position: fixed;
    bottom: 20px;
    right: 15px;
    display: none;
    text-indent: -9999px;
    background: url('../img/basic/arrowUPgreen.png') no-repeat;
    /* background-color: #000; */
	border:solid 2px #6fb021 ;
}
.scrollup:hover{
	background: url('../img/basic/arrowUP_hover.png') no-repeat;
	background-color:#ec761d;
	transition: 0.8s ease-out ;
}
.scrollupgreen:hover{
	background: url('../img/basic/arrowUP_hover.png') no-repeat;
	background-color:#6fb021;
	transition: 0.8s ease-out ;
}

/* Einblendmenu */
.einblendmenubutton{
	width:55px;
    height: 55px;
    position: fixed;
    top: 400px;
    right: 15px;
	z-index:1000;
	padding-top:13px;
	display:none;
	cursor:pointer;
}
.buttonorange{
    background: url('../img/basic/menu.png') no-repeat;
}
.buttongreen{
    background: url('../img/basic/menugruen.png') no-repeat;
}
.buttonorange:hover{
	background: url('../img/basic/menuover.png') no-repeat;
	transition: 0.8s ease-out ;
}
.buttongreen:hover{
	background: url('../img/basic/menuovergruen.png') no-repeat;
	transition: 0.8s ease-out ;
}
.einblendmenu{
	width:170px;
    height: 160px;
    position: fixed;
    top: 400px;
    right: 70px;
	z-index:1000;
	background-color:#ec761d;
	color:white;
	font-size:1.1em;
	display:none;
}
.greenmenu{
	width:170px;
    height: 160px;
    position: fixed;
    top: 400px;
    right: 70px;
	z-index:1000;
	background-color:#6fb021;
	color:white;
	font-size:1.1em;
	display:none;
}
.einblendmenu li, .greenmenu li{
	text-align:right;
	padding-right:20px;
	padding-top:5px;
}
.einblendmenu li:hover{
	background-color:white;
	color:#ec761d;
	transition: 0.8s ease-out ;
	cursor:pointer;
}
.greenmenu li:hover{
	background-color:white;
	color:#6fb021;
	transition: 0.8s ease-out ;
	cursor:pointer;
}

.content {
	/* background-color: #ccc; */
	padding: 0% 4% 4% 4%;
	margin: 4% 2%;
}

.buehne{
	z-index:1;
}
.buehne img{
	height:100%;
	border-bottom:solid 2px #6f7072;
}
.fade{
	opacity:0;
}
.button{
	margin:0 auto;
	border:solid 1px #ec761d;
	padding:1% 4%;
	font-size:0.8em;
}
.button:hover{
	color:white;
	background-color:#ec761d;
	transition:0.4s ease-out;
}
.bg{
	margin-top:5%;
	padding-bottom:5%;
	border-top:solid #6f7072 2px;
	color:white;
}
.dark{
	background-color:rgba(111, 112, 114, 1);
	color:white;
}
.green{
	color:white;
	background-color:rgba(111,176,33,0.8);
}

/* -------------------------------------- */
				/* Header */
header{
	z-index:200;
	position:relative;
	/* background-color:blue; */
	/* background-color:rgba(0, 0, 0, 0.8); */
	border-bottom:solid #6f7072 1px;
}
.head{
	padding-top:1%;
	/* background-color:red; */
}
.head img{
	width:25%;
	margin-left:20%;
	margin-top:5%;
	margin-bottom:4%;
}
.headfotoreise{
	padding-top:1%;
}
.headfotoreise img{
	width:100%;
	margin-left:20%;
	margin-top:12%;
	margin-bottom:8%;
}
/* -------------------------------------- */
				/* Footer */
footer{
	font-size:0.8em;
}

footer a:hover{
	opacity:0.7;
	transition:ease-out 0.6s;
}
.mainfooter{
	margin-top:2%;
	padding-top:1%;
	padding-bottom:3%;
	border-top:dotted 2px white;
	border-bottom:dotted 2px white;
	/* background-color:#ec761d; */
	background-color:#6f7072;
	color:white;
}
.mainfooterfotoreisen{
	border-top:dotted 2px white;
	border-bottom:dotted 2px white;
	background-color:#6fb021;
	color:white;
}
.infofooter{
}
.contentfooter {
	padding: 0% 2%;
	margin: 4% 16%;
}
.social{
	padding-top:10%;
	width:90%;
	margin:0 auto;
}
.social ul{
	margin:1%;
}
.social ul li{
	display:inline;
	margin:1%;
}
.social ul li img{
	width:18%;
}
.terminbutton{
	margin:0 auto;
	padding:10px 25px;
	margin-top:2%;
	display:block;
	letter-spacing:0.04em;
	border: solid 1px #6f7072 ;
	color:#6f7072; 
	text-align:center;
	margin-bottom:6%;
	cursor:pointer;
}
.terminbutton:hover,
.terminbutton:focus{
	border-color:#ec761d;
	color:#ec761d;
	transition: 0.6s ease-out ;
}

/* ------------------------------------- */
		/* Fotoreisen */
.newsletterbutton{
	margin:0 auto;
	padding:10px 25px;
	margin-top:2%;
	display:block;
	letter-spacing:0.04em;
/* 	border: solid 1px #ec761d ;
	color:#ec761d;*/	
	border: solid 1px #6f7072 ;
	color:#6f7072; 
	text-align:center;
	margin-bottom:6%;
	cursor:pointer;
}
.newsletterbutton:hover{
	/* color:white; */
	/* background-color:#ec761d ; */
	border-color:#6fb021;
	color:#6fb021;
	transition: 0.8s ease-out ;
}
/* --------------------------------- */
		/* Werbeagentur */
.gallerypikto{
	opacity:0;
	margin:0 auto;
	background-color:red;
}
.gallery{ /* Gallery für die Referenzen Fotostudio und Filmproduktion */
	margin-top:-40px;
}
.thumb{
	position:relative;
	margin-bottom:22%;
	height:100px;
	border-top: 1px solid rgba(236,118,29, 0.4);
	padding-top:2%;
}
.thumb img{
	width:100px;
	height:auto;
	float:left;
	margin-top:2%;
	margin-right:2%;
	cursor:pointer;
	 border: solid 1px rgba(236,118,29, 0.4);
}
.kunde{
	color:white;
}
.pad{
	padding:2%;
	/* background-color:green; */
}
ul.liste{
	text-align:left;
	list-style-position: oustide;
	list-style-type:disc;
	margin-left:20px;
	/* margin-top:20px; */
	font-size:1em;
}

/* Impressum */
.download{
	border:solid 1px #ec761d;
	padding-top:4%;
	padding-bottom:10%;
	margin-left:8%;
	margin-right:8%;
	/* margin-top:8%; */
	opacity:0.5;
	margin-bottom:15%;
}
.download img{
	width:40%;
}
.download:hover{
	opacity:1;
	transition: ease-out 0.6s;
}

.gallery .kasten a img {
	opacity:0.6;
	-webkit-filter: grayscale(80%);
	-moz-filter: grayscale(80%);
	-ms-filter: grayscale(80%);
	-o-filter: grayscale(80%);
	filter: grayscale(80%);
}
.gallery .kasten a img:hover{
	opacity:1;
	transition:0.4s ease-out;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
a.venobox_custom {
	opacity:0.6;
	-webkit-filter: grayscale(80%);
	-moz-filter: grayscale(80%);
	-ms-filter: grayscale(80%);
	-o-filter: grayscale(80%);
	filter: grayscale(80%);
}
a.venobox_custom:hover{
	opacity:1;
	transition:0.4s ease-out;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

/* Filmproduktion */
.filmproduktionreferenzen{
	/* background-color:red; */
	margin-top:0%;
}
@media (max-width: 800px){
.thumb img{
	width:80px;
}
}
@media (max-width: 760px){
.right, .contentfooter{
	text-align:center;
}
.head img{
	width:15%;
	margin-left:40%;
	margin-top:0%;
	margin-bottom:-10px;
}
.headfotoreise img{
	width:50%;
	margin-left:20%;
	margin-top:2%;
	margin-bottom:2%;
}
}