@charset "UTF-8";

/*
Clearfix

Easily clear `floats` by adding `.clearfix` to the *parent element*. Utilizes the [micro clearfix](http://nicolasgallagher.com/micro-clearfix-hack/) as popularized by Nicolas Gallagher. Can also be used as a mixin

```html
<!-- Usage as a class -->
<div class="clearfix">...</div>
```

```scss
// Usage as mixin
.element {
    @include clearfix;
}
```

Styleguide 1.1
*/
@mixin clearfix {
    &:before {
        content: " ";
        display: table;
    }
    &:after {
        content: " ";
        display: table;
        clear: both;
    }
    *zoom: 1;
}

.clearfix {
    @include clearfix;
}

.img-responsive {
    width:100%;
    height:auto;
}

@mixin light-shadow {
    box-shadow: 0px 0px 6px #888;
}

/**
 *  Sectionize
 *  -> Für alle Sections
 *
 */
@mixin sectionize($bgcolor:$color-bg-no-color) {
    width:100%;
    box-sizing:border-box;
    background-color: $bgcolor;
    clear:both;

    .wrapper {
        max-width:1200px;
        margin:0 auto;
        overflow:hidden;
    }
}

/// Responsive manager.
/// @access public
/// @param {String} $breakpoint - Breakpoint
/// @requires $breakpoints
@mixin respond-to($breakpoint) {
    $raw-query: map-get($breakpoints, $breakpoint);

    @if $raw-query {
        $query: if(type-of($raw-query) == 'string', unquote($raw-query), inspect($raw-query));

        @media #{$query} {
            @content;
        }
    } @else {
        @error 'No value found for `#{$breakpoint}`. '
         + 'Please make sure it is defined in `$breakpoints` map.';
    }
}