@font-face 
{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face 
{
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Yantramanav-Regular.ttf') format('truetype');
}
@font-face 
{
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/Yantramanav-Bold.ttf') format('truetype');
}
html
{
	background-color: #eee;
}
body, input, textarea, select, option, button
{
	font-size: 18px;
	color: #fff;
	font-family: 'Yantramanav', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	background-color: #3d3d3d;
	margin: 0 auto;
	max-width: 1920px;
	box-shadow: 0 0 5px #3d3d3d;
	min-height: 100vh;
	min-width: 320px;
}
section, article, nav, footer, header
{
	margin: 0;
	padding: 0;
	font-style: inherit;
	font-weight: inherit;
}
a
{
	text-decoration: none;
	color: inherit;
}
img
{
	border: 0;
	outline: 0;
}
video
{
	display: block;
}
input, textarea, option, select, button
{
	padding: 2px;
	border: 0;
	color: #333;
}
input[type=submit], input[type=button], button
{
	background-color: #ddd;
	cursor: pointer;
}
select
{
	padding: 0 2px;
}
iframe 
{
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.h1
{
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	line-height: 120%;
	margin: 8px 0 36px;
	text-align: left;
}
.h2
{
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	line-height: 120%;
	margin: 6px 0 36px;
	text-align: left;
}
.h1+.h2
{
	margin-top: -24px;
}
.h3
{
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	line-height: 120%;
	margin: 0.2em 0;
	padding-top: 0.5em;
	text-align: left;
}
header
{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-bottom: 10px;
	position: relative;
	min-height: 102px;
	background-color: #707070;
	background-image: url('images/bg.png');
}
#top-bar
{
	background-color: #3d3d3d;
	height: 42px;
	line-height: 42px;
	text-align: right;
	font-size: 14px;
	padding: 0 5%;
}
#top-bar a
{
	display: none;
}
#top-bar a:last-child
{
	display: inline;
}
#logo
{
	width: 288px;
	height: 46px;
	background-image: url('images/digidall-logo1.png');
	background-size: 100% 100%;
	margin: 20px 0 0 5%;
}
#nav
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}
#nav .sel, #top-bar .sel
{
	text-decoration: underline;
}
#nav li
{
	display: inline-block;
	min-width: 212px;
	line-height: 22px;
	padding: 4px 5%;
}
#nav a
{
	display: inline-block;
	white-space: nowrap;
}
#nav a[href*="Passbild"] 
{
	color: #fc0;
}
#slide
{
	position: relative;
	border-bottom: 1px solid #ccc;
	background-color: #666;
	height: 0;
	padding-bottom: 50%;
	width: 100%;
}
#slide div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	animation: myfade 12s 1.2s infinite;
	-webkit-animation: myfade 12s 1.2s infinite;
}
#slide div:nth-child(1)
{
	animation: myfade 12s 9.2s infinite;
	-webkit-animation: myfade 12s 9.2s infinite;
}
#slide div:nth-child(2)
{
	animation: myfade 12s 5.2s infinite;
	-webkit-animation: myfade 12s 5.2s infinite;
}
#slide div:last-child
{
	animation: none;
	-webkit-animation: none;
	background-image: url('images/photograph-quality-dall-640.png');
	background-position: center center;
	background-size: auto 40%;
	background-repeat: no-repeat;
}
#slide div:nth-child(3)
{
	background-image: url('images/slide/food-1-640.jpg');
}
#slide div:nth-child(2)
{
	background-image: url('images/slide/food-2-640.jpg');
}
#slide div:nth-child(1)
{
	background-image: url('images/slide/food-3-640.jpg');
}
@keyframes myfade
{
	0% { opacity: 1; }
	18.33% { opacity: 1; }
	33.33% { opacity: 0; }
	85% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes myfade
{
	0% { opacity: 1; }
	18.33% { opacity: 1; }
	33.33% { opacity: 0; }
	85% { opacity: 0; }
	100% { opacity: 1; }
}
#slide-indicators
{
	text-align: center;
}
#slide-indicators div
{
	width: 14px;
	height: 14px;
	border-radius: 7px;
	display: inline-block;
	margin: 10px 4px;
	background-color: #000;
	animation: myindicatorfade 12s 0s infinite;
	-webkit-animation: myindicatorfade 12s 0s infinite;
}
#slide-indicators div:nth-child(2)
{
	animation: myindicatorfade 12s 4s infinite;
	-webkit-animation: myindicatorfade 12s 4s infinite;
}
#slide-indicators div:nth-child(3)
{
	animation: myindicatorfade 12s 8s infinite;
	-webkit-animation: myindicatorfade 12s 8s infinite;
}
@keyframes myindicatorfade
{
	0% { background-color: #fff; }
	33.32% { background-color: #fff; }
	33.33% { background-color: #000; }
	100% { background-color: #000; }
}
@-webkit-keyframes myindicatorfade
{
	0% { background-color: #fff; }
	33.32% { background-color: #fff; }
	33.33% { background-color: #000; }
	100% { background-color: #000; }
}
.main
{
	background-color: #707070;
	background-image: url('images/bg.png');
}
.content
{
	padding: 0 5% 20px;
	text-align: justify;
}
.content section, .content p
{
	margin: 1em 0;
}
footer
{
	margin: 0 5%;
	padding: 20px 0;
	position: relative;
}
#footer-dall, #footer-dall img
{
	display: block;
	width: 253px;
	height: 47px;
}
#footer-dall img
{
	background-image: url('images/footer-logos.png');
	display: block;
}
#footer-RC, #footer-RC img
{
	display: block;
	width: 160px;
	height: 52px;
}
#footer-RC img
{
	background-image: url('images/footer-logos.png');
	background-position: 0 -47px;
}
#footer-FUN-shooting, #footer-FUN-shooting img
{
	display: block;
	width: 127px;
	height: 69px;
}
#footer-FUN-shooting img
{
	background-image: url('images/footer-logos.png');
	background-position: -160px -47px;
}
address
{
	position: relative;
	font-style: inherit;
	margin: 0;
	padding: 0;
}
#footer-dall
{
	margin-bottom: 10px;
}
address div
{
	display: inline-block;
	margin-right: 40px;
}
address span
{
	white-space: nowrap;
}
address div:last-child
{
	margin-right: 0;
}
/*address>div:nth-last-child(2)
{
	margin-right: 0;
}
address>div:last-child
{
	margin-top: 15px;
	display: block;
}*/
#footer-nav
{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	margin-top: 30px;
}
footer section
{
	text-align: center;
	position: relative;
	margin-top: 30px;
}
#footer-FUN-shooting
{
	position: absolute;
	left: 0;
	top: 0;
}
#footer-RC
{
	position: absolute;
	right: 0;
	top: 0;
}
#fb, #fb img
{
	width: 50px;
	height: 50px;
	display: block;
}
#fb
{
	display: inline-block;
	margin-top: 90px;
}

.gallery
{
	text-align: center;
	margin: 15px -16px 0; 
}
.gallery>a
{
	display: inline-block;
	
	margin: 5px;
	vertical-align: top;
}
.gallery>a, .gallery img
{
	width: 150px;
	height: 100px;
}
.gallery img
{
	box-shadow: #333 0 0 5px;
}
.gallery.video img
{
	height: 84px;
	display: block;
}
.gallery.video>a
{
	height: 107px;
}
.gallery div
{
	display: inline-block;
	min-width: 0;
	vertical-align: top;
}
.gallery.video>a div
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	font-size: 16px;
	height: 23px;
}
.gallery div>a
{
	display: block;
}
.gallery+.h1
{
	margin-top: 60px;
}
.gallery_ol
{
	background-color: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.gallery_show
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 998;
}
.gallery_show:target
{
	display: block;
}
.gallery_show>div
{
	box-shadow: 0 0 5px #000;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	overflow: hidden;
}
.gallery_show>div, .gallery_show img
{
	min-width: 300px;
	min-height: 200px;
	max-width: 900px;
	max-height: 600px;
	width: 93.75vw;
	height: 62.5vw;
}
.gallery_show.portrait>div, .gallery_show.portrait img
{
	min-height: 300px;
	min-width: 200px;
	max-height: 900px;
	max-width: 600px;
	height: 93.75vh;
	width: 62.5vh;
}
.gallery_show.video>div, .gallery_show.video img
{
	min-height: 169px;
	max-height: 506px;
	width: 93.6vw;
	height: 52.65vw;
	max-height: 720px;
	max-width: 1280px;
}
.gallery_show video
{
	width: 100%;
	display: block;
}
@media (min-aspect-ratio: 3/2)
{
    .gallery_show>div, .gallery_show img
	{
        width: 140.625vh;
        height: 93.75vh;
    }
}
@media (max-aspect-ratio: 2/3)
{
    .gallery_show.portrait>div, .gallery_show.portrait img
	{
        height: 140.625vw;
        width: 93.75vw;
    }

}
@media (min-aspect-ratio: 16/9)
{
    .gallery_show.video>div, .gallery_show.video img
	{
        width: 166.4vh;
        height: 93.6vh;
    }
}
.previous_pic, .next_pic
{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -37px;
	left: 0;
	width: 42px;
	height: 74px;
	background-image: url('images/symbols.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
.next_pic
{
	background-position: -42px 0px;
	left: auto;
	right: 0;
}
.close
{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 42px;
	height: 42px;
	background-image: url('images/symbols.png');
	background-position: -84px 0px;
}


/* Startseite */
#ssp_intro
{
	background-color: #3d3d3d;
	padding: 10px 0;
	/*overflow-x: hidden;*/
	border-bottom: 1px solid #ccc;
}/*
#ssp_intro>div
{
	max-width: 177.78vh;
	margin: 0 auto;
}*/
#ssp_intro video
{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
}

#Startseite .content video
{
	width: 100%;
	max-width: 1280px;
	margin: 20px auto 0;
	border: 1px solid #3d3d3d;
}

/* Kontakt */
#Kontakt .content
{
	text-align: left;
}
#Kontakt section span
{
	white-space: nowrap;
}
/*#Kontakt .content p
{
	color: #0f0;
}*/
#map
{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
#map iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* location */
#location
{
	min-width: 0;
	height: 100vh;
	box-shadow: none;
	color: #3d3d3d;
	background-color: #eee;	
	background-image: url('images/location.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size: 14px;
	overflow: hidden;
}
#showMap
{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 45px;
}
#showMap div
{
	position: absolute;
	margin: auto;
	height: 80px;
	text-align: center;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;	
}
#showMap span
{
	display: inline-block;
	font-size: 150%;
	margin-bottom: 0.2em;
}
#g-privacy
{
	position: absolute;
	display: inline-block;
	padding: 5px;
	right: 5px;
	bottom: 5px;
	text-decoration: underline;
}


/* Partner */
.partner-list
{
	display: block;
	position: relative;
	font-size: 16px;
	overflow: hidden;
	border-bottom: 1px dotted #fff;
	padding: 15px 5px;
}
.partner-list:hover
{
	text-decoration: none;
	opacity: 0.5;
}
.partner-list img
{
	display: block;
}
.partner-list:last-child
{
	border: none;
}


/* Digitale Menüboards */
#ds_examples
{
	width: 100%;
	max-width: 1280px;
	margin: 20px auto 0;
	border: 1px solid #3d3d3d;
}


/*Passbild*/
#Passbild_Late-Night .content .h2
{
	color: #fc0;
}

#passbild_info
{
	width: 80vw;
	max-width: 800px;
	height: 31.2vw;
	max-height: 312px;
	box-shadow: #333 0 0 20px;
	display: block;
}
/*
#Passbild_Service
{
	display: inline-block;
	font-size: 30px;
	line-height: 1.2;
	transform: rotate(-10deg);
	text-align: center;
	width: 160px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 25px 25px 10px 0;
}
#Passbild_Service:first-line
{
	color: #fc0;
	font-size: 36px;
	line-height: 1;
}
#Passbild_Zeit
{
	display: inline-block;
	vertical-align: top;
	color: #fc0;
	background-color: #000;
	border: 3px solid #fff;
	border-radius: 100%;
	width: 150px;
	height: 150px;
	padding: 12px;
	text-align: center;
	font-size: 30px;
	transform: rotate(-10deg);
	line-height: 1.2;
}
@media (min-width: 1000px)
{
	#Passbild_Zeit 
	{
		border-width: 0.3vw;
		width: 15vw;
		height: 15vw;
		padding: 1.2vw;
		font-size: 3vw;
	}
	#Passbild_Service
	{
		font-size: 3vw;
		width: 16vw;
		margin: 2.5vw 2.5vw 0 0;
	}
	#Passbild_Service:first-line
	{
		font-size: 3.6vw;
	}
}
*/


@media (min-width: 480px), (min-height: 480px)
{
	#slide div:nth-child(3) { background-image: url('images/slide/food-1-1024.jpg'); }
	#slide div:nth-child(2) { background-image: url('images/slide/food-2-1024.jpg'); }
	#slide div:nth-child(1) { background-image: url('images/slide/food-3-1024.jpg'); }
	#slide div:last-child { background-image: url('images/photograph-quality-dall-1024.png'); }
}
@media (min-width: 1025px)
{
	#slide div:nth-child(3) { background-image: url('images/slide/food-1-1280.jpg'); }
	#slide div:nth-child(2) { background-image: url('images/slide/food-2-1280.jpg'); }
	#slide div:nth-child(1) { background-image: url('images/slide/food-3-1280.jpg'); }
	#slide div:last-child { background-image: url('images/photograph-quality-dall-1280.png'); }
}
@media (min-width: 1281px)
{
	#slide div:nth-child(3) { background-image: url('images/slide/food-1-1440.jpg'); }
	#slide div:nth-child(2) { background-image: url('images/slide/food-2-1440.jpg'); }
	#slide div:nth-child(1) { background-image: url('images/slide/food-3-1440.jpg'); }
	#slide div:last-child { background-image: url('images/photograph-quality-dall-1440.png'); }
}
@media (min-width: 1441px)
{
	#slide div:nth-child(3) { background-image: url('images/slide/food-1-1920.jpg'); }
	#slide div:nth-child(2) { background-image: url('images/slide/food-2-1920.jpg'); }
	#slide div:nth-child(1) { background-image: url('images/slide/food-3-1920.jpg'); }
	#slide div:last-child { background-image: url('images/photograph-quality-dall-1920.png'); }
}


@media (min-width: 360px)
{
	.gallery
	{
		margin: 15px -1.5% 0;
	}
	.gallery>a
	{
		margin: 1.5% 1.5%;
	}
	.close
	{
		top: 5px;
		right: 5px;
	}
	.previous_pic
	{
		left: 5px;
	}
	.next_pic
	{
		right: 5px;
	}
	#location
	{
		font-size: inherit;
	}
}
@media (min-width: 480px)
{
	#top-bar a
	{
		display: inline;
	}
	footer section
	{
		height: 69px;
	}
	#footer-FUN-shooting
	{
		top: auto;
		bottom: 0;
	}
	#footer-RC
	{
		top: auto;
		bottom: 0;
	}
	#fb
	{
		margin-top: 19px;
	}
	#map
	{
		padding-bottom: 50%;
	}
}
@media (min-width: 533px)
{
	#logo
	{
		width: 466px;
		height: 74px;
		background-image: url('images/digidall-logo0.png');
	}
	.gallery>a, .gallery.video>a, .gallery img
	{
		width: 225px;
		height: 150px;
	}
	.gallery.video img
	{
		height: 127px;
	}
}
@media (min-width: 580px)
{
	.gallery
	{
		margin: 15px -2.5% 0;
	}
	.gallery>a
	{
		margin: 1.5% 2.5%;
	}
}
@media (min-width: 800px) and (max-width: 870px), (min-width: 1600px) and (max-width: 1799px)
{
	.gallery
	{
		margin: 15px -1.2% 0;
	}
	.gallery>a
	{
		margin: 1.5% 1.2%;
	}
}
@media (min-width: 1024px)
{
	#logo
	{
		margin-top: 20px;
	}
	#nav
	{
		position: absolute;
		width: 424px;
		top: 18px;
		right: 5%;
	}
	#nav li
	{
		padding: 0;
		width: 212px;
	}
}
@media (min-width: 1080px) and (max-width: 1279px)
{
	.gallery
	{
		margin: 15px -1% 0;
	}
	.gallery>a
	{
		margin: 1.5% 1%;
	}
}
@media (min-width: 1280px) and (max-width: 1359px)
{
	.gallery
	{
		margin: 15px -1.7% 0;
	}
	.gallery>a
	{
		margin: 1.5% 1.7%;
	}
}
@media (min-width: 1280px) 
{
	#top-bar
	{
		padding: 0 10%;
	}
	#logo
	{
		margin-left: 10%;
	}
	#nav
	{
		right: 10%;
	}
	.content
	{
		padding: 0 10% 20px;
	}
	footer
	{
		margin: 0 10%;
	}
	/*address>div:last-child
	{
		position: absolute;
		bottom: 0;
		right: 0;
	}*/
	#footer-nav
	{
		position: absolute;
		top: 47px;
		right: 0;
		margin: 0;
	}
}