/* -------------------------- fonts ANFANG --------------------------  */
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

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

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/roboto/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
} 
/* --------------------------  fonts ENDE --------------------------  */

/* Schriften-Set ANFANG */

	body
	{
	color:rgba(55,54,55,1.00);
	font-size:18px;
	font-family:Roboto;
	font-weight:300;
	line-height:27px;
	letter-spacing:0px;
	text-decoration:none;
	text-transform:none;
	padding:0px 0px 0px 0px;
	margin:0;
	}
 p
{
color:rgba(55,54,55,1.00);
font-size:18px;
font-family:Roboto;
font-weight:300;
line-height:27px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
padding:0px 0px 0px 0px;
margin:0;
}
 h1
{
color:rgba(190,173,147,1.00);
font-size:34px;
font-family:Roboto;
font-weight:400;
line-height:38px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
padding:0px 0px 20px 0px;
margin:0;
}
 h2
{
color:rgba(190,173,147,1.00);
font-size:25px;
font-family:Roboto;
font-weight:400;
line-height:30px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
padding:0px 0px 20px 0px;
margin:0;
}
 h3
{
color:rgba(0,0,0,1);
font-size:26px;
font-family:Roboto;
font-weight:400;
line-height:32px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
padding:0px 0px 20px 0px;
margin:0;
}
 a
{
color:rgba(55,54,55,1.00);
font-size:18px;
font-family:Roboto;
font-weight:400;
line-height:28px;
letter-spacing:0px;
text-decoration:underline;
text-transform:none;
padding:0px 0px 0px 0px;
margin:0;
}/* Schriften-Set ENDE */


body
{
background:rgba(0,79,124,1.00);
overflow-x: hidden;
}




.button-dunkel_2 {
    display: inline-block;
    background:rgba(55,54,55,1.00);
    border-radius: px;
    
        border: 1px solid rgba(190,173,147,1.00);
        
        
    padding:9px 37px 9px 37px !important;
    margin: 0px 0px 0px 0px ;
    
        
    color:rgba(255,255,255,1)!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-align:center;
    font-family:Roboto!important;
    font-weight:600!important;
    font-size:13px!important;												
 }

 .i-button-dunkel_2 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 5px !important;										
 }


 
 

 .button-dunkel_2:hover
 { 
    
    background:rgba(255,255,255,0.00)!important;
    border-radius: 0px!important;
        border: 1px solid rgba(190,173,147,1.00)!important;
            
    color:rgba(55,54,55,1.00)!important;
    text-transform:uppercase!important;												
    font-weight:600!important;
    font-size:13px!important;	
     
 }
 
 .i-button-dunkel_2:hover
 {
    
    color: 	rgba(0,41,72,1.00)!important;										
 }
 .button-dunkel_2:hover .i-button-dunkel_2 { 
    
    color: 	rgba(0,41,72,1.00)!important;	
     
 }
                                             
                                             

.button-weiss_3 {
    display: inline-block;
    background:rgba(255,255,255,1.00);
    border-radius: px;
    
        border: 1px solid rgba(190,173,147,1.00);
        
        
    padding:9px 37px 9px 37px !important;
    margin: 0px 0px 0px 0px ;
    
        
    color:rgba(55,54,55,1.00)!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-align:center;
    font-family:Roboto!important;
    font-weight:600!important;
    font-size:13px!important;												
 }

 .i-button-weiss_3 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	5px 5px 5px 5px !important;										
 }


 
 

 .button-weiss_3:hover
 { 
    
    background:rgba(55,54,55,1.00)!important;
    border-radius: px!important;
        border: 1px solid rgba(55,54,55,1.00)!important;
            
    color:rgba(255,255,255,1.00)!important;
    text-transform:uppercase!important;												
    font-weight:600!important;
    font-size:13px!important;	
     
 }
 
 .i-button-weiss_3:hover
 {
    
    color: 	rgba(0,0,0,1)!important;										
 }
 .button-weiss_3:hover .i-button-weiss_3 { 
    
    color: 	rgba(0,0,0,1)!important;	
     
 }
                                             
                                             





html,
body {
height: 100%;
}

.container {
max-width: 1200px;
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}


.middle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.top {
position: relative;
top: 0%;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
}

.bottom {
position: relative;
top: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);

}