/*Einbinden der Bootstrap-CSS*/
@import "bootstrap.min.css";

body {
 /* roboto-400 (Regular) - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
} 
 font-family:  'Roboto', serif;
  /* Margin bottom by footer height 
  margin-bottom: 60px;*/
  color: #3A4457;
  background-color: #afaf83 /*#f5f5f5; #C29D73 ;*/
}

.bg0 {
color: #e1e1d0;
background-color:#afaf83;
background-size: cover;
background-repeat: no-repeat;
}

.bg1 {
color: #e1e1d0;
background-image: url(../00_start/01img/image002.jpg);
background-color:#b9b992;
background-size: cover;
background-repeat: no-repeat;
}

.bg2 {

background-color:#ebebe0;
background-size: cover;
background-repeat: no-repeat;
}

.bg3 {
color: #e1e1d0;
background-color:grey;
background-size: cover;
background-repeat: no-repeat;
}

.allign1 {
padding:20px;
}