@font-face { font-family: 'Lato';
    src: url('/font/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Lato';
    src: url('/font/Lato-Bold.ttf') format('truetype'); 
    font-weight: bold;
    }
@font-face { font-family: 'Lato';
    src: url('/font/Lato-Italic.ttf') format('truetype'); 
    font-style: italic;
    }
@font-face { font-family: 'Lato';
    src: url('/font/Lato-BoldItalic.ttf') format('truetype'); 
    font-weight: bold;
    font-style: italic;
    }
    

body { 		
font-family: Lato;
}

span {font-family: Lato;}
.it  {font-style: italic;}
.bo  {font-weight: bold;}

* {
box-sizing: border-box;
}

img{
max-width: 100%;
}

/* Wrapper für die gesammte Seite*/
#wrapper{
max-width: 1200px;
margin: auto;
}

#titellogo{
width:30px;
}

/*Content wrapper*/
.content{
padding-top:75px;
}

/* Create three unequal columns that floats next to each other */
.column {
float: left;
padding: 10px;
}

/* Left and right column */
.column.side {
width: 25%;
}

/* Middle column */
.column.middle {
width: 50%;
}

/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}