/* source-sans-pro-regular - latin */
/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


body	{
font-family: 'Source Sans Pro';
font-weight: 300;
color: #5a6b7f;
min-height: 105%;
margin: 0 auto;
padding-top: 0.4em;
/*-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
		*/
}


#loader{
display: none;
}
img	{
outline: none;
max-width: 100%;
height: auto;
border: none;
}

hr	{border-top: 2px solid red;
border-bottom: 0;
margin-top: 0em;
float: left;
width: 15%;
}

a	{
outline: none;
text-decoration: none;
color:  #64778e;
}

a:hover	{
text-decoration: none;
}

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

p	{
font-weight: 400;
text-align: justify;
color: #5a6b7f;
line-height: 1.3em;
font-size: 1.2em;
}
 p span	{
 font-style: italic;
 padding-right: 0.5em;
 padding-left: 0.2em;
 font-weight: 600;
 font-size: 1.2em;
}
p.big	{
line-height: 0.2em;
font-size: 1.4em;
}

p.small	{
text-align: justify;
font-size: 1.0em;
padding: 0em; 
}

p.smaller	{
font-size: 1.0em;
padding: 0em; 
line-height: 1.0em;
}

p.img	{
text-align: center;
}

p.app	{
max-width: 150px;
text-align: center;
}
p.app2	{
max-width: 130px;
text-align: center;
}
h1	{
color: #fff;
margin: -0.3em 0 0;
font-weight: 400;
font-size: 1.7em;
padding:  0em;
}

h1 a	{
color: #fff;
}

h1 a:hover	{
text-decoration: none;
outline: none;
}
h2	{
font-size: 2em;
font-weight: 400;
margin-top: -0.3em;

}

h2.imp	{
margin-bottom: 0;
margin-top: 0.3em;	
}

h2.bg	{
color: #39677F;
text-align: left;
font-size: 2.4em;
font-weight: 400;
padding-top: 0em;
}

h3	{
margin-bottom: 0;
text-align: left;
color: #39677F;
font-size: 1.7em;
font-weight: 400;
}

h3.simple	{
text-align: left;
color: #39677F;
margin-top: -0.8em;
margin-left: 6.5em;
font-size: 1.7em;
font-weight: 600;

}

h3.left	{
text-align: left;
color: #39677F;
margin-top: 1.0em;
margin-left: 0em;
padding-bottom: 0;
font-size: 1.6em;
font-weight: 400;
}

h3.blue1	{
margin-top: -0.5em;
}

h3.blue, h3.blue1	{
text-transform: uppercase; 
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 0px 1px 2px 0px rgba(36,77,100,1);
-moz-box-shadow: 0px 1px 2px 0px rgba(36,77,100,1);
box-shadow: 0px 1px 2px 0px rgba(36,77,100,1); 
background: #03314B;
background: -moz-linear-gradient(top,  #406f88 1%, #03314B 80%);
background: -webkit-linear-gradient(top,  #406f88 1%,#244D64 80%);
background: linear-gradient(to bottom,  #406f88 1%,#244D64 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406f88', endColorstr='#244D64',GradientType=0 );
/*background: #03314B;*/
font-size: 1.4em;
font-weight: 400;
padding: 0.4em 0 0.4em 1.0em;
color: #f2f2f2;
letter-spacing: 0.03em;
}

h3.blue span	{
text-transform: none; 
}

h4	{
background: #fff;
font-size: 1.0em;
padding-left: 1.0em;
text-align: left;
font-weight: normal;
color: #770000;
}

h5	{
font-weight: normal;
font-size: 1.05em;
}

h6	{
font-style: italic;
margin: -0.05em 0 0;
color: #fff;
font-weight: 400;
font-size: 1.4em;
padding:  0em;
}

ul	{
padding: 0em;
margin: 0em auto;
}
ul li		{
list-style-type: none;
}

#article2 ul	{
padding: 0.3em 1em 0.3em 2em;
margin: 0em 1em;
}
#article2 ul li	{
font-weight: 400;
color: #39677F;
font-size: 1.2em;
list-style-type: square;
}

input	{
border: 0;
padding: 0.5em;
background: #FFD9D9;
}

/*Slide text*/
div.slide-left {
  width:100%;
  overflow:hidden;
}
div.slide-left h2.bg {
padding-top: 0.5em;
  animation: slide-left 3s;
}

@keyframes slide-left {
  from {
    margin-left: 40%;
    width: 100%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

#logo	{
text-align: center;
margin-top: -30px;
}

#top-wrap	{
width: 100%;
position: fixed;
z-index: 100;
height: 9.5em;
background: #fff;
}

#top	{
background: #03314B;
background: -moz-linear-gradient(top,  #406f88 1%, #03314B 80%);
background: -webkit-linear-gradient(top,  #406f88 1%,#244D64 80%);
background: linear-gradient(to bottom,  #406f88 1%,#244D64 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406f88', endColorstr='#244D64',GradientType=0 );
width: 100%;
height: 50px;
margin-top: 20px;
/*background: #03314B;*/
border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc;
}

#menu	{
margin-top: 5em;
}

.span_1_of_3 table tr td {
font-size: 1.2em;
}

.span_1_of_3 table tr td.small {
font-size: 1.0em;
padding-top: 0;
}

#content	{
padding-right: 3em;
}
#article	{
margin-top: 12em;
background: #fff;
}

#article2	{
background: #fff;
/*opacity: 0.9;*/
margin-top: 9.5em;
text-align: justify;
padding: 1em 3em 1em 2em;
}

#article3	{
margin-top: 12em;
padding: 1em;
}

#article3 p	{
padding: 0em; margin: 5px 0 0 0;
}

#article3 h3	{
padding: 0em; 
margin: 10px 0 5px;
font-size: 1.5em;
}

#article3 img	{
float: right;
padding: 10px 35px 10px 35px;
}

#picture-wrap	{
position: relative;
top: 9.5em;
width: 100%;
z-index: 50;
}

#right	{ 
background: #fff;
/*opacity: 0.9;*/
margin-top: 9.5em;
padding: 1em;
}

#right img	{
margin-top: 1em;
margin-bottom: 1em;

}
/* Kontaktformular */
#article2 form table	{
width: 100%;
}

#article2 table td input, #article2 table td textarea 	{
margin-top: 3px;
width: 100%;
background: #fcfcfc;
border: 1px solid #3B6A82;
padding: 0.5em 0 0.3em 0.5em;
}

#article2 input.send	{
-webkit-appearance: none;
margin-top: 0.5em;
color: #ccc;
background: -moz-linear-gradient(top,  #406f88 1%, #03314B 80%);
background: -webkit-linear-gradient(top,  #406f88 1%,#244D64 80%);
background: linear-gradient(to bottom,  #406f88 1%,#244D64 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406f88', endColorstr='#244D64',GradientType=0 );
}

#article2 input.send:hover	{
color: #fff;
}

#footer	{
background: #03314B;
background: -moz-linear-gradient(top,  #406f88 1%, #03314B 80%);
background: -webkit-linear-gradient(top,  #406f88 1%,#244D64 80%);
background: linear-gradient(to bottom,  #406f88 1%,#244D64 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406f88', endColorstr='#244D64',GradientType=0 );
margin-top: 4em;
padding-top: 1em;
font-size: 0.8em;
min-height: 14em;
}

#footer p a, #footer p	{
color: #ccc;
}


ul.bottom li	{
text-transform: uppercase;
font-weight: normal;
color: #ccc;
text-align: left;
}

ul.bottom li.bold	{
color: #e6e6e6;
font-size: 1.0em;
font-weight: bold;
}

p.big a	{
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;
}

ul.bottom li a	{
font-size: 1.2em;
color: #ccc;
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;
}

ul.bottom li a:hover, p.big a:hover{
padding-left: 10px;
}

#map	{width: 100%;
}

#map iframe	{
border: 0;
width: 100%;
}

/*Back to top button*/
#back-top {
	position: fixed;
	bottom: 10%;
	right: 1%;
}

#back-top a {opacity: 0.9;
	display: block;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
-webkit-box-shadow: 0px 1px 2px 0px rgba(36,77,100,1);
-moz-box-shadow: 0px 1px 2px 0px rgba(36,77,100,1);
box-shadow: 0px 1px 2px 0px rgba(36,77,100,1); 
	color: #bbb;
	/* background color transition */
}

#back-top a:hover {
opacity: 1.0;
}

/*app*/

table td img	{
width: 150px;
height: auto;
text-align: left;
}

/* arrow icon (span tag) */
#back-top span {border: none;
	width: 1.0em;
	height: 3.0em;
	display: block;
	background:  #275067 url(../images/up-arrow2.png) no-repeat center center;

	/* background color transition */
}

/*-- Media Queries - - */
@media only screen and (max-width: 1700px) {
#article	{
margin-top: 13.5em;
}
}

@media only screen and (max-width: 1400px) {
#article	{
margin-top: 11.5em;
}
p    {
font-size: 1.1em;
}
} 

@media only screen and (max-width: 1300px) {
#article	{
margin-top: 11em;
}
}

@media only screen and (max-width: 1080px) {
#menu	{
margin-left: 200px;
}	
#article	{
margin-top: 10em;
}
h2.bg	{
font-size: 2.2em;
}

} 

@media only screen and (max-width: 980px) {
h3.blue{
font-size: 1.2em;
padding: 0.3em 0 0.3em 0.2em;
}
h2.bg	{
font-size: 2.0em;
}
} 

@media only screen and (max-width: 900px) {
h3.blue{
font-size: 1.0em;
padding: 0.3em 0 0.3em 0.1em;
}
} 


@media only screen and (max-width: 860px) {
h3.blue{
font-size: 0.9em;
padding: 0.3em 0 0.3em 0.1em;
}
} 
@media only screen and (max-width: 840px) {
h2	{
font-size: 1.8em;
padding-top: 0.5em;
}
h2.bg	{
font-size: 1.8em;
}
#article	{
margin-top: 7em;
}
h3.simple	{
margin-left: 3.5em;
}
}

@media only screen and (max-width: 840px) {
#article3{
margin-top: 8em;
}
}

@media only screen and (max-width: 768px) {
#logo img	{
width: 100px;
height: auto;
}
#top-wrap	{
background: transparent;
}
#picture-wrap	{
top: 8em;
}
p.pad	{
text-align: left;
padding: 0 1.0em;
}
h6	{
display: none;
}
#right	{
padding: 1.0em 0em;
margin-top: -2em;
}
#right-inside	{
padding: 1em;
}
p.small	{
text-align: left;
padding: 0em 1em;
}
ul.bottom	{
margin: 0;
}
ul.bottom li	{
border-bottom: 1px solid #ccc;
list-style-type: none;
width: 100%;
padding: 0.5em 0em;
text-align: left;
padding-left: 1em;
}
ul.bottom li	ul li	{
padding-left: 3em;
}
ul.bottom li.bold	{
border-bottom: 0;
color: #fff;
}
#content	{
padding: 3em 2em;
}
#footer	{
padding-top: 1em;
font-size: 0.8em;
min-height: 10em;
}
h1	{
padding-left: 0.5em;
}
h3	{
font-size: 1.4em;
}
h3.simple	{
margin-left: 5em;
}
p.big, table	{
padding-left: 2em;
}
h3.blue{
font-size: 1.2em;
padding: 0.3em 0 0.3em 1.0em;
margin-top: 0.5em;
}
h2.bg	{
font-size: 2.3em;
}
#logo    {
padding-left: 0.5em;
text-align: left;
} 
}

@media only screen and (max-width: 640px) {
/*Slide text*/
div.slide-left h2.bg {
padding-top: 0.5em;
  animation: slide-left 0s;
}

#back-top  a{
	display: none;
}
#app {
	bottom: 1%;
}
p	{
font-size: 110%;
}
}

@media only screen and (max-width: 620px) {
h4.left	{
font-size: 1.05em;
border-left: 2.5em solid #ffd9d9;
border-right: 2.5em solid #ffd9d9;
}
h2.bg	{
font-size: 1.9em;
}
}

@media only screen and (max-width: 480px) {
#menu	{
margin-left: 100px;
}	
#article3 img	{
float: none;
padding: 10px 35px 10px 35px;
}
#article3{
margin-top: 6em;
}
#article	{
margin-top: 10em;
}
h1, h2	{
font-size: 1.5em;
}
h2	{
padding-top: 1.5em;
}
h2.bg	{
font-size: 1.5em;
}
h3.simple	{
margin-left: 3.5em;
font-size: 1.4em;
}
#content	{
padding:1em;
}
h3.blue, p.big, table 	{
padding-left: 1em;
}
#top{
    margin-top: 5px;
height: 60px;
}
#logo    {
padding-left: 0.5em;
margin-top: -0.2em;
}
p.img	{
padding: 0em 1.0em;
}
#article2	{
padding: 1em;
}
} 

@media only screen and (max-width: 360px) {
#menu	{
margin-left: 150px;
}	
h3.simple	{
margin-left: 3.0em;
font-size: 1.4em;
}
}