body
{
        background:#ffffff;
	font-family: 'Cairo', sans-serif;
        color:#333333;
	margin:0;
	overflow-x:hidden;
	overflow-y:scroll;
}

.handwritten
{
	font-family: 'Reenie Beanie', cursive;
}

h1, h2
{
	color:#de0000;
	font-family: 'Cairo', sans-serif;
	font-size:55px;
	font-weight:normal;
	margin:30px 0px 20px 0px;
	padding:0;
}

h2
{
	font-size:40px;
}

p
{
	margin: 40px 0px 40px 0px;
	font-size:24px;
	line-height:35px;
}

a
{
	text-decoration: none;
	color: inherit;
	transition: color .4s ease;
}

strong
{
	font-weight: bold;
}

small
{
	font-size:12px;
}

hr
{
        margin: 40px auto 40px auto;
        background-color: #666666;
        border:0;
        height:2px;
	max-width:500px;
}


/* HEADER 
--------------------------------------------------*/

header
{
        position:fixed;
        width:100%;
	height:80px;
        margin: 0 auto 20px auto;
	text-align: center;
	background-color:#ffffff;
	box-shadow: 0px 5px 5px #cccccc;
	z-index:10000;
}

header img
{
	position:relative;
	top:10px;
	width:60px;
}


nav
{
        position:absolute;
        left:0;
        bottom:0;
}

#social_links
{
        position:absolute;
        right:0;
        bottom:0;
}

nav ul, #social_links ul
{
        list-style:none;
	padding:0;
	margin:0;
}

nav ul li, #social_links ul li
{
        display:block;
        float:left;
        padding:3px 15px;
}

nav ul li a, #social_links ul li a
{
	font-family: 'Cairo', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
}

nav ul li a:hover
{
        color:#de0000;
}


#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #ff951b;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #8c4e06;
}


/* SEITEN
--------------------------------------------------*/

.page_block, .page_block_body
{
	max-width:1200px;
        margin: 0 auto 70px auto;
	text-align:center;

	position:relative;
	padding-top:80px;
}

.page_block_body
{
        margin: 0 auto 0 auto;
	padding-top:00px;
}

.page_block_full
{
	width:100%;
	text-align:center;
//	overflow-x: hidden;
}

/* SEITEN: HAUPTSEITE
--------------------------------------------------*/

.startvideo_full
{
	position:relative;
	width:100%;
	padding-top:80px;
}

.startvideo_full #startvideo_text
{
	margin: 0px 0px 20px 20px;
	padding: 0;
	bottom:0;
	color: #fff;
	browser-prefixes(browsers())-animation-delay: 0.5s;
	animation-delay: 0.5s;
	text-align: left;
	font-family: 'Reenie Beanie', cursive;
	font-size: 70px;
	line-height: 70px;
	position: absolute;
	z-index: 2;	
	text-shadow: 0px 3px 3px #444444;
}

#startvideo
{
	width:100%;
}

.startvideo_mehr
{
	font-family: 'Cairo', sans-serif;
        text-transform:uppercase;
	font-size: 20px;
	color:#de0000;
}

.slider_block
{
	position:relative;
	width:25%;
}

.slider_block img
{
	width:100%;
	height:auto;
}




/* SEITEN: PORTFOLIO
--------------------------------------------------*/

#filme_imagefilme .slider_block span
{
	position:absolute;
	padding:10px;
	margin:0;
	bottom:20px;
	left:20px;
	display:block;
	background-color:#de0000;
	color:#ffffff;
	font-size:24px;
	line-height:26px;
	z-index:1000;
	overflow:hidden;
	opacity:0.7;
}

/* SEITEN: LEISTUNGEN
--------------------------------------------------*/

.demofilme h2
{
	margin-top:70px;
}

.demofilme .slider_block span
{
	position:absolute;
	padding:10px;
	margin:0;
	bottom:20px;
	left:20px;
	display:block;
	background-color:#de0000;
	color:#ffffff;
	font-size:24px;
	line-height:26px;
	z-index:1000;
	overflow:hidden;
	opacity:0.7;
}



/* SEITEN: KONTAKT
--------------------------------------------------*/

#kontaktdaten p
{
	margin: 20px 0px 20px 0px;
}

#kontaktdaten p a:hover
{
	color:#de0000;	
}

#maps div iframe
{
	
	width:100%;
	height:600px;
	filter: brightness(90%) contrast(114%) saturate(0%) blur(0) hue-rotate(0deg);
	transition-duration: 0.7s;
}

#maps div iframe:hover
{
	filter: none;
	transition-duration: 0.7s;
}






/* SPACER */

#spacer
{
        width:auto;
        height:50px;
        background-color:#ff951b;
        position:relative;
        color:#fff;
        font-size:18px;
}

#spacer p
{
        margin-top:12px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-485px;
}

#spacer .search
{
        margin-top:9px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-485px;
}

#spacer a:hover
{
	color:#fce4c9;
}



/* --- FOOTER --- */

footer
{
	margin-top:70px;
        position:relative;
        clear:both;
        width:auto;
        height:50px;
        background:#333333;
}

footer ul
{
	max-width:1200px;
        margin: 0 auto 0 auto;
	text-align:center;
}

footer ul li
{
	list-style-type:none;
        color:#ffffff;
}




}

/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}

#google_ad1 p
{
	position:relative;
	font-size:10px;
	text-align:center;
	top:10px;
}

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #fff5e4 solid;
}

#slides
{
        display: none;
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 0;
        position:relative;
}


@media (max-width: 990px)
{

}

@media (max-width: 790px)
{
        header
        {
//                height:150px;
        }

	#maps div iframe
	{
		width:100%;
		height:300px;
	}
}

