html { 	width: 100.1%;	max-width: 1030px;	margin: 0px auto;  background:#ffffff;	}
body{ width: 98%; max-width: 1024px; margin: 0px auto; border-top:5px solid #EF0000;/*background:#ebe8de;*/	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */font-family: 'Hind Vadodara', sans-serif;color:#000000;	border: 0px solid red;}
h1, h2, h3, h4, h5, h6, p, td, tr, code, pre {letter-spacing: 0pt; font-weight: lighter; color: #000000;}
h1 {font-size: 150%;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}
p{margin:15px 0;line-height:25px;}
b { font-weight : bold;}
strong { font-weight : bold;}
i { font-style: italic;}
code {font-size:90%;}
pre { font-size:90%; padding:5px;}

.left{	text-align : left;}
.right{	text-align : right;}
.center{ text-align : center;}
.justify{ text-align : justify;}
.weiss {color: #ffffff;}
.einzug30 {margin-left: 30px;}
.h2 {font-size: 150%;}
.h3 {font-size: 130%;}
.h4 {font-size: 110%;}
.rot {color: #ef0000;}
.bg_gelb {background-color: #F7FE2E;}
.shadow { text-shadow: 0px 2px 3px #666666;}

input{ font-size:14px; padding: 7px; outline: 0; border:0; background: #EBE8DE; border-radius:5px;}
input[type=submit]{ width:auto;	padding: 6px 10px;line-height:15px;	text-shadow:none;cursor:pointer;box-shadow: none;background: #333333;color: #fff;}
input.eingabe{border: 1px solid red;background-color: #dddddd;}
textarea{font-size:14px;padding: 7px;outline: 0;border:0;background: #EBE8DE;border-radius:5px;}
textarea.eingabe{border: 1px solid red;background-color: #dddddd;}

a{text-decoration:none;color:inherit;transition: color .5s ease;}
strong{font-weight:bold;}
figcaption strong{border-bottom: 0px solid #D6D0C1;padding-bottom:10px;margin: 10px 0;display:block;}
figcaption{line-height: 25px;font-size:14px;width:200px;}
hr{background-color: #D6D0C1;border:0;height:1px;margin:20px 0;}

/* class galerie */
.galerie {
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 98%;
    margin: 0; 
    padding: 0;
}

.galerie li {
    display: inline-block;
    list-style: none;
    width: 21.33%;
    margin: 5px 2px;
}

/* class NAV */
.nav {
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 98%;
    margin: 0; 
    padding: 0;
}

.nav li {
    display: inline-block;
    list-style: none;
    width: 16.66%;
    margin: 5px 2px;
}

.nav li a {
     display: block;
     text-decoration: none;
	text-align: center;
     padding:15px 5px;
     border: 1px solid #c3532e;
     background-image: linear-gradient(bottom, #EF0000 0%, #ff8c66 100%);
     background-image: linear-gradient(to bottom, #ff8c66 0%, #EF0000 100%);
     background-color: #eb653c;
     color: #EBE8DE;
     text-shadow: 1px 1px 0px #ff8155;
     border-radius:5px;
     box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	font-size: 14px;    
}

.nav li a:hover {
     background:none #cccccc;
     border-color: #000000;
     text-shadow:none;
     color: #4A463B;
}


/* HEADER */

header
{
        position:relative;
        width:100%;
		height: 90px;
        max-width:980px;
		background:#ebe8de;
        margin: 0 auto;
		padding-top: 1px;
}

header h2
{
        margin:15px 100px 0 0;
        font-size:24px;
        color:#EF0000;
        text-align: center;
}

header p
{
        font-size:15px;
        color: #4A463B;
        margin-left:70px;
}

nav
{
        position:absolute;
		top: 70px;
        left:8%;
		width:80%;
		text-align: center;
		border: 0px solid red;
}

nav ul
{
        list-style:none;
		margin-left: 10%;
}

nav ul li
{
        display:block;
        float:left;
        padding:3px 15px;
}

nav ul li a
{
        font-size: 16px;
        text-transform:uppercase;
        transition: all .25s ease;
}

nav ul li a:hover
{
        color:#EF0000;
}

#mobileMenu
{
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #333333;
        color: #fff;
        padding: 12px 0px;
        letter-spacing: 0.2em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
}
#mobileMenu ul li a:hover
{
        color:#EC0000;
}
.toggleMobile
{
        display: none;
}

#logo_ff 
{
		Position: absolute;
		top: 0px;
		left: 10px;
		width: 70px;
		height: 90px;
		border: 0px solid red;
		z-index: 100;
}
#login
{
		Position: absolute;
		top: 25px;
		left: 100px;
		width: 35px;
		height: 35px;
		border: 0px solid red;
		z-index: 100;
}
#logo_mm
{
		Position: absolute;
		top: 0px;
		right: 10px;
		width: 200px;
		height: 125px;
		border: 0px solid red;
		z-index: 100;
}

#anrufen
{
		Position: absolute;
		top: 155px;
		left: 15px;
		width: 100px;
		height: 38px;
		border: 1px solid red;
		z-index: 98;	
}

/*Bereich Content */
#content {
    margin: 0 auto;
    position:relative;
	margin-top: 0px;
	background-position: 90% 80%;
	background-size: cover;
	height: 100%;
	width: 98%;
	max-width: 980px;
	overflow-x: auto;
	overflow-y: auto;
	color: #ffffff;
}


.wache {
	background-image:url(../images/bg/wache_content.jpg);	
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.uebung{
	background-image:url(../images/bg/uebung_content.jpg);	
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.einsatz{
	background-image:url(../images/bg/einsatz_content.jpg);	
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.feuer{
	background-image:url(../images/bg/feuer_content.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.th{
	background-image:url(../images/bg/th_content.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.werbung{
	background-image:url(../images/bg/werbung_content.jpg);	
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.gf{
	background-image:url(../images/bg/gf_content.jpg);	
	background-attachment:fixed;
	background-repeat: no-repeat;
}
.gruppe{
	background-image:url(../images/bg/gruppe_content.jpg);
	background-attachment:fixed;	
	background-repeat: no-repeat;
}
.grau{
	background-image:url(../images/bg/grau_content.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
}

/* 3 COLUMNS */

#boxcontent
{
        width:auto;
        max-width:1000px;
        margin:0 auto;
        padding:45px 0 25px 0;
}

#boxcontent article
{
        float:left;
        width:300px;
        margin-right:15px;
        font-size:14px;
}

#boxcontent article h3
{
        font-size:18px;
        margin-bottom:10px;
        margin-left:70px;
	   text-align: center;
}

#boxcontent article img
{
        float:left;
}

#boxcontent article p
{
        line-height:25px;
        margin-left:90px;
}

#slider_content1, #slider_content2, #slider_content3, #slider_content4
{
        line-height: 20px;
        width:350px;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3
{
        color:#EBE8DE;
        font-size:20px;
        font-weight:bold;
        margin-bottom:10px;
        background-color:#FE2E2E;
        padding:10px 15px;
        border-radius: 15px 0 15px 0;
	   border: 1px solid black;
 }

#slider_content1
{
        display:none;
        position:absolute;
        top:54%;
        left:40%;		
}

#slider_content2
{
        display:none;
        position:absolute;
        top:20%;
        left:45%;		
}

#slider_content3
{
        display:none;
        position:absolute;
        top:10%;
        left:70%;		
}

#slider_content4
{
        display:none;
        position:absolute;
        top:55%;
        left:5%;		
}

#slider_content2 p, #slider_content3 p, #slider_content4 p
{
        font-size: 120%;
	   margin:0 0 30px 0;
        color:#4a463b;
        background-color:#EBE8DE;
        padding:5px 5px;
        border-radius: 5px;
		border: 1px solid red;
}

#slider_content1 h4, #slider_content2 h4, #slider_content3 h4, #slider_content4 h4
{
        font-size: 110%;
	   margin:0 0 30px 0;
        color:#eeeeee;
        background-color:#444444;
        padding:5px 5px;
        border-radius: 5px;

}

/* BUTTONS */

.button
{
        padding:5px 5px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #EF0000 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #EF0000 100%);
        background-color: #eb653c;
        color: #EBE8DE;
        text-shadow: 1px 1px 0px #ff8155;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
		font-size: 12px;
}

.button:hover
{
        background:none #cccccc;
        border-color: #000000;
        text-shadow:none;
        color: #4A463B;
}

.button_app
{
     padding:5px 5px;
     border: 1px solid #c3532e;
     background-image: linear-gradient(bottom, #EF0000 0%, #ff8c66 100%);
     background-image: linear-gradient(to bottom, #ff8c66 0%, #EF0000 100%);
     background-color: #eb653c;
     color: #Ec0000;
     text-shadow: 1px 1px 0px #ff8155;
     text-decoration:none;
     border-radius:5px;
     box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	font-size: 30px;
}

.button_app:hover
{
        background:none #cccccc;
        border-color: #000000;
        text-shadow:none;
        color: #4A463B;
}



/* SPACER */

#spacer
{
        width:auto;
        height:70px;
        background-color:#EF0000;
        position:relative;
        color:#fff;
        font-size:18px;
}

#spacer p
{
        margin-top:22px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .search
{
        margin-top:15px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480px;
}


/* FOUR COLUMNS */

#four_columns, #text_columns
{
        line-height:25px;
        clear:both;
        width:auto;
        max-width:940px;
        margin:0 auto;
}

#four_columns h2, #text_columns h3
{
        font-size:20px;
        border-bottom: 0px solid #D6D0C1;
        padding: 20px 0;
        margin-bottom: 20px;
}

#four_columns article.column
{
		font-size:14px;
		float:left;
		width: 22.0%;
		min-height: 100px;
		margin: 5px 5px;
		padding: 5px 5px;
		background-color: #EBE8DE;
		opacity:0.85;
		border: 0px solid red;
}

#four_columns .img-item
{
        float:left;
        margin-right:25px;
}

#four_columns .img-item a
{
        position:relative;
        display:block;
}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:113px;
        background: #000 url(img/zoom.png) center center no-repeat;
        z-index:99;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}


/* TWO COLUMNS */

#text_columns article.column0trans
{
        margin: 20px 0;
        font-size:14px;
        float:left;
        width:auto;
        max-width: 1000px;
		padding: 0 30px;
}
#text_columns article.column0
{
		margin: 20px 0;
		font-size:14px;
		float:none;
		max-width: 1100px;
		min-height: 150px;
		padding: 10px;
		background-color: #EBE8DE;
		opacity:0.85;
}
#text_columns article.column10
{
		margin: 100px auto;
		font-size:14px;
		float:none;
		max-width: 700px;
		min-height: 150px;
		padding: 10px;
		background-color: #EBE8DE;
		opacity:0.85;
}
#text_columns article.column1
{
        margin: 20px 0;
        font-size:14px;
        float:left;
        width:auto;
        max-width: 440px;
		padding: 0 30px;
}
#text_columns article.column2
{
        margin: 20px 0;
        font-size:14px;
        float:right;
        width:auto;
        max-width: 440px;
		padding: 0 30px;
}
#text_columns .column2
{
        margin: 120px 0;
}

#text_columns article.row
{
        position:relative;
        margin: 20px 20px;
		font-size:14px;
        float: left;
        width: 425px;
		padding: 0 10px 0 25px;
		background-color: #EBE8DE;
		opacity:0.85;		
}

#text_columns article.row1
{
        position:relative;
        margin: 20px 20px;
		font-size:14px;
        float: left;
        width: 425px;
		min-height: 250px;
		padding: 0 10px 0 25px;
		background-color: #EBE8DE;
		opacity:0.85;		
}
.row img
{
        float:left;
		padding: 0 30px;
}

.row1 img
{
        float:left;
		padding: 30px 20px 10px 10px;
}
.row p, .row1 p;
{
        margin-left: 10px;
		width: 400px;
}

.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80px;
}

.rocket:hover
{
        opacity:0;
        transition: opacity 0.4s ease 0.2s;
        animation-name: stylie-transform-keyframes;
        animation-duration: 700ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}

.clock:hover
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 100ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}



/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:130px;
        background:#EF0000;
}

footer .wrapper
{
        line-height:12px;
        margin: 0 auto;
        width:auto;
        max-width:1000px;
        font-size:13px;
}

footer .wrapper .column
{
        color:#ababab;
        float:left;
        width:230px;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
		font-size:14px;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
		font-size:14px;
}

footer .wrapper .column.rightlist ul li a span
{
        display:block;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}
footer .wrapper .column.rightlist ul li a:hover
{
        color:#fff;
}
footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 16px;
        color: #fff;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

#copyright
{
        background: #1D1D1D;
        height:35px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        padding-top:10px;
        color: #cdcdcd;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SKIPLINK */
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 1px #d6d0c1 solid;
}
#slides
{
        display: none
}

/* Center the slideshow */
.container
{
        width:auto;
		min-height: 100px;
        margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
        display:none;
        color:#000;
}


/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


/* some styling for triggers */
#triggers {text-align:center;}
#triggers img {cursor:pointer;margin:0 2px;background-color:#fff; border: 0px solid #ccc;padding:2px; /*-moz-border-radius:4px;-webkit-border-radius:4px;*/}
	
/* styling for elements inside overlay */
.details {position:absolute; top:20px; right:15px; width:260px;}
.details h3 {color:#ffffff; font-size:130%;	margin:0 0 10px 0;}
.details h4 {color:#cccccc; font-size:110%;	margin:0 0 10px 0;}

/* the overlayed element */
.simple_overlay {
/* must be initially hidden */	
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */ 
background-color:#FF5443;
margin-top:100px; 
margin-left:50px;
width:850px;
min-height:200px;
height:410px; 
border:3px solid #ffffff;	
/* CSS3 styling for latest browsers 
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;*/
}

/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../images/logos/close1.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}

@media only screen and (max-width:1023px)
{
	html { 	width: 100%;	max-width: 1023px;	margin: 0px auto;  background:#ffffff;	}
	body{width: 100%; max-width: 960px; margin: 0px auto;  }

	h1 {font-size: 130%;}
	h2 {font-size: 120%;}
	h3 {font-size: 100%;}
	h4 {font-size: 90%;}
	h5 {font-size: 80%;}
	h6 {font-size: 70%;}


	.galerie li {
		width: 25.33%;
		margin: 5px 2px;
	}		

	header  {width: 100%; max-width: 960px; margin: 0px auto; height:90px;}
	header h2 {	margin:18px 0 0 0;	font-size:15px;	}
	.nav li a {
		font-size: 12px;    
	}		

	nav
	{
	top: 70px;
	left:1%;
	width:85%;
	}	
	.nav li {
		display: inline-block;
		list-style: none;
		width: 27.0%;
		margin: 5px 2px;
	}
	#logo_ff 
	{
	display: none;
	}
	#login
	{
	top: 15px;
	left: 25px;
	}
	#logo_mm
	{
	display: none;
	}
	#boxcontent
	{
	max-width:900px;
	margin:0 auto;
	padding:20px 0 20px 0;
	}	
	#boxcontent article
	{
	margin: 30px auto 0 auto;
	width: 32%;
			
	#text_columns article.column0
	{
			float:none;
			max-width: 900px;
			padding: 0 30px;
			margin: 30px 30px;
	}		
	#text_columns article.column1
	{
			float:none;
			max-width: 800px;
			margin: 20px 10px 0 10px;
	}
	#text_columns article.column2
	{
			float:none;
			max-width: 800px;
			margin: 20px 20px 0 20px;
	}
	.row
	{
			float:left;
			margin:30px 0 0 50px;
	}

	footer .wrapper .column
	{
	width:200px;
	}		
}

@media only screen 
and (min-device-width : 376px) 
and (max-device-width : 667px) 
{
	
	h1 {font-size: 110%;}
	h2 {font-size: 100%;}
	h3 {font-size: 90%;}
	h4 {font-size: 80%;}
	h5 {font-size: 80%;}
	h6 {font-size: 70%;}
	p {font-size: 80%;}

	.galerie li {
		width: 38.33%;
		margin: 5px 2px;
	}		

	header
	{
			height:90px;
	}
	header h2
	{
	margin:18px 0 0 0;
	font-size:15px;
	}
	header nav
	{
			display:none;
	}
	#logo_ff 
	{
	display: none;
	}
	#login
	{
	top: 15px;
	left: 25px;
	}
	#logo_mm
	{
	display: none;
	}		
	#mobileMenu
	{
			display: block;
			z-index: 99;
	}
	.toggleMobile
	{
			position: fixed;
			top: 15px;
			left: 10px;
			display: block;
			width: 40px;
			height: 36px;
			cursor: pointer;
			z-index: 999;
	}
	.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
	{
			display: block;
			position: absolute;
			width: 40px;
			height: 8px;
			left: 0;
			background: #ED5555;
			-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1
	{
			top: 0;
	}
	.toggleMobile span.menu2
	{
			top: 14px;
	}
	.toggleMobile span.menu3
	{
			top: 28px;
	}
	.toggleMobile.active span.menu1
	{
			top: 14px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2
	{
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3
	{
			opacity: 0;
			-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
			transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	#anrufen
	{
	Position: absolute;
	top: -100px;
	left: 15px;
	width: 100px;
	height: 38px;
	border: 1px solid red;
	z-index: 98;	
	}	
	#login
	{
	position: absolute;	
	top: -10px;
	left: 92%;
	}		
	#spacer
	{
			height:100px;
	}
	#spacer p
	{
			text-align:center;
			position:static;
			margin: 0 auto;
			padding:15px 0 7px 0;
	}
	#spacer .search
	{
			text-align:center;
			position:static;
			margin: 0 auto;
	}
	#text_columns article.column0
	{
			float:none;
			max-width: 600px;
			padding: 0 10px;
			margin: 10px 10px;
	}
	#four_columns article.column
	{
			float:left;
			width: 36.3%;
			margin-left: 20px;
	}		
	input
	{
			padding:4px;
			font-size:12px;
	}
	input[type="submit"]
	{
			padding: 3px 12px;
	}		
	footer
	{
			padding-bottom:70px;
			height: auto;
	}
	footer .wrapper
	{
			width: 350px;
			margin: 0 auto;
	}
	footer .wrapper .column
	{
			margin-top:10px;
			float:none;
			font-size: 14px;
			width: auto;
	}
	footer .wrapper .social
	{
			display:none;
	}
	#copyright
	{
	height:50px;
	}
	#copyright .wrapper
	{
	font-size:11px;
	text-align: center;
	}	
	.button
	{
	padding:2px 3px;
	font-size: 10px;
	}	
	#slider_content1, #slider_content2, #slider_content3, #slider_content4
	{
			line-height: 14px;
			width:250px;
			display:none;
			z-index:11;
	}

	#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3
	{
			color:#EBE8DE;
			font-size:16px;
			font-weight:bold;
			margin-bottom:10px;
			background-color:#FE2E2E;
			padding:5px 10px;
			border-radius: 15px 0 15px 0;
		   border: 1px solid black;
	 }

	#slider_content1
	{
			display:none;
			position:absolute;
			top:15%;
			left:30%;		
	}

	#slider_content2
	{
			display:none;
			position:absolute;
			top:10%;
			left:25%;		
	}

	#slider_content3
	{
			display:none;
			position:absolute;
			top:20%;
			left:15%;		
	}

	#slider_content4
	{
			display:none;
			position:absolute;
			top:25%;
			left:2%;		
	}

	#slider_content2 p, #slider_content3 p, #slider_content4 p
	{
			font-size: 80%;
			line-height: 10px;
			margin:0 0 30px 0;
			color:#4a463b;
			background-color:#EBE8DE;
			padding:5px 5px;
			border-radius: 5px;
			border: 1px solid red;
	}

	#slider_content1 h4, #slider_content2 h4, #slider_content3 h4, #slider_content4 h4
	{
			font-size: 70%;
			line-height: 14px;
			margin:0 0 30px 0;
			color:#eeeeee;
			background-color:#444444;
			padding:5px 5px;
			border-radius: 5px;

	}
				
	.nav li {
		display: inline-block;
		list-style: none;
		width: 27.0%;
		margin: 5px 2px;
	}

	.nav li a {
		font-size: 10px;    
	}

	#anrufen
	{
	Position: absolute;
	top: -50px;
	left: 150px;
	width: 100px;
	height: 38px;
	border: 1px solid red;
	z-index: 98;	
	}
	#login
	{
	position: absolute;	
	top: 20px;
	left: 87%;
	}
	#boxcontent
	{
	padding:15px 0;
	}	
	#boxcontent article
	{
	margin: 15px auto 0 auto;
	width: 90%;
	}	
	#text_columns article.column1, #text_columns article.column2, #text_columns article.row
	{
	float:none;
	max-width: 500px;
	margin: 20px 10px 20px 10px;
	}
	.row p
	{
	padding: 10px 0;	
	}
	.column0 p, .column1 p, .column2 p
	{
	padding: 0px 10px;	
	}
	#spacer
	{
			height:auto;
			padding-bottom:15px;
	}
	#four_columns
	{
			width: auto;
			text-align: center;
			
			
	}
	#four_columns article.column
	{
			float:none;
			margin-left: 70px;
			width: 48.3%;
	}	
	#four_columns .img-item
	{
			width: 200px;
			float:none;
			margin: 25px auto 0 auto;
	}
	#four_columns h2
	{
			margin: 0 30px;
	}
	.column2 .row
	{
			margin: 0 0 40px 10px;
			width:auto;
	}
	#text_columns article.column0
	{
			float:none;
			max-width: 500px;
			padding: 0 10px;
			margin: 10px 10px;
	}	
	#text_columns article.column0trans
	{
			float:none;
			max-width: 500px;
			padding: 0 10px;
			margin: 10px 10px;
	}			
	footer .wrapper
	{
			width:auto;
	}
	footer .wrapper .column
	{
			margin: 0 auto 0px auto;
			max-width:300px;
	}
	#copyright
	{
	height:50px;
	}
	#copyright .wrapper
	{
	font-size:11px;
	text-align: center;
	}			
	input
	{
			width:auto;
	}
	#mobileMenu
	{
			display: block;
			z-index: 99;
	}

	header
	{
		margin-top: 0px;
		width: 100%;
		max-width: 960px;
		text-align: center;
		height:90px;
	}  

	header h2
	{
			font-size:24px;
	}
	header p
	{
			margin-left: 60px;
			font-size:14px;
	}
	.button
	{
	padding:2px 3px;
	font-size: 9px;
	}		
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}