/*
Copyright (C) 2017 André Sünnemann <a.suennemann@edv-peuker.de>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/*
    Created on : 14.08.2016, 14:16:37
    Author     : asuennemann
    Version: 1.1.0
*/

// Breakpoints‚
@screen-xs-min: 0px;
@screen-xs-max: 767px;
@screen-sm-min: ( @screen-xs-max + 1 );
@screen-sm-max: 991px;
@screen-md-min: ( @screen-sm-max + 1 );
@screen-md-max: 1199px;
// Breakpoint für breiteren
@screen-lg-min: ( @screen-md-max + 1 );

.hidden
{
    display: none!important;
}

.hidden-xs
{
    @media(max-width: @screen-xs-max)
    {
        display: none!important;
    }
}

.hidden-sm
{
    @media(min-width: @screen-sm-min) and (max-width: @screen-sm-max)
    {
        display: none!important;
    }
}

.hidden-md
{
    @media(min-width: @screen-md-min) and (max-width: @screen-md-max)
    {
        display: none!important;
    }
}

.hidden-lg
{
    @media(min-width: @screen-lg-min)
    {
        display: none!important;
    }
}

.clearfix
{
    clear: both;
    height: 0!important;
    width: 0!important;
    margin: 0!important;
    border: 0!important;
    padding: 0!important;
}

.col-1
{
    width: (100% / 12 * 1);
}
.col-2
{
    width: (100% / 12 * 2);
}
.col-3
{
    width: (100% / 12 * 3);
}
.col-4
{
    width: (100% / 12 * 4);
}
.col-5
{
    width: (100% / 12 * 5);
}
.col-6
{
    width: (100% / 12 * 6);
}
.col-7
{
    width: (100% / 12 * 7);
}
.col-8
{
    width: (100% / 12 * 8);
}
.col-9
{
    width: (100% / 12 * 9);
}
.col-10
{
    width: (100% / 12 * 10);
}
.col-11
{
    width: (100% / 12 * 11);
}
.col-12
{
    width: (100% / 12 * 12);
}