@charset "utf-8";
/*  **** Grundformatierungen  **** */

html { 
  height: 101%;
  }

* {
margin: 0px;
padding: 0px;
}

body {
font-family: 'Roboto', sans-serif;
text-align: left;
line-height: 1.5em;
font-weight: normal;
font-size: 110%;
padding: 0px;
margin: 0 auto;
height: 101%;
}
	
p {
font-weight: 300;
padding: 0em;
color: #f6f6f6;
text-align: justify;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

p.small	{
font-size: 95%;	
}
ul {font-family: 'Raleway', sans-serif;
padding: 0.5em;
list-style: none;
}

a  {font-family: 'Raleway', sans-serif;
color: #eaeaea;
text-decoration: none;
outline: none;
font-size: 1.1em;
}

a:active, a:focus{
outline: none;
}

img	{
max-width: 100%;
height: auto;
border: none;
outline: none;
margin: 0 auto;
}
	
hr	{
text-align: left;
margin: 10px 0;
width: 30%;
border: 1px dotted #FFB70B;
}
 
@keyframes slide-up {
  from {
    padding-top: 500px;

    line-height: 180px;
  }
  to {

    opacity: 1;

  }
}
    
#contact-section.slide-up {
animation: slide-up 2s;
}  

h1	{
font-size: 2.0em;
line-height: 1.2;
text-align: left;
color: #f6f6f6;
padding: 0.3em 0;
font-weight: 300;
}

h1.top	{
color: #fff;
font-size: 1.0em;
word-spacing: 5px;
}

h2	{
font-weight: 300;
font-size: 1.1em;
color: #f6f6f6;
}

h2.tab	{
margin-top: 1px;
margin-bottom: 10px;
text-transform: uppercase;
text-align: center;
background: #444444;
font-weight: 300;
font-size: 1.1em;
color: #f6f6f6;
padding: 0.37em;
}

h2.tab span{
text-transform: lowercase;	
}

h3	{	
line-height: 1.2em;
font-weight: 300;
color: #f6f6f6;
font-size: 1.4em;
}

h3 a	{
color: #fff;
}

h4	{
font-size: 1.2em;
font-weight: 300;
color: #fff;
}

a:hover	{
text-decoration: none;
color: #808080;
}

table	{
color: #f6f6f6;
width: 100%;
}

table td	{
width: 50%;
padding: 5px 0;
text-align: justify;
}

div.customtab p	{
font-size: 90%;
padding: 0 5px;
}

span.jicons-icons	{
display: none;
}

#container	{height: auto;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#content	{
padding: 1em 0.5em;
}

#left-nav 	{
margin-top: 1.8em;
}

#nav2	{
margin-top: 0em;
}

#contact-section	{
position: fixed;
right: 0px;
top: 50%;
margin-top: 2em;
}

#contact-section p	{background: #000;
font-size: 0.8em;
padding: 0.2em 1em;
}

#header-wrap	{
position: fixed;
top: 0px;
height: 150px;
border-bottom: 1px solid #FFB70B;
width: 100%;position: fixed; z-index: 2000;
padding: 0em;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #cccccc 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cccccc 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cccccc 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#header-text	{
padding-top: 0px;
}

#header-text ul li	 {
text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px grey;
color: #fff;
font-size: 18px;
padding: 0.5em;
display: block;
font-weight: 500;
}

#header-text ul li	span {
text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px grey;
color: #ffc04e;
padding: 0 0.5em;
}

#header p	{
color: #fff;
}
#header-logo	{padding: 1em 0em;
text-align: left;
}

#slider	{
margin-top: 150px;
background: url(../images/slider-bg.png) bottom center no-repeat;
border-bottom: 1px solid #FFB70B;
}

div.custom	{
padding: 0 10px;	
}

div.contact h3{
display: none;	
}

/*--Menü--*/
#responsiveMenu87	{letter-spacing: 1.5px;
background: transparent;
text-transform: uppercase;
width: 100%;
border: none;
}

#responsiveMenu87 li a:hover	{background: transparent;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; 
color: #ffc04e;
}

#responsiveMenu87 li.current 	a{
background: transparent;
color: #202224;
}

#footer	{padding-bottom: 5em;
text-align: center;
margin-top: 10em;
font-size: 0.7em;
color: #808080;
}

#footer a	{
color: #808080;
}
#footer a:hover	{
color: #ccc;
text-decoration: none;
}

div.footer2	{
display: none;
}

/*content weiter-link verstecken*/
#info3 ul.pager	{
display: none;
}

/*--Kontaktformular--*/
div.control-label	{
font-size: 14px;
}

div.contact	{
width: 100%;
}
div.accordion-heading	{
display: none;
}
#contact-form fieldset	{
border: none;
}

div.controls input, div.controls textarea	{
border: 1px solid #FFB70B;
background: #EDEDED;
width: 80%;
padding: 0.5em;
}

.controls button	{
border: 1px solid #FFB70B;
padding: 10px;
-webkit-appearance: none;
background: #FFB70B;
color: #f6f6f6;
}

.controls button:hover	{
background: #000;
}

legend, div.control-group	{
color: #f6f6f6;
}

/* -- Media Queries --*/
@media only screen and (max-width: 1600px)	{
#contact-section	{
position: fixed;
right: 0px;
top: 20%;
}
}

@media only screen and (max-width: 768px)	{
div.custom	{
padding: 0 0px;	
}
#slider	{
margin-top: 0px;
}
#header-wrap	{
position: static;
}	
h1	{
font-size: 2.0em;
}
#contact-section	{
position: static;
}
#header-wrap	{
padding: 0;
}
#content	{
padding: 0.5em;
}
#footer a	{
color: #fff;
}
#footer-left	{
padding-left: 0em;
}
#header-text ul li	 {
padding: 0 0;
display: none;
}
#header-logo	{padding: 0.2em;
text-align: center;
}
p.top	{
text-align: center;
}
h1.top	{
text-align: center;
}
div.customtab h2	{
margin: 30px 0;
}
}

@media only screen and (max-width: 480px)	{
div.controls input, div.controls textarea	{
width: 100%;
}
}