/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 31, 2015, 9:27:19 AM
    Author     : ronin
*/
@import 'lib/lesshat/build/lesshat.less';
@main-color: green;
@header-color: #F0F8FF;
@header-border: white;
@font-color-dark: @main-color;
@font-color-light: lighten(@main-color, 50%);
@content-back: darkred;
@content-color: white;


body
{
    background: url('hintergrund.jpeg');
    background-size: 100%;
    font-family: 'Indie Flower', cursive;
    font-size: 20px;    
}

.header
{
    padding: 5px 25px;
    margin: 20px 0;
    text-align: center;
    background: @header-color;
    border: 9px solid @header-border;
    opacity: 0.7;
}

.insertCont
{
	.buttons
	{
		> div
		{
			display: inline-block;
			cursor: pointer;
		}
	}
}

.content div
{
    display: inline-block;
    background: @content-back;
    border: 5px solid @content-color;
    color: @content-color;
    margin: 2%;
    opacity: 0.7;
    padding: 20px 0;
    text-align: center;
    width: 45%;
    
    .transition(background-color, 1s);    
    &:hover
    {
        opacity: 1;
    }
    img
    {
        width: inherit;
        max-width: 100%;
        height: 400px;
    }    
}

@media (max-width: 950px)
{
    .content div
    {
        display: block;
        width: 100%
    }
}