@charset "UTF-8";
/******************************************************************************
*
*	style.scss: Main Output file
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		© 2015, grintsch communications GmbH
*	@date 			2015-02-10
*
*	@package		root
*	@version		1.0
*
******************************************************************************/
/******************************************************************************

	NOTE: ORDER OF IMPORTS ARE IMPERATIVE!

******************************************************************************/
/* Import necessary core mixins */
/******************************************************************************
*
*   _font/Roboto.scss: Creates awesome mixins for font/Roboto.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/mixins
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. FONT SIZE

	Set Font size with correponding line height. Enables us to get a
	consitent vertical rhythm.

	Examples:

		.foo {
			@include font/Robotoize(12px);
		}

		.foo {
			@include font/Robotoize(12px, 1.5); // set line-height explicit
		}

		.foo {
			@include font/Robotoize(12px, none); // avoid declaration of line-height at all
		}

******************************************************************************/
/*********************************
*
*	2. FONTFACE
*
*	@font-face mixin
*
*	Creates a @font-face rule with given arguments:
*
*	1: $font 				(font file name)
*	2: $fontfamily 			(font family name)
*	3: $path 				(path to font file)
*	4: $icon-font-suffix 	(use an icon font suffix to prevent bugs in some browsers)
*
*	Usage:
*	@include fontFace($font, $fontfamily, $path, $icon-font-suffix);
*
**********************************/
/******************************************************************************
*
*   _gradients.scss: Creates mixin for gradients.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-08-07
*
*   @package        core/mixins
*   @version        1.0
*
*   @author         Eduard M.
*
******************************************************************************/
/******************************************************************************
*
*   _margin.scss: Creates mixin for the top and bottom margin.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2016, Renate For├ƒmann - grintsch communications GmbH
*   @date           2016-04-04
*
*   @package        core/mixins
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. Top margin

******************************************************************************/
/******************************************************************************

	2. Bottom margin

******************************************************************************/
/******************************************************************************
*
*   _responsive.scss: Creates mixin for the breakpoints.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/mixins
*   @version        1.0
*
*   @note           Breakpoints are based in "_widths-responsive.scss"
*
******************************************************************************/
/******************************************************************************

	1. Mapping of Breakpoints

 	Example tweaking a css declaration:

 	.foo {
 		color: green;

 		@include mediaQuery(landscape-and-desktop) {
 			color: red;
 		}
 	}

 	Example while using the "layout" object in the markup
 	(with $useFraction: true):

 	// This will spread the element to 100% on viewports
 	// smaller than 720px and a width of 50% on everything above
 	<div class="layout__item portrait-1/1 landscape-and-desktop-1/2">
 	   ...
 	</div>

 	or

 	// This will spread the element to 50% on viewports
 	// between 720px and 1024px and get the element a
 	// quarter space on viewports bigger than 1024px
 	// If the viewport is smaller than 720px the element
 	// takes 100% of viewport width.
 	<div class="layout__item lap-1/2 desk-1/4">
 	   ...
 	</div>

	@gc-mediaQuery mixin
	@include mediaQuery(name-of-alias);
	@see _setup.scss, directive $BREAKPOINTS

******************************************************************************/
/* Import core functions */
/******************************************************************************
*
*	_functions.scss: Some more or less sassy functions.
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-02-10
*
*	@package		core/functions
*	@version		1.0
*
******************************************************************************/
/******************************************************************************
*
*	1. Z-INDEX MAPPINGS
*
* 	Example:
* 	.foo {
*     z-index: z(dropdown);
* 	}
*
* 	Output:
* 	.foo {
*     z-index: 3000;
* 	}
*
******************************************************************************/
/******************************************************************************
*
*	2. MATHEMATICAL HELPERS
*
*	Halve and double numbers, returning rounded integers. E.g.:
*
* 	Example:
* 	.foo {
*     padding: halve(30px);
* 	}
*
* 	Output:
* 	.foo {
*     padding: 15px;
* 	}
*
******************************************************************************/
/******************************************************************************
*
*	3. String Helpers
*
*	str-replace()
*	@author Hugo Giraudel
*	@param {String} $string - Initial string
*	@param {String} $search - Substring to replace
*	@param {String} $replace ('') - New value
*	@return {String} - Updated string
*
******************************************************************************/
/* Import setup files: */
/******************************************************************************
*
*	core_setup.scss: core variables
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-08-05
*
*	@package		project
*	@version		1.0
*
******************************************************************************/
/******************************************************************************

	1. BASE Variables for all gutters and vertical rhythm.

	@usedIn: overall

******************************************************************************/
/******************************************************************************

	Base references which effects the whole css structure.
	Changes affects the vertical rhythm. Feel free to use these
	variables throughout the project, but don't modiy or reassign
 	them other places than here.

******************************************************************************/
/******************************************************************************

	These are project related variables sourced on the above
	settings. Feel free to use these variables throughout the project,
	but don't modiy or reassign them other places than here.

******************************************************************************/
/******************************************************************************

	6. LAYOUT

******************************************************************************/
/******************************************************************************

	8.1 OBJECTS: Layout

	@see:	core/objects/_layout.scss

******************************************************************************/
/* Core variables */
/******************************************************************************

	5.2.2 OBJECTS: Lists - List inline
	@see:	core/objects/_lists.scss

	@note: 	Sizes can be added using sass lists.
			Example:
				$sizesListInline: (
					'$sizeName': '$gutterSize',
					[...],
				);

******************************************************************************/
/******************************************************************************

	11.1 HELPERS: Widths Responsive

	Fractions are simply a alternative to the more verbose
	word alike naming. For available values see file source code.

	Example:

	$useFractions: true
	<div class="desk-1/2" />

	$useFractions: false
	<div class="desk-one-half" />

	@see `core/helper/_widths-responsive.scss` for examples

******************************************************************************/
/******************************************************************************

	11.2 HELPERS: Breakpoints

	Breakpoints are only(!) define right here. Edit these
	attributes and values as needed. By defining
	aliases for media queries we avoid spreading
	media queries all over our scss files.

	@see `core/_mixins.scss` for examples

******************************************************************************/
/*$breakpoints: (
    "smartphone"				"only screen and (max-width: 40.062em)",
	"mobile"					"only screen and (max-width: 48.0625em)", // F├╝r Smartphone und Tablet Portrait-Ansicht
    "portrait"					"only screen and (min-width: 40.063em) and (max-width: 48.0625em)",
    "landscape-and-desktop"		"only screen and (min-width: 48.0626em)", // F├╝r Tablet Landscape-Ansicht und Desktop
    "all"						"screen"
);*/
/******************************************************************************
*
*	project_setup.scss: project variables
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-08-05
*
*	@package		project
*	@version		1.0
*
******************************************************************************/
/******************************************************************************

	1. FONT - Base declarations

******************************************************************************/
/******************************************************************************

	1.1 FONT - @font-face + icon-font/Roboto

	@note	There's an annoying bug in sass lists, where a missing
			comma after the first and only object seperates all values
			from each other. Appending a comma after your object
			returns a correct value. Otherwise you wouldn't be able
			to include just one font file. Multiple font files seem
			to be working fine.

	@see 	Syntax Definition -> more in core/base/_font/Roboto.scss
				$list: (
					(font-family name, font-filename, font-weight, font-style, path to your desired font file, icon-font-suffix (default: false)),
					(...)
				)

******************************************************************************/
/******************************************************************************

	1.2 FONT - Base font familys

******************************************************************************/
/******************************************************************************

	1.3 FONT - Sizes

******************************************************************************/
/******************************************************************************

	1.3.1 FONT - Sizes - Uncoupled

******************************************************************************/
/* Default size */
/******************************************************************************

	1.3.2 FONT - Sizes - Headings

	@declaration: h5,h6 ?
	@note: 			we're handling now responsive font sizes using sass lists.
					the first value defines the default font size
					the second one is the responsive font size for the breakpoint you declared.
					love it or hate it.

******************************************************************************/
/*
 * responsive font/Robotoizes are enabled by default for headings.
 * but you can define, at which breakpoint you want to activate 'em.'
 */
/******************************************************************************

	1.3.3 FONT - Sizes - Icons

******************************************************************************/
/******************************************************************************

	1.3.4 FONT - Sizes - Buttons

******************************************************************************/
/******************************************************************************

	1.4 FONT - Weight

******************************************************************************/
/******************************************************************************

	1.4.1 FONT - Weight - Headings

******************************************************************************/
/******************************************************************************

	2. COLORS

******************************************************************************/
/******************************************************************************

	2.1 COLORS - descriptive

	@see: http://chir.ag/projects/name-that-color/ for naming

******************************************************************************/
/******************************************************************************

	2.2 COLORS - functional

******************************************************************************/
/******************************************************************************

	2.2.1 COLORS - functional - Default/Base

******************************************************************************/
/******************************************************************************

	2.2.2 COLORS - functional - Headings

******************************************************************************/
/******************************************************************************

	2.2.3 COLORS - functional - Buttons

******************************************************************************/
/******************************************************************************

	2.2.4 COLORS - functional - Verschiedenes

******************************************************************************/
/******************************************************************************

	2.3 COLORS - utility colors + gradients
	-> syntax: ( ($color $stop, [..]), $fallback, $direction: 'horizontal' )

******************************************************************************/
/******************************************************************************

	3. BORDERS

******************************************************************************/
/* ??? Richtiger Ort: Project variables */
/******************************************************************************

	4.4 OTHER BASE VARIABLES

******************************************************************************/
/******************************************************************************
	4.4 COMPONENTS: Diverses - Corner
******************************************************************************/
/******************************************************************************

	5. COMPONENTS

******************************************************************************/
/******************************************************************************

	5.1 COMPONENTS: Atoms

	@usedIn: project/screen/_c-atoms.scss

******************************************************************************/
/**********************************************

	5.2 COMPONENTS: Download item

	@usedIn: project/screen/_c-download.scss

**********************************************/
/**********************************************

	5.3 COMPONENTS: Contact item

	@usedIn: project/screen/_c-contact.scss

**********************************************/
/******************************************************************************

	5.4 COMPONENTS: Layout

	@usedIn: project/screen/_c-layout.scss
			 project/screen/_c-project.scss

******************************************************************************/
/******************************************************************************
	5.4.1 COMPONENTS: Layout - Keyvisual
******************************************************************************/
/* Claim */
/******************************************************************************
	5.4.2 COMPONENTS: Layout - Footer / Copyright
******************************************************************************/
/******************************************************************************
	5.4.3 COMPONENTS: Layout - Breadcrumb
******************************************************************************/
/******************************************************************************
	5.4.4 COMPONENTS: Functionals - Search flyout im Header
******************************************************************************/
/******************************************************************************

	5.5 COMPONENTS: Navigation

	@usedIn: project/screen/_c-navigation.scss
			 ext/mlpushmenu/_core.scss

******************************************************************************/
/******************************************************************************
	5.5.1 COMPONENTS: Navigation - Meta Navigation
******************************************************************************/
/******************************************************************************

	6. OBJECTS

******************************************************************************/
/******************************************************************************

	6.1 OBJECTS: Accordion

	@see:	core/objects/_accordion.scss

	@toDo:	Noch nicht ├╝berarbeitet

******************************************************************************/
/* Configuration - Use core objects ? */
/******************************************************************************

	6.2 OBJECTS: Arrow

	@see:	core/objects/_arrows.scss

	@toDo:	Noch nicht ├╝berarbeitet

******************************************************************************/
/* Configuration - Use core objects ? */
/******************************************************************************

	6.3 OBJECTS: Banner

	@toDo:	Noch nicht ├╝berarbeitet

******************************************************************************/
/* Configuration - Use core objects ? */
/******************************************************************************

	6.4 OBJECTS: Button

	@see:	core/objects/_button.scss
			core/objects/_button-pill.scss
			core/objects/_button-icon.scss

	@toDo:	Neue Buttonklassen von Till einf├╝gen und dann auch die Variablen
			├╝berarbeiten.

******************************************************************************/
/* Padding & alignments for buttons with icons. */
/* Icon position on right side */
/* Icon position on left side */
/* END - Core variables */
/* Configuration - Use core objects ? */
/******************************************************************************

	6.5 OBJECTS: Figure

	@usedIn:	core/objects/_figure.scss
				project/screen/_o-figure.scss

******************************************************************************/
/* Configuration - Use core objects ? */
/* Core variables */
/* Project variables */
/******************************************************************************

	6.6 OBJECTS: Form

	@usedIn:	project/screen/_o-form.scss

******************************************************************************/
/******************************************************************************

	6.6 OBJECTS: Layout

	@usedIn:	core/objects/_layout.scss
				project/screen/_o-layout.scss

******************************************************************************/
/* Configuration - Use core objects ? */
/******************************************************************************

	6.7 OBJECTS: Listing

	@see:	core/objects/_listing.scss

******************************************************************************/
/* Configuration - Use core objects ? */
/******************************************************************************

	6.8 OBJECTS: Lists

	@see:	core/objects/_lists.scss

******************************************************************************/
/******************************************************************************

	6.8.1 OBJECTS: Lists - List bare

******************************************************************************/
/******************************************************************************

	6.8.2 OBJECTS: Lists - List inline

	@note: 	Sizes can be added using sass lists.
			Example:
				$sizesListInline: (
					'$sizeName': '$gutterSize',
					[...],
				);

******************************************************************************/
/* Core variables */
/******************************************************************************

	6.9 OBJECTS: Tabs

	@see:	core/objects/_tabs.scss

	@toDo:	Noch nicht ├╝berarbeitet

******************************************************************************/
/* Configuration - Use core objects ? */
/******************************************************************************

	6.10 OBJECTS: Text-Image-Block

	@see:	core/objects/_tiblock.scss

	@todo: Modifier aktivierung ansehen

******************************************************************************/
/* Configuration - Use core objects ? */
/* Core variables */
/* Project variables */
/******************************************************************************

	7. EXTERNAL

******************************************************************************/
/******************************************************************************

	7.1 EXTERNAL - Fancybox

	@usedIn: ext/fancybox/_fancybox.scss

******************************************************************************/
/* Import core base partials */
/********************************************************************
* _reset.scss
*
* docs styles - dynamically built using Sass
*
* @copyright	© 2014, Mucke Forßmann (grintsch communication)
* @date			2014-09-22
*
* @package      core
* @version      0.1
*********************************************************************/
/* Global reset of paddings, border and margins for all HTML elements */
* {
    padding: 0;
    border: 0;
    margin: 0; }

/* Global reset of outline on focused elements */
*,
*:focus {
    outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; }

/* CSS reset & fix for iOS-Devices */
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    input,
    textarea,
    select {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0; }

    input[type="checkbox"] {
        -webkit-appearance: checkbox !important;
        -moz-appearance: checkbox !important;
        -ms-appearance: checkbox !important;
        -o-appearance: checkbox !important;
        appearance: checkbox !important; } }
/******************************************************************************
*
*   _vertical-rhythm.scss: Allows us to keep a consistent vertical rhythm.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-06-25
*
*   @package        core/base
*   @version        1.0
*
*   @note           Where "margin-top" is concerned, this value will
*                   always be the same as the base line-height.
*
*                   Extend this file with objects as needed!
*
******************************************************************************/
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, cite,
p, address,
table,
figure,
pre,
.margin-top {
    margin-top: 20px;
    margin-top: 1.33333rem; }

/******************************************************************************
*
*   Some extra placeholders to allow our laziness ;-)
*
*   Those classes use helper functions (see "core/_functions.scss").
*
*   Example:
*
*   .foo {
*       @extend %margin-top-quarter;
*   }
*
******************************************************************************/
.margin-top-quarter {
    margin-top: 5px;
    margin-top: 0.33333rem; }

.margin-top-half {
    margin-top: 10px;
    margin-top: 0.66667rem; }

.margin-top-one-and-a-half {
    margin-top: 30px;
    margin-top: 2rem; }

.margin-top-double {
    margin-top: 40px;
    margin-top: 2.66667rem; }

.margin-top-triple {
    margin-top: 60px;
    margin-top: 4rem; }

.margin-top-quadruple {
    margin-top: 80px;
    margin-top: 5.33333rem; }

/******************************************************************************
*
*	Where "margin-left" is concerned we want to try and indent certain
*	elements by a consistent amount. Define that amount here for once.
*
******************************************************************************/
.margin-left {
    margin-left: 40px;
    margin-left: 2.66667rem; }

/******************************************************************************
*
*	_font/Roboto.scss: Implement the special font/Roboto.
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-06-29
*
*	@package		core/base
*	@version		1.0
*
*	@note: 			A SASS list is required, but don't forget to add a
*					comma at the the end of your first object
*					(if it's a single object).
*					Otherwise it will seperate all your values inside your object.
*
*					Syntax definition:
*					$list: (
*						(font-family name, font-filename, font-weight, font-style, path to your desired font file, icon-font-suffix (default: false)),
*						(...)
*					)
*
*					IMPORTANT: at this time, you are only able to use ONE (1) icon font at a
*					time. Sorry.
*
* 	@see: 			Sass list: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#lists
*					Bug (reported): https://twitter.com/vsxed/status/589070970675191809
*					Setup-File (project/screen/_setup.scss:88)
*
******************************************************************************/
/*  Font: FontAwesome: normal | normal */

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('font/Roboto/roboto-condensed-v25-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-100.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('font/Roboto/roboto-condensed-v25-latin-100italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('font/Roboto/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('font/Roboto/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('font/Roboto/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('font/Roboto/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('font/Roboto/roboto-condensed-v25-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-500.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('font/Roboto/roboto-condensed-v25-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('font/Roboto/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('font/Roboto/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('font/Roboto/roboto-condensed-v25-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-900.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('font/Roboto/roboto-condensed-v25-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('font/Roboto/roboto-condensed-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Roboto/roboto-condensed-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('font/Roboto/roboto-condensed-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('font/Roboto/roboto-condensed-v25-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: "FontAwesome";
    src: "font/icon/fontawesome-webfont.eot?v=4.4.0";
  src: url("font/icon/fontawesome-webfont.eot?v=4.4.0") format("embedded-opentype"), url("font/icon/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("font/icon/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("font/icon/fontawesome-webfont.svg?v=4.4.0#FontAwesome") format("svg");
    font-weight: normal;
    font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before, .listing--searchresult .listing__read-more a:after {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/******************************************************************************
*
*	_page.scss: Base settings for the project.
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-02-10
*
*	@package		core/base
*	@version		1.0
*
*	1.	Set the default "font-size" and "line-height" for the entire project,
*		sourced from our default variables. The "font-size" is calculated to
*		exist in "ems", the "line-height" is calculated to exist unitlessly.
*
*	2.	Force scrollbars to always be visible to prevent awkward "jumps",
*		when navigating between pages that do / don't have enough content
*		to produce scrollbars naturally.
*
*	3.	Ensure the page always fills at least the entire height of the
*		viewport.
*
*	4.	Prevent certain mobile browser from automatically zooming font/Roboto.
*
*	5.	font/Roboto on OS X will look more consistent with other systems that do
*		not render text using sub-pixel anti-aliasing.
*
*	6.	Set the global "box-sizing" state to "border-box".
*
******************************************************************************/
html {
    min-height: 100%;
    overflow-y: scroll;
    background-color: #fff;
    color: #525e65;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 0.9375em;
    line-height: 1.4;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit; }

/******************************************************************************
*
*	_headings.scss: Setting up the headlines.
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-08-12
*
*	@package		core/base
*	@version		1.0
*
*	@note			Headings 1ÔÇô6, with corresponding Greek-alphabet
*					abstract classes for double-stranded heading hierarchy.
* 					NOW WITH RESPONSIVE FONT SIZES SUPPORT \o/
*
******************************************************************************/
h1,
.alpha {
    color: #00b2c8;
    font-weight: 400;
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.2; }
@media only screen and (max-width: 48.0625em) {
    h1,
    .alpha {
        font-size: 24px;
        font-size: 1.6rem;
        line-height: 1.2; } }

h2,
.beta,
.c-list--linklist .c-list__href--level1,
.o-form__legend .o-form__legend--text,
.o-tiblock--home .o-tiblock__wrap-text .o-tiblock__title {
    color: #525e65;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1.2; }
@media only screen and (max-width: 48.0625em) {
    h2,
    .beta,
    .c-list--linklist .c-list__href--level1,
    .o-form__legend .o-form__legend--text,
    .o-tiblock--home .o-tiblock__wrap-text .o-tiblock__title {
        font-size: 20px;
        font-size: 1.33333rem;
        line-height: 1.2; } }

h3,
.gamma,
.c-infobox .c-infobox__title,
.c-list--linklist2 .c-list__href--level2,
.o-tiblock--home .o-tiblock__wrap-text .o-tiblock__second-title {
    color: #525e65;
    font-weight: 400;
    font-size: 20px;
    font-size: 1.33333rem;
    line-height: 1.5; }
@media only screen and (max-width: 48.0625em) {
    h3,
    .gamma,
    .c-infobox .c-infobox__title,
    .c-list--linklist2 .c-list__href--level2,
    .o-tiblock--home .o-tiblock__wrap-text .o-tiblock__second-title {
        font-size: 16px;
        font-size: 1.06667rem;
        line-height: 1.5; } }

h4,
.delta,
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox p,
.c-infobox .c-infobox__second-title,
.c-list--linklist3 .c-list__href--level3 {
    color: #525e65;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25; }
@media only screen and (max-width: 48.0625em) {
    h4,
    .delta,
    #wMain .tx-indexedsearch .tx-indexedsearch-browsebox p,
    .c-infobox .c-infobox__second-title,
    .c-list--linklist3 .c-list__href--level3 {
        font-size: 14px;
        font-size: 0.93333rem;
        line-height: 1.5; } }

/* Import core helper partials */
/******************************************************************************
*
*	_clearfix.scss: Ordinary clearfix class.
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-02-10
*
*	@package		core/helper
*	@version		1.0
*
*	@note			Extend the clearfix class with Sass
*					to avoid the ".clearfix" class appearing over and over
*					in your markup.
*
******************************************************************************/
.clearfix:after,
.c-navigation--meta:after,
.c-article__header:after,
.c-map:after,
.o-tiblock__wrap-text:after {
    content: "";
    display: table;
    clear: both; }

/******************************************************************************
*
*   _widths-responsive.scss: Responsive widths.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/helper
*   @version        1.0
*
*   @note           Classes are based on breakpoint settings [11.2] in the
*                   "_setup.scss".
*
******************************************************************************/
@media only screen and (max-width: 30em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="smartphone-only-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="smartphone-only-1/2"],
    [class~="smartphone-only-2/4"],
    [class~="smartphone-only-3/6"],
    [class~="smartphone-only-4/8"],
    [class~="smartphone-only-5/10"],
    [class~="smartphone-only-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="smartphone-only-1/3"],
    [class~="smartphone-only-2/6"],
    [class~="smartphone-only-3/9"],
    [class~="smartphone-only-4/12"] {
        width: 33.3333333% !important; }

    [class~="smartphone-only-2/3"],
    [class~="smartphone-only-4/6"],
    [class~="smartphone-only-6/9"],
    [class~="smartphone-only-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="smartphone-only-1/4"],
    [class~="smartphone-only-2/8"],
    [class~="smartphone-only-3/12"] {
        width: 25% !important; }

    [class~="smartphone-only-3/4"],
    [class~="smartphone-only-6/8"],
    [class~="smartphone-only-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="smartphone-only-1/5"],
    [class~="smartphone-only-2/10"] {
        width: 20% !important; }

    [class~="smartphone-only-2/5"],
    [class~="smartphone-only-4/10"] {
        width: 40% !important; }

    [class~="smartphone-only-3/5"],
    [class~="smartphone-only-6/10"] {
        width: 60% !important; }

    [class~="smartphone-only-4/5"],
    [class~="smartphone-only-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="smartphone-only-1/6"],
    [class~="smartphone-only-2/12"] {
        width: 16.6666666% !important; }

    [class~="smartphone-only-5/6"],
    [class~="smartphone-only-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="smartphone-only-1/8"] {
        width: 12.5% !important; }

    [class~="smartphone-only-3/8"] {
        width: 37.5% !important; }

    [class~="smartphone-only-5/8"] {
        width: 62.5% !important; }

    [class~="smartphone-only-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="smartphone-only-1/9"] {
        width: 11.1111111% !important; }

    [class~="smartphone-only-2/9"] {
        width: 22.2222222% !important; }

    [class~="smartphone-only-4/9"] {
        width: 44.4444444% !important; }

    [class~="smartphone-only-5/9"] {
        width: 55.5555555% !important; }

    [class~="smartphone-only-7/9"] {
        width: 77.7777777% !important; }

    [class~="smartphone-only-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="smartphone-only-1/10"] {
        width: 10% !important; }

    [class~="smartphone-only-3/10"] {
        width: 30% !important; }

    [class~="smartphone-only-7/10"] {
        width: 70% !important; }

    [class~="smartphone-only-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="smartphone-only-1/12"] {
        width: 8.3333333% !important; }

    [class~="smartphone-only-5/12"] {
        width: 41.6666666% !important; }

    [class~="smartphone-only-7/12"] {
        width: 58.3333333% !important; }

    [class~="smartphone-only-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (max-width: 40.062em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="smartphone-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="smartphone-1/2"],
    [class~="smartphone-2/4"],
    [class~="smartphone-3/6"],
    [class~="smartphone-4/8"],
    [class~="smartphone-5/10"],
    [class~="smartphone-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="smartphone-1/3"],
    [class~="smartphone-2/6"],
    [class~="smartphone-3/9"],
    [class~="smartphone-4/12"] {
        width: 33.3333333% !important; }

    [class~="smartphone-2/3"],
    [class~="smartphone-4/6"],
    [class~="smartphone-6/9"],
    [class~="smartphone-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="smartphone-1/4"],
    [class~="smartphone-2/8"],
    [class~="smartphone-3/12"] {
        width: 25% !important; }

    [class~="smartphone-3/4"],
    [class~="smartphone-6/8"],
    [class~="smartphone-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="smartphone-1/5"],
    [class~="smartphone-2/10"] {
        width: 20% !important; }

    [class~="smartphone-2/5"],
    [class~="smartphone-4/10"] {
        width: 40% !important; }

    [class~="smartphone-3/5"],
    [class~="smartphone-6/10"] {
        width: 60% !important; }

    [class~="smartphone-4/5"],
    [class~="smartphone-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="smartphone-1/6"],
    [class~="smartphone-2/12"] {
        width: 16.6666666% !important; }

    [class~="smartphone-5/6"],
    [class~="smartphone-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="smartphone-1/8"] {
        width: 12.5% !important; }

    [class~="smartphone-3/8"] {
        width: 37.5% !important; }

    [class~="smartphone-5/8"] {
        width: 62.5% !important; }

    [class~="smartphone-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="smartphone-1/9"] {
        width: 11.1111111% !important; }

    [class~="smartphone-2/9"] {
        width: 22.2222222% !important; }

    [class~="smartphone-4/9"] {
        width: 44.4444444% !important; }

    [class~="smartphone-5/9"] {
        width: 55.5555555% !important; }

    [class~="smartphone-7/9"] {
        width: 77.7777777% !important; }

    [class~="smartphone-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="smartphone-1/10"] {
        width: 10% !important; }

    [class~="smartphone-3/10"] {
        width: 30% !important; }

    [class~="smartphone-7/10"] {
        width: 70% !important; }

    [class~="smartphone-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="smartphone-1/12"] {
        width: 8.3333333% !important; }

    [class~="smartphone-5/12"] {
        width: 41.6666666% !important; }

    [class~="smartphone-7/12"] {
        width: 58.3333333% !important; }

    [class~="smartphone-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 30.001em) and (max-width: 40.062em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="phablet-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="phablet-1/2"],
    [class~="phablet-2/4"],
    [class~="phablet-3/6"],
    [class~="phablet-4/8"],
    [class~="phablet-5/10"],
    [class~="phablet-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="phablet-1/3"],
    [class~="phablet-2/6"],
    [class~="phablet-3/9"],
    [class~="phablet-4/12"] {
        width: 33.3333333% !important; }

    [class~="phablet-2/3"],
    [class~="phablet-4/6"],
    [class~="phablet-6/9"],
    [class~="phablet-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="phablet-1/4"],
    [class~="phablet-2/8"],
    [class~="phablet-3/12"] {
        width: 25% !important; }

    [class~="phablet-3/4"],
    [class~="phablet-6/8"],
    [class~="phablet-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="phablet-1/5"],
    [class~="phablet-2/10"] {
        width: 20% !important; }

    [class~="phablet-2/5"],
    [class~="phablet-4/10"] {
        width: 40% !important; }

    [class~="phablet-3/5"],
    [class~="phablet-6/10"] {
        width: 60% !important; }

    [class~="phablet-4/5"],
    [class~="phablet-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="phablet-1/6"],
    [class~="phablet-2/12"] {
        width: 16.6666666% !important; }

    [class~="phablet-5/6"],
    [class~="phablet-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="phablet-1/8"] {
        width: 12.5% !important; }

    [class~="phablet-3/8"] {
        width: 37.5% !important; }

    [class~="phablet-5/8"] {
        width: 62.5% !important; }

    [class~="phablet-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="phablet-1/9"] {
        width: 11.1111111% !important; }

    [class~="phablet-2/9"] {
        width: 22.2222222% !important; }

    [class~="phablet-4/9"] {
        width: 44.4444444% !important; }

    [class~="phablet-5/9"] {
        width: 55.5555555% !important; }

    [class~="phablet-7/9"] {
        width: 77.7777777% !important; }

    [class~="phablet-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="phablet-1/10"] {
        width: 10% !important; }

    [class~="phablet-3/10"] {
        width: 30% !important; }

    [class~="phablet-7/10"] {
        width: 70% !important; }

    [class~="phablet-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="phablet-1/12"] {
        width: 8.3333333% !important; }

    [class~="phablet-5/12"] {
        width: 41.6666666% !important; }

    [class~="phablet-7/12"] {
        width: 58.3333333% !important; }

    [class~="phablet-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 30.001em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="phablet-and-up-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="phablet-and-up-1/2"],
    [class~="phablet-and-up-2/4"],
    [class~="phablet-and-up-3/6"],
    [class~="phablet-and-up-4/8"],
    [class~="phablet-and-up-5/10"],
    [class~="phablet-and-up-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="phablet-and-up-1/3"],
    [class~="phablet-and-up-2/6"],
    [class~="phablet-and-up-3/9"],
    [class~="phablet-and-up-4/12"] {
        width: 33.3333333% !important; }

    [class~="phablet-and-up-2/3"],
    [class~="phablet-and-up-4/6"],
    [class~="phablet-and-up-6/9"],
    [class~="phablet-and-up-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="phablet-and-up-1/4"],
    [class~="phablet-and-up-2/8"],
    [class~="phablet-and-up-3/12"] {
        width: 25% !important; }

    [class~="phablet-and-up-3/4"],
    [class~="phablet-and-up-6/8"],
    [class~="phablet-and-up-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="phablet-and-up-1/5"],
    [class~="phablet-and-up-2/10"] {
        width: 20% !important; }

    [class~="phablet-and-up-2/5"],
    [class~="phablet-and-up-4/10"] {
        width: 40% !important; }

    [class~="phablet-and-up-3/5"],
    [class~="phablet-and-up-6/10"] {
        width: 60% !important; }

    [class~="phablet-and-up-4/5"],
    [class~="phablet-and-up-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="phablet-and-up-1/6"],
    [class~="phablet-and-up-2/12"] {
        width: 16.6666666% !important; }

    [class~="phablet-and-up-5/6"],
    [class~="phablet-and-up-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="phablet-and-up-1/8"] {
        width: 12.5% !important; }

    [class~="phablet-and-up-3/8"] {
        width: 37.5% !important; }

    [class~="phablet-and-up-5/8"] {
        width: 62.5% !important; }

    [class~="phablet-and-up-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="phablet-and-up-1/9"] {
        width: 11.1111111% !important; }

    [class~="phablet-and-up-2/9"] {
        width: 22.2222222% !important; }

    [class~="phablet-and-up-4/9"] {
        width: 44.4444444% !important; }

    [class~="phablet-and-up-5/9"] {
        width: 55.5555555% !important; }

    [class~="phablet-and-up-7/9"] {
        width: 77.7777777% !important; }

    [class~="phablet-and-up-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="phablet-and-up-1/10"] {
        width: 10% !important; }

    [class~="phablet-and-up-3/10"] {
        width: 30% !important; }

    [class~="phablet-and-up-7/10"] {
        width: 70% !important; }

    [class~="phablet-and-up-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="phablet-and-up-1/12"] {
        width: 8.3333333% !important; }

    [class~="phablet-and-up-5/12"] {
        width: 41.6666666% !important; }

    [class~="phablet-and-up-7/12"] {
        width: 58.3333333% !important; }

    [class~="phablet-and-up-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (max-width: 48.0625em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="mobile-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="mobile-1/2"],
    [class~="mobile-2/4"],
    [class~="mobile-3/6"],
    [class~="mobile-4/8"],
    [class~="mobile-5/10"],
    [class~="mobile-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="mobile-1/3"],
    [class~="mobile-2/6"],
    [class~="mobile-3/9"],
    [class~="mobile-4/12"] {
        width: 33.3333333% !important; }

    [class~="mobile-2/3"],
    [class~="mobile-4/6"],
    [class~="mobile-6/9"],
    [class~="mobile-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="mobile-1/4"],
    [class~="mobile-2/8"],
    [class~="mobile-3/12"] {
        width: 25% !important; }

    [class~="mobile-3/4"],
    [class~="mobile-6/8"],
    [class~="mobile-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="mobile-1/5"],
    [class~="mobile-2/10"] {
        width: 20% !important; }

    [class~="mobile-2/5"],
    [class~="mobile-4/10"] {
        width: 40% !important; }

    [class~="mobile-3/5"],
    [class~="mobile-6/10"] {
        width: 60% !important; }

    [class~="mobile-4/5"],
    [class~="mobile-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="mobile-1/6"],
    [class~="mobile-2/12"] {
        width: 16.6666666% !important; }

    [class~="mobile-5/6"],
    [class~="mobile-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="mobile-1/8"] {
        width: 12.5% !important; }

    [class~="mobile-3/8"] {
        width: 37.5% !important; }

    [class~="mobile-5/8"] {
        width: 62.5% !important; }

    [class~="mobile-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="mobile-1/9"] {
        width: 11.1111111% !important; }

    [class~="mobile-2/9"] {
        width: 22.2222222% !important; }

    [class~="mobile-4/9"] {
        width: 44.4444444% !important; }

    [class~="mobile-5/9"] {
        width: 55.5555555% !important; }

    [class~="mobile-7/9"] {
        width: 77.7777777% !important; }

    [class~="mobile-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="mobile-1/10"] {
        width: 10% !important; }

    [class~="mobile-3/10"] {
        width: 30% !important; }

    [class~="mobile-7/10"] {
        width: 70% !important; }

    [class~="mobile-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="mobile-1/12"] {
        width: 8.3333333% !important; }

    [class~="mobile-5/12"] {
        width: 41.6666666% !important; }

    [class~="mobile-7/12"] {
        width: 58.3333333% !important; }

    [class~="mobile-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="portrait-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="portrait-1/2"],
    [class~="portrait-2/4"],
    [class~="portrait-3/6"],
    [class~="portrait-4/8"],
    [class~="portrait-5/10"],
    [class~="portrait-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="portrait-1/3"],
    [class~="portrait-2/6"],
    [class~="portrait-3/9"],
    [class~="portrait-4/12"] {
        width: 33.3333333% !important; }

    [class~="portrait-2/3"],
    [class~="portrait-4/6"],
    [class~="portrait-6/9"],
    [class~="portrait-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="portrait-1/4"],
    [class~="portrait-2/8"],
    [class~="portrait-3/12"] {
        width: 25% !important; }

    [class~="portrait-3/4"],
    [class~="portrait-6/8"],
    [class~="portrait-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="portrait-1/5"],
    [class~="portrait-2/10"] {
        width: 20% !important; }

    [class~="portrait-2/5"],
    [class~="portrait-4/10"] {
        width: 40% !important; }

    [class~="portrait-3/5"],
    [class~="portrait-6/10"] {
        width: 60% !important; }

    [class~="portrait-4/5"],
    [class~="portrait-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="portrait-1/6"],
    [class~="portrait-2/12"] {
        width: 16.6666666% !important; }

    [class~="portrait-5/6"],
    [class~="portrait-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="portrait-1/8"] {
        width: 12.5% !important; }

    [class~="portrait-3/8"] {
        width: 37.5% !important; }

    [class~="portrait-5/8"] {
        width: 62.5% !important; }

    [class~="portrait-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="portrait-1/9"] {
        width: 11.1111111% !important; }

    [class~="portrait-2/9"] {
        width: 22.2222222% !important; }

    [class~="portrait-4/9"] {
        width: 44.4444444% !important; }

    [class~="portrait-5/9"] {
        width: 55.5555555% !important; }

    [class~="portrait-7/9"] {
        width: 77.7777777% !important; }

    [class~="portrait-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="portrait-1/10"] {
        width: 10% !important; }

    [class~="portrait-3/10"] {
        width: 30% !important; }

    [class~="portrait-7/10"] {
        width: 70% !important; }

    [class~="portrait-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="portrait-1/12"] {
        width: 8.3333333% !important; }

    [class~="portrait-5/12"] {
        width: 41.6666666% !important; }

    [class~="portrait-7/12"] {
        width: 58.3333333% !important; }

    [class~="portrait-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 40.063em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="portrait-and-up-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="portrait-and-up-1/2"],
    [class~="portrait-and-up-2/4"],
    [class~="portrait-and-up-3/6"],
    [class~="portrait-and-up-4/8"],
    [class~="portrait-and-up-5/10"],
    [class~="portrait-and-up-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="portrait-and-up-1/3"],
    [class~="portrait-and-up-2/6"],
    [class~="portrait-and-up-3/9"],
    [class~="portrait-and-up-4/12"] {
        width: 33.3333333% !important; }

    [class~="portrait-and-up-2/3"],
    [class~="portrait-and-up-4/6"],
    [class~="portrait-and-up-6/9"],
    [class~="portrait-and-up-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="portrait-and-up-1/4"],
    [class~="portrait-and-up-2/8"],
    [class~="portrait-and-up-3/12"] {
        width: 25% !important; }

    [class~="portrait-and-up-3/4"],
    [class~="portrait-and-up-6/8"],
    [class~="portrait-and-up-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="portrait-and-up-1/5"],
    [class~="portrait-and-up-2/10"] {
        width: 20% !important; }

    [class~="portrait-and-up-2/5"],
    [class~="portrait-and-up-4/10"] {
        width: 40% !important; }

    [class~="portrait-and-up-3/5"],
    [class~="portrait-and-up-6/10"] {
        width: 60% !important; }

    [class~="portrait-and-up-4/5"],
    [class~="portrait-and-up-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="portrait-and-up-1/6"],
    [class~="portrait-and-up-2/12"] {
        width: 16.6666666% !important; }

    [class~="portrait-and-up-5/6"],
    [class~="portrait-and-up-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="portrait-and-up-1/8"] {
        width: 12.5% !important; }

    [class~="portrait-and-up-3/8"] {
        width: 37.5% !important; }

    [class~="portrait-and-up-5/8"] {
        width: 62.5% !important; }

    [class~="portrait-and-up-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="portrait-and-up-1/9"] {
        width: 11.1111111% !important; }

    [class~="portrait-and-up-2/9"] {
        width: 22.2222222% !important; }

    [class~="portrait-and-up-4/9"] {
        width: 44.4444444% !important; }

    [class~="portrait-and-up-5/9"] {
        width: 55.5555555% !important; }

    [class~="portrait-and-up-7/9"] {
        width: 77.7777777% !important; }

    [class~="portrait-and-up-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="portrait-and-up-1/10"] {
        width: 10% !important; }

    [class~="portrait-and-up-3/10"] {
        width: 30% !important; }

    [class~="portrait-and-up-7/10"] {
        width: 70% !important; }

    [class~="portrait-and-up-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="portrait-and-up-1/12"] {
        width: 8.3333333% !important; }

    [class~="portrait-and-up-5/12"] {
        width: 41.6666666% !important; }

    [class~="portrait-and-up-7/12"] {
        width: 58.3333333% !important; }

    [class~="portrait-and-up-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 48.0626em) and (max-width: 64.75em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="landscape-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="landscape-1/2"],
    [class~="landscape-2/4"],
    [class~="landscape-3/6"],
    [class~="landscape-4/8"],
    [class~="landscape-5/10"],
    [class~="landscape-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="landscape-1/3"],
    [class~="landscape-2/6"],
    [class~="landscape-3/9"],
    [class~="landscape-4/12"] {
        width: 33.3333333% !important; }

    [class~="landscape-2/3"],
    [class~="landscape-4/6"],
    [class~="landscape-6/9"],
    [class~="landscape-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="landscape-1/4"],
    [class~="landscape-2/8"],
    [class~="landscape-3/12"] {
        width: 25% !important; }

    [class~="landscape-3/4"],
    [class~="landscape-6/8"],
    [class~="landscape-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="landscape-1/5"],
    [class~="landscape-2/10"] {
        width: 20% !important; }

    [class~="landscape-2/5"],
    [class~="landscape-4/10"] {
        width: 40% !important; }

    [class~="landscape-3/5"],
    [class~="landscape-6/10"] {
        width: 60% !important; }

    [class~="landscape-4/5"],
    [class~="landscape-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="landscape-1/6"],
    [class~="landscape-2/12"] {
        width: 16.6666666% !important; }

    [class~="landscape-5/6"],
    [class~="landscape-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="landscape-1/8"] {
        width: 12.5% !important; }

    [class~="landscape-3/8"] {
        width: 37.5% !important; }

    [class~="landscape-5/8"] {
        width: 62.5% !important; }

    [class~="landscape-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="landscape-1/9"] {
        width: 11.1111111% !important; }

    [class~="landscape-2/9"] {
        width: 22.2222222% !important; }

    [class~="landscape-4/9"] {
        width: 44.4444444% !important; }

    [class~="landscape-5/9"] {
        width: 55.5555555% !important; }

    [class~="landscape-7/9"] {
        width: 77.7777777% !important; }

    [class~="landscape-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="landscape-1/10"] {
        width: 10% !important; }

    [class~="landscape-3/10"] {
        width: 30% !important; }

    [class~="landscape-7/10"] {
        width: 70% !important; }

    [class~="landscape-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="landscape-1/12"] {
        width: 8.3333333% !important; }

    [class~="landscape-5/12"] {
        width: 41.6666666% !important; }

    [class~="landscape-7/12"] {
        width: 58.3333333% !important; }

    [class~="landscape-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 48.0626em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/2"],
    [class~="landscape-and-desktop-2/4"],
    [class~="landscape-and-desktop-3/6"],
    [class~="landscape-and-desktop-4/8"],
    [class~="landscape-and-desktop-5/10"],
    [class~="landscape-and-desktop-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/3"],
    [class~="landscape-and-desktop-2/6"],
    [class~="landscape-and-desktop-3/9"],
    [class~="landscape-and-desktop-4/12"] {
        width: 33.3333333% !important; }

    [class~="landscape-and-desktop-2/3"],
    [class~="landscape-and-desktop-4/6"],
    [class~="landscape-and-desktop-6/9"],
    [class~="landscape-and-desktop-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/4"],
    [class~="landscape-and-desktop-2/8"],
    [class~="landscape-and-desktop-3/12"] {
        width: 25% !important; }

    [class~="landscape-and-desktop-3/4"],
    [class~="landscape-and-desktop-6/8"],
    [class~="landscape-and-desktop-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/5"],
    [class~="landscape-and-desktop-2/10"] {
        width: 20% !important; }

    [class~="landscape-and-desktop-2/5"],
    [class~="landscape-and-desktop-4/10"] {
        width: 40% !important; }

    [class~="landscape-and-desktop-3/5"],
    [class~="landscape-and-desktop-6/10"] {
        width: 60% !important; }

    [class~="landscape-and-desktop-4/5"],
    [class~="landscape-and-desktop-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/6"],
    [class~="landscape-and-desktop-2/12"] {
        width: 16.6666666% !important; }

    [class~="landscape-and-desktop-5/6"],
    [class~="landscape-and-desktop-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/8"] {
        width: 12.5% !important; }

    [class~="landscape-and-desktop-3/8"] {
        width: 37.5% !important; }

    [class~="landscape-and-desktop-5/8"] {
        width: 62.5% !important; }

    [class~="landscape-and-desktop-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/9"] {
        width: 11.1111111% !important; }

    [class~="landscape-and-desktop-2/9"] {
        width: 22.2222222% !important; }

    [class~="landscape-and-desktop-4/9"] {
        width: 44.4444444% !important; }

    [class~="landscape-and-desktop-5/9"] {
        width: 55.5555555% !important; }

    [class~="landscape-and-desktop-7/9"] {
        width: 77.7777777% !important; }

    [class~="landscape-and-desktop-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/10"] {
        width: 10% !important; }

    [class~="landscape-and-desktop-3/10"] {
        width: 30% !important; }

    [class~="landscape-and-desktop-7/10"] {
        width: 70% !important; }

    [class~="landscape-and-desktop-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="landscape-and-desktop-1/12"] {
        width: 8.3333333% !important; }

    [class~="landscape-and-desktop-5/12"] {
        width: 41.6666666% !important; }

    [class~="landscape-and-desktop-7/12"] {
        width: 58.3333333% !important; }

    [class~="landscape-and-desktop-11/12"] {
        width: 91.6666666% !important; } }
@media only screen and (min-width: 64.751em) {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="desktop-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="desktop-1/2"],
    [class~="desktop-2/4"],
    [class~="desktop-3/6"],
    [class~="desktop-4/8"],
    [class~="desktop-5/10"],
    [class~="desktop-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="desktop-1/3"],
    [class~="desktop-2/6"],
    [class~="desktop-3/9"],
    [class~="desktop-4/12"] {
        width: 33.3333333% !important; }

    [class~="desktop-2/3"],
    [class~="desktop-4/6"],
    [class~="desktop-6/9"],
    [class~="desktop-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="desktop-1/4"],
    [class~="desktop-2/8"],
    [class~="desktop-3/12"] {
        width: 25% !important; }

    [class~="desktop-3/4"],
    [class~="desktop-6/8"],
    [class~="desktop-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="desktop-1/5"],
    [class~="desktop-2/10"] {
        width: 20% !important; }

    [class~="desktop-2/5"],
    [class~="desktop-4/10"] {
        width: 40% !important; }

    [class~="desktop-3/5"],
    [class~="desktop-6/10"] {
        width: 60% !important; }

    [class~="desktop-4/5"],
    [class~="desktop-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="desktop-1/6"],
    [class~="desktop-2/12"] {
        width: 16.6666666% !important; }

    [class~="desktop-5/6"],
    [class~="desktop-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="desktop-1/8"] {
        width: 12.5% !important; }

    [class~="desktop-3/8"] {
        width: 37.5% !important; }

    [class~="desktop-5/8"] {
        width: 62.5% !important; }

    [class~="desktop-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="desktop-1/9"] {
        width: 11.1111111% !important; }

    [class~="desktop-2/9"] {
        width: 22.2222222% !important; }

    [class~="desktop-4/9"] {
        width: 44.4444444% !important; }

    [class~="desktop-5/9"] {
        width: 55.5555555% !important; }

    [class~="desktop-7/9"] {
        width: 77.7777777% !important; }

    [class~="desktop-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="desktop-1/10"] {
        width: 10% !important; }

    [class~="desktop-3/10"] {
        width: 30% !important; }

    [class~="desktop-7/10"] {
        width: 70% !important; }

    [class~="desktop-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="desktop-1/12"] {
        width: 8.3333333% !important; }

    [class~="desktop-5/12"] {
        width: 41.6666666% !important; }

    [class~="desktop-7/12"] {
        width: 58.3333333% !important; }

    [class~="desktop-11/12"] {
        width: 91.6666666% !important; } }
@media screen {
    /******************************************************************************

        Whole.

    ******************************************************************************/
    [class~="all-1/1"] {
        width: 100% !important; }

    /******************************************************************************

        Halves.

    ******************************************************************************/
    [class~="all-1/2"],
    [class~="all-2/4"],
    [class~="all-3/6"],
    [class~="all-4/8"],
    [class~="all-5/10"],
    [class~="all-6/12"] {
        width: 50% !important; }

    /******************************************************************************

        Thirds.

    ******************************************************************************/
    [class~="all-1/3"],
    [class~="all-2/6"],
    [class~="all-3/9"],
    [class~="all-4/12"] {
        width: 33.3333333% !important; }

    [class~="all-2/3"],
    [class~="all-4/6"],
    [class~="all-6/9"],
    [class~="all-8/12"] {
        width: 66.6666666% !important; }

    /******************************************************************************

        Quarters.

    ******************************************************************************/
    [class~="all-1/4"],
    [class~="all-2/8"],
    [class~="all-3/12"] {
        width: 25% !important; }

    [class~="all-3/4"],
    [class~="all-6/8"],
    [class~="all-9/12"] {
        width: 75% !important; }

    /******************************************************************************

        Fifths.

    ******************************************************************************/
    [class~="all-1/5"],
    [class~="all-2/10"] {
        width: 20% !important; }

    [class~="all-2/5"],
    [class~="all-4/10"] {
        width: 40% !important; }

    [class~="all-3/5"],
    [class~="all-6/10"] {
        width: 60% !important; }

    [class~="all-4/5"],
    [class~="all-8/10"] {
        width: 80% !important; }

    /******************************************************************************

        Sixths.

    ******************************************************************************/
    [class~="all-1/6"],
    [class~="all-2/12"] {
        width: 16.6666666% !important; }

    [class~="all-5/6"],
    [class~="all-10/12"] {
        width: 83.3333333% !important; }

    /******************************************************************************

        Eights.

    ******************************************************************************/
    [class~="all-1/8"] {
        width: 12.5% !important; }

    [class~="all-3/8"] {
        width: 37.5% !important; }

    [class~="all-5/8"] {
        width: 62.5% !important; }

    [class~="all-7/8"] {
        width: 87.5% !important; }

    /******************************************************************************

        Ninths.

    ******************************************************************************/
    [class~="all-1/9"] {
        width: 11.1111111% !important; }

    [class~="all-2/9"] {
        width: 22.2222222% !important; }

    [class~="all-4/9"] {
        width: 44.4444444% !important; }

    [class~="all-5/9"] {
        width: 55.5555555% !important; }

    [class~="all-7/9"] {
        width: 77.7777777% !important; }

    [class~="all-8/9"] {
        width: 88.8888888% !important; }

    /******************************************************************************

        Tenths.

    ******************************************************************************/
    [class~="all-1/10"] {
        width: 10% !important; }

    [class~="all-3/10"] {
        width: 30% !important; }

    [class~="all-7/10"] {
        width: 70% !important; }

    [class~="all-9/10"] {
        width: 90% !important; }

    /******************************************************************************

        Twelfths.

    ******************************************************************************/
    [class~="all-1/12"] {
        width: 8.3333333% !important; }

    [class~="all-5/12"] {
        width: 41.6666666% !important; }

    [class~="all-7/12"] {
        width: 58.3333333% !important; }

    [class~="all-11/12"] {
        width: 91.6666666% !important; } }
/******************************************************************************
*
*	_utility.scss: Some useful little helpers!
*
*	docs styles - dynamically built using Sass
*
*	@copyright 		┬® 2015, grintsch communications GmbH
*	@date 			2015-02-10
*
*	@package		core/helper
*	@version		1.0
*
*	@note			If possible please use these classes with @extend!
*
******************************************************************************/
/******************************************************************************

	1. BLOCK BEHAVIOUR

******************************************************************************/
/******************************************************************************

	1.2 BLOCK BEHAVIOUR - Positioning

******************************************************************************/
.u-relative {
    position: relative; }

.u-absolute {
    position: absolute; }

/******************************************************************************

	1.3 BLOCK BEHAVIOUR - Floating

******************************************************************************/
.u-float-right, .o-figure--floating {
    float: right; }

.u-float-left, .o-figure--pageheadline {
    float: left; }

/******************************************************************************

	1.4 BLOCK BEHAVIOUR - Inline Block

******************************************************************************/
.u-iblock-ini,
.o-layout,
.o-listing__content,
.list-inline,
#wBreadcrumb ul,
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox,
.c-list--linklist,
.o-form__fieldset,
.o-form__wrap-time,
.o-tiblock--side-by-side,
.o-tiblock--home .o-tiblock__href {
    letter-spacing: -0.32em; }

.u-iblock,
.o-layout__item,
.o-listing__item,
.list-inline > li,
#wBreadcrumb ul > li,
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li,
.c-list--linklist .c-list__item,
.o-form__legend,
.o-form__item,
.o-form__wrap-time span,
.o-form__label,
.o-form__select,
.o-form__textarea,
.o-form__input--text,
.o-form__note--error,
.o-form__radio--group-title,
.o-tiblock--side-by-side .o-tiblock__wrap-text,
.o-tiblock--side-by-side .o-tiblock__wrap-img,
.o-tiblock--home .o-tiblock__wrap-text,
.o-tiblock--home .o-tiblock__wrap-img {
    display: inline-block !important;
    letter-spacing: normal;
    vertical-align: top;
    /* Please IE < 8 */
    *display: inline;
    *zoom: 1; }

/******************************************************************************

	1.5 BLOCK BEHAVIOUR - Visibility

******************************************************************************/
.u-invisible {
    display: none !important; }

.u-show-on-smartphone {
    display: none !important; }

@media only screen and (max-width: 40.062em) {
    .u-hide-on-smartphone {
        display: none !important; }

    .u-show-on-smartphone {
        display: inline-block !important; } }
.u-show-on-mobile {
    display: inline-block !important; }

.u-hide-on-mobile {
    display: none !important; }

@media only screen and (min-width: 48.0626em) {
    .u-show-on-mobile {
        display: none !important; }

    .u-hide-on-mobile {
        display: inline-block !important; } }
.u-accessibility,
.u-visuallyhidden {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    margin: -1px !important; }

/******************************************************************************

	1.6 BLOCK BEHAVIOUR - Alignment

******************************************************************************/
.u-vertical-align, .mp-back:before,
.o-btn--icon .icon,
.o-btn--icon--large .icon,
.o-btn--icon--small .icon,
.o-btn--icon--tiny .icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

/******************************************************************************

	2. TEXT BEHAVIOUR

******************************************************************************/
/******************************************************************************

	2.1 TEXT BEHAVIOUR - Text Alignment

******************************************************************************/
.u-text--center {
    text-align: center !important; }

.u-text--left {
    text-align: left !important; }

.u-text--right {
    text-align: right !important; }

.u-valign--middle {
    vertical-align: middle !important; }

.u-valign--bottom {
    vertical-align: bottom !important; }

/******************************************************************************

	2.2 TEXT BEHAVIOUR - Hyphen and Word break

******************************************************************************/
.u-hyphenate,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }

/******************************************************************************

	3. GUTTER MANIPULATION

******************************************************************************/
.u-no-margin {
    margin: 0 !important; }

/*.u-margin-bottom { @extend %margin-bottom; }

.u-margin-top,
%u-margin-top {
	margin-top: $baseSpacingUnit;
	margin-top: ($baseSpacingUnit / $basefont/Robotoize) * 1rem;
}*/
.u-margin-bottom-quarter {
    margin-bottom: 5px;
    margin-bottom: 0.33333rem; }

.u-margin-bottom-half {
    margin-bottom: 10px;
    margin-bottom: 0.66667rem; }

.u-margin-bottom {
    margin-bottom: 20px;
    margin-bottom: 1.33333rem; }

.u-margin-bottom-one-and-a-half {
    margin-bottom: 30px;
    margin-bottom: 2rem; }

.u-margin-bottom-double {
    margin-bottom: 40px;
    margin-bottom: 2.66667rem; }

.u-margin-bottom-triple {
    margin-bottom: 60px;
    margin-bottom: 4rem; }

.u-margin-bottom-quadruple {
    margin-bottom: 80px;
    margin-bottom: 5.33333rem; }

/******************************************************************************

	4. BORDER

******************************************************************************/
.u-border-top {
    border-top: 1px solid #83929a; }

.u-border-bottom {
    border-bottom: 1px solid #83929a; }

.u-border-radius50 {
    border-radius: 50%; }

/******************************************************************************

	5. GRADIENTS + COLORS

******************************************************************************/
.u-bg--loblolly-shuttlegray {
    background: #bfc9cf;
    /* Fallback */
    background: -moz-linear-gradient(left, rgba(191, 201, 207, 1.0) 50%, rgba(82, 94, 101, 1.0) 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(rgba(191, 201, 207, 1.0), #bfc9cf), color-stop(rgba(82, 94, 101, 1.0), #525e65));
    background: -webkit-linear-gradient(left, rgba(191, 201, 207, 1.0) 50%, rgba(82, 94, 101, 1.0) 50%);
    background: -o-linear-gradient(left, rgba(191, 201, 207, 1.0) 50%, rgba(82, 94, 101, 1.0) 50%);
    background: ms-linear-gradient(left, rgba(191, 201, 207, 1.0) 50%, rgba(82, 94, 101, 1.0) 50%);
    background: linear-gradient(to right, rgba(191, 201, 207, 1.0) 50%, rgba(82, 94, 101, 1.0) 50%);
    /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfc9cf, endColorstr=#525e65,GradientType=1 ); }

.u-bg--pacificblue-pistachio {
    background: #00b2c8;
    /* Fallback */
    background: -moz-linear-gradient(left, rgba(0, 178, 200, 1.0) 50%, rgba(145, 189, 16, 1.0) 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(rgba(0, 178, 200, 1.0), #00b2c8), color-stop(rgba(145, 189, 16, 1.0), #91bd10));
    background: -webkit-linear-gradient(left, rgba(0, 178, 200, 1.0) 50%, rgba(145, 189, 16, 1.0) 50%);
    background: -o-linear-gradient(left, rgba(0, 178, 200, 1.0) 50%, rgba(145, 189, 16, 1.0) 50%);
    background: ms-linear-gradient(left, rgba(0, 178, 200, 1.0) 50%, rgba(145, 189, 16, 1.0) 50%);
    background: linear-gradient(to right, rgba(0, 178, 200, 1.0) 50%, rgba(145, 189, 16, 1.0) 50%);
    /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00b2c8, endColorstr=#91bd10,GradientType=1 ); }

.u-bg--shuttlegray-pacificblue {
    background: #525e65;
    /* Fallback */
    background: -moz-linear-gradient(left, rgba(82, 94, 101, 1.0) 50%, rgba(0, 178, 200, 1.0) 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(rgba(82, 94, 101, 1.0), #525e65), color-stop(rgba(0, 178, 200, 1.0), #00b2c8));
    background: -webkit-linear-gradient(left, rgba(82, 94, 101, 1.0) 50%, rgba(0, 178, 200, 1.0) 50%);
    background: -o-linear-gradient(left, rgba(82, 94, 101, 1.0) 50%, rgba(0, 178, 200, 1.0) 50%);
    background: ms-linear-gradient(left, rgba(82, 94, 101, 1.0) 50%, rgba(0, 178, 200, 1.0) 50%);
    background: linear-gradient(to right, rgba(82, 94, 101, 1.0) 50%, rgba(0, 178, 200, 1.0) 50%);
    /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#525e65, endColorstr=#00b2c8,GradientType=1 ); }

.u-bg--white {
    background: #fff; }

.u-bg--loblolly {
    background: #bfc9cf; }

.u-bg--shuttlegray {
    background: #525e65; }

.u-bg--porcelain {
    background: #f0f2f3; }

.u-bg--pacificblue {
    background: #00b2c8; }

.u-bg--pistachio {
    background: #91bd10; }

.u-bg--outerspace {
    background: #343b40; }

/* Import core object partials */
/******************************************************************************
*
*   _accordion.scss: Simple accordion object.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
*	@note 			based on https://jqueryui.com/accordion/
*
******************************************************************************/
/******************************************************************************

	1. ACCORDION - Object

******************************************************************************/
/******************************************************************************

	2. ACCORDION - Elements

******************************************************************************/
/******************************************************************************
*
*   _arrows.scss: Arrows for boxes.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. ARROW - Positions

******************************************************************************/
/******************************************************************************

	2. ARROW - Object

******************************************************************************/
/******************************************************************************
*
*   _banner.scss: Simple text on picture object.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************
*
*	1. BANNER
*
******************************************************************************/
/******************************************************************************
*
*   _button-pill.scss: Simple quadratic button object.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1.	Allow us to style box model properties.

	2.	Line different sized buttons up a little nicer.

	3.	Make buttons inherit font styles (often necessary when styling
		"input"s as buttons).

	4.	Reset/normalize some styles.

	5.	Force all button-styled elements to appear clickable.

	6.	Fixes odd inner spacing in IE7.

	7.	Subtract the border size from the padding value so that buttons do
		not grow larger as we add borders.

******************************************************************************/
.o-btn {
    display: inline-block;
    /* [1] */
    overflow: visible;
    /* [6] */
    font: inherit;
    /* [3] */
    color: #fff;
    text-align: center;
    /* [4] */
    vertical-align: middle;
    /* [2] */
    text-decoration: none;
    /* [4] */
    background-color: #2fe8ff;
    padding: 10px 20px;
    /* [7] */
    border: none;
    /* [4] */
    margin: 0;
    /* [4] */
    cursor: pointer;
    /* [5] */
    /*@if($borderWidthBtn != 0) {
        border: $borderWidthBtn $borderStyleBtn $borderColorBtn;
    }

    @if($borderRadiusBtn != 0) {
        border-radius: $borderRadiusBtn;
    }*/ }
.o-btn:hover, .o-btn:active, .o-btn:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00b2c8; }

/******************************************************************************

    Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.

******************************************************************************/
.o-btn::-moz-focus-inner {
    padding: 0;
    border: 0; }

/******************************************************************************

	Tiny pill-buttons.

******************************************************************************/
/******************************************************************************

	Small pill-buttons.

******************************************************************************/
.o-btn--small {
    padding: 5px 10px;
    /* [7] */ }

/******************************************************************************

	Large pill-buttons.

******************************************************************************/
/******************************************************************************

	Full-width pill-buttons.

******************************************************************************/
/******************************************************************************
*
*   _button-pill.scss: Buttons with pill form.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1.	Allow us to style box model properties.

	2.	Line different sized buttons up a little nicer.

	3.	Make buttons inherit font styles (often necessary when styling
		"input"s as buttons).

	4.	Reset/normalize some styles.

	5.	Force all button-styled elements to appear clickable.

	6.	Fixes odd inner spacing in IE7.

	7.	Subtract the border size from the padding value so that buttons do
		not grow larger as we add borders.

******************************************************************************/
.o-btn-pill {
    display: inline-block;
    /* [1] */
    overflow: visible;
    /* [6] */
    font: inherit;
    /* [3] */
    color: #fff;
    text-align: center;
    /* [4] */
    vertical-align: middle;
    /* [2] */
    text-decoration: none;
    /* [4] */
    background-color: #2fe8ff;
    padding: 10px 20px;
    /* [7] */
    border: none;
    /* [4] */
    margin: 0;
    /* [4] */
    cursor: pointer;
    /* [5] */
    border-radius: 100px;
    /*@if($borderWidthBtn != 0) {
        border: $borderWidthBtn $borderStyleBtn $borderColorBtn;
    }

    @if($borderRadiusBtn != 0) {
        border-radius: $borderRadiusBtn;
    }*/ }
.o-btn-pill:hover, .o-btn-pill:active, .o-btn-pill:focus {
    color: #fff;
    text-decoration: none;
    background-color: #00b2c8; }

/******************************************************************************

    Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.

******************************************************************************/
.o-btn-pill::-moz-focus-inner {
    padding: 0;
    border: 0; }

/******************************************************************************

	Tiny pill-buttons.

******************************************************************************/
/******************************************************************************

	Small pill-buttons.

******************************************************************************/
/******************************************************************************

	Large pill-buttons.

******************************************************************************/
/******************************************************************************

	Full-width pill-buttons.

******************************************************************************/
/******************************************************************************
*
*   _button-icon.scss: Buttons with icons inside.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************
*
*	1. BUTTON ICON
*
******************************************************************************/
.o-btn--icon,
.o-btn--icon--large,
.o-btn--icon--small,
.o-btn--icon--tiny {
    position: relative; }
.o-btn--icon .icon,
.o-btn--icon .o-btn--icon--large .icon,
.o-btn--icon--large .o-btn--icon .icon,
.o-btn--icon .o-btn--icon--small .icon,
.o-btn--icon--small .o-btn--icon .icon,
.o-btn--icon .o-btn--icon--tiny .icon,
.o-btn--icon--tiny .o-btn--icon .icon,
.o-btn--icon--large .icon,
.o-btn--icon--small .icon,
.o-btn--icon--tiny .icon,
.o-btn--icon--large .icon,
.o-btn--icon--small .icon,
.o-btn--icon--tiny .icon {
    position: absolute; }

/******************************************************************************
*
*	2. BUTTON ICON - Right Side
*
******************************************************************************/
.o-btn--icon,
.o-btn--icon--large,
.o-btn--icon--small,
.o-btn--icon--tiny {
    padding-right: 42px; }
.o-btn--icon .icon,
.o-btn--icon--large .icon,
.o-btn--icon--small .icon,
.o-btn--icon--tiny .icon {
    right: 10px;
    font-size: 175%; }

.o-btn--icon--large {
    padding-right: 47px; }
.o-btn--icon--large .icon {
    right: 11px;
    font-size: 200%; }

.o-btn--icon--small {
    padding-right: 37px; }
.o-btn--icon--small .icon {
    right: 10px;
    font-size: 150%; }

.o-btn--icon--tiny {
    padding-right: 35px; }
.o-btn--icon--tiny .icon {
    right: 10px; }

/******************************************************************************
*
*	2. BUTTON ICON - Left Side
*
******************************************************************************/
/******************************************************************************
*
*   _figure.scss: A simple figure object to display images.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	FIGURE

******************************************************************************/
.o-figure {
    width: auto; }
.o-figure img {
    max-width: 100%; }

/******************************************************************************
*
*   _form.scss: A simple form.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

    1. FORM - Object

******************************************************************************/
/******************************************************************************

    2. FORM - Elements

******************************************************************************/
/******************************************************************************

    2.1 FORM: Elements - structural elements

******************************************************************************/
/******************************************************************************

    2.2 FORM: Elements - text elements

******************************************************************************/
/******************************************************************************

    2.3 FORM: Elements - form elements

******************************************************************************/
/******************************************************************************

    2.3.1 FORM: Elements - form elements: Label

******************************************************************************/
/******************************************************************************

    2.3.1 FORM: Elements - form elements: Input

******************************************************************************/
input[type=number],
input[type=radio],
input[type=button],
input[type=submit] {
    cursor: pointer; }

.o-form__input,
.o-form__textarea,
.o-form__select {
    width: 100%;
    padding: 10px;
    border: 1px solid #83929a;
    background-color: #fff;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 15px;
    font-size: 1rem;
    line-height: 1.33333;
    color: #525e65; }

.o-form__select--styled {
    position: relative; }
.o-form__select--styled .o-form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }

/******************************************************************************
*
*   _icon.scss: Integrates icon font into project.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. ICON FONT

******************************************************************************/
[class^="icon-"], [class*=" icon-"] {
    font-family: "FontAwesome";
    speak: none;
    font-size: 150%;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/******************************************************************************

	2. ICON FONT - Modifier

******************************************************************************/
.icon--tiny {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1; }

.icon--small {
    font-size: 12px;
    font-size: 0.8rem;
    line-height: 1; }

.icon--large {
    font-size: 20px;
    font-size: 1.33333rem;
    line-height: 1; }

.icon--huge {
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1; }

/******************************************************************************
*
*   _layout.scss: Simple and flexible grid system.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
*   @note           Necessary for core/helper/_widths-responsive.scss!
*
******************************************************************************/
/******************************************************************************

	1. LAYOUT

******************************************************************************/
/******************************************************************************

	1.	Cause columns to stack side-by-side.

	2.	Space columns apart.

	3.	Align columns to the tops of each other.

	4.	Full-width unless told to behave otherwise.

******************************************************************************/
.o-layout,
.o-listing__content {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0; }
@media only screen and (min-width: 992px) {
    .o-layout,
    .o-listing__content {

        margin-left: -20px; }
}

.o-layout__item,
.o-listing__item {
    display: inline-block;
    /* [1] */
    vertical-align: top;
    /* [3] */
    width: 100%;
    /* [4] */
    padding-left: 20px;
    /* [2] */ }

/******************************************************************************

	If we want to avoid empty inline comments to address the whitespace
	issue when using inline-blocks, we extend the layout parent and
	child programmatically.

******************************************************************************/
/******************************************************************************

	Layouts with tiny gutters.

******************************************************************************/
/******************************************************************************

	Layouts with small gutters.

******************************************************************************/
/******************************************************************************

	Layouts with large gutters.

******************************************************************************/
/******************************************************************************

	Layouts with huge gutters.

******************************************************************************/
/******************************************************************************

	Layouts with no gutters.

******************************************************************************/
/******************************************************************************

	Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
	markup will display in order 4, 3, 2, 1 on your page.

******************************************************************************/
/******************************************************************************

	Align layout items to the vertical centers of each other.

******************************************************************************/
/******************************************************************************

	Align layout items to the vertical bottoms of each other.

******************************************************************************/
/******************************************************************************

	Make the layout items fill up from the right hand side.

******************************************************************************/
/******************************************************************************

	Make the layout items fill up from the center outward.

******************************************************************************/
/******************************************************************************

	Cause layout items to take up a non-explicit amount of width.

******************************************************************************/
/******************************************************************************
*
*   _listing.scss: Advanced object of "core/objects/_layout.scss".
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
*	@note 			Das Listing-Objekt sollte anstelle des Layoutobjects
*					für komplexe Übersichten (z.B. Teaserlistings)
*					benutzt werden.
*
******************************************************************************/
/******************************************************************************

	1. LISTING

******************************************************************************/
/******************************************************************************

	2. LISTING - Elements

******************************************************************************/
.o-listing__item {
    letter-spacing: normal;
    /* Please IE < 8 */
    overflow: hidden;
}
/******************************************************************************
*
*   _list-bare.scss: Removes bullet points from lists.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
*   @note           Can be used for a simple <li></li> construct.
*
******************************************************************************/
/******************************************************************************

	1. LIST-BARE

******************************************************************************/
.list-bare,
#wBreadcrumb ul,
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox,
.c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 {
    list-style: none;
    padding: 0;
    margin: 0; }

/******************************************************************************

	2. LIST-INLINE

******************************************************************************/
.list-inline,
#wBreadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0; }
.list-inline > li,
#wBreadcrumb ul > li {
    margin-right: 20px; }
.list-inline > li:last-child,
#wBreadcrumb ul > li:last-child {
    margin-right: 0 !important; }

.list-inline--tiny > li {
    margin-right: 5px; }

/******************************************************************************
*
*   _tabs.scss: Content object with tabs powered by jQuery.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
*	@note			Simple tabs object which requires jQuery:
*					http://jqueryui.com/tabs/
*
******************************************************************************/
/******************************************************************************

	1. TABS

******************************************************************************/
/******************************************************************************
*
*   _tiblock.scss: Text-Image-Block.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2015, grintsch communications GmbH
*   @date           2015-02-10
*
*   @package        core/objects
*   @version        1.0
*
*	@note			1.	Der .tiblock ist immer eine Kombination von Bild mit
*						einem Textbereich.
*
*					2.	Das Element kann vollständig verlinkt, teilweise
*						verlinkt oder auch garnicht verlinkt sein. Es kann
*						sogar im Textbereich eine Linkliste beinhalten.
*
*					3.	Die Breite des .tiblocks wird immer von aussen
*						durch ein Layout/Grid-Element bestimmt.
*						Innerhalb dieses Elements liegt der .tiblock
*						in 100% Breite.
*
*					4.	Äussere Abstände werden ebenfalls durch das
*						Layout-Element bestimmt.
*
******************************************************************************/
/******************************************************************************

	1. TEXT-IMAGE-BLOCK

******************************************************************************/
/******************************************************************************

	2. TEXT-IMAGE-BLOCK - Elements

******************************************************************************/
/******************************************************************************

	2.1 TEXT-IMAGE-BLOCK - Elements (Wrapper)

******************************************************************************/
/******************************************************************************

	2.2 TEXT-IMAGE-BLOCK - Elements (Content like text, images, etc.)

******************************************************************************/
/******************************************************************************

	3. TEXT-IMAGE-BLOCK - "Polaroid"-Look

******************************************************************************/
/* Import externals */
/******************************************************************************
*
*   _fancybox.scss: Advanced object of "ext/fancybox/_fancybox.scss".
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2016, grintsch communications GmbH
*   @date           2016-11-04
*	@author			Mucke Forßmann, Viktoria Seel
*
*   @package        ext/fancybox
*   @version        1.0
*
* ! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
******************************************************************************/
/* Sehr wichtig, verhindert die weisse Ecke links oben im FF */
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important; }

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020; }
.fancybox-wrap .fancybox-skin {
    position: relative;
    background-color: #fff;
    color: #fff; }
.fancybox-wrap .fancybox-outer,
.fancybox-wrap .fancybox-inner {
    position: relative; }
.fancybox-wrap .fancybox-inner {
    overflow: hidden; }
.fancybox-wrap .fancybox-image,
.fancybox-wrap .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%; }
.fancybox-wrap .fancybox-image {
    max-width: 100%;
    max-height: 100%; }
.fancybox-wrap .fancybox-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 8040;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    background: #f0f2f3;
    text-align: center;
    cursor: pointer; }
.fancybox-wrap .fancybox-close .icon {
    color: #91bd10; }
.fancybox-wrap .fancybox-close:hover, .fancybox-wrap .fancybox-close:focus, .fancybox-wrap .fancybox-close:active {
    background-color: #91bd10; }
.fancybox-wrap .fancybox-close:hover .icon:hover, .fancybox-wrap .fancybox-close:hover .icon:focus, .fancybox-wrap .fancybox-close:hover .icon:active, .fancybox-wrap .fancybox-close:focus .icon:hover, .fancybox-wrap .fancybox-close:focus .icon:focus, .fancybox-wrap .fancybox-close:focus .icon:active, .fancybox-wrap .fancybox-close:active .icon:hover, .fancybox-wrap .fancybox-close:active .icon:focus, .fancybox-wrap .fancybox-close:active .icon:active {
    color: #fff; }
.fancybox-wrap .fancybox-nav {
    position: absolute;
    top: 0;
    z-index: 8040;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none; }
.fancybox-wrap .fancybox-nav .o-btn-icon--slider {
    position: absolute;
    top: 50%;
    border-color: transparent;
    margin-top: -25px;
    background: rgba(255, 255, 255, 0.5); }
.fancybox-wrap .fancybox-nav .o-btn-icon--slider .icon {
    margin-top: 1px;
    margin-bottom: 0; }
.fancybox-wrap .fancybox-nav.fancybox-prev {
    left: 0; }
.fancybox-wrap .fancybox-nav.fancybox-prev .o-btn-icon--slider {
    left: 0; }
.fancybox-wrap .fancybox-nav.fancybox-prev .o-btn-icon--slider:before {
    margin-right: 3px; }
.fancybox-wrap .fancybox-nav.fancybox-next {
    right: 0; }
.fancybox-wrap .fancybox-nav.fancybox-next .o-btn-icon--slider {
    right: 0; }
.fancybox-wrap .fancybox-nav.fancybox-next .o-btn-icon--slider:before {
    margin-left: 3px; }
@media only screen and (max-width: 30em) {
    .fancybox-wrap .fancybox-skin {
        padding: 5px !important; }
    .fancybox-wrap .fancybox-close {
        top: 5px;
        right: 5px; } }

/*************************************************************
*
*	2. Overlay
*
**************************************************************/
.fancybox-lock {
    overflow: hidden !important;
    width: auto; }
.fancybox-lock body {
    overflow: hidden !important; }
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden; }

.fancybox-lock-test {
    overflow-y: hidden !important; }

.fancybox-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 8010;
    background: rgba(0, 0, 0, 0.7); }

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0; }

/*************************************************************
*
*	3. Title
*
**************************************************************/
.fancybox-title {
    position: relative;
    z-index: 8050;
    visibility: hidden;
    margin-top: 10px;
    margin-top: 0.66667rem;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 15px;
    font-size: 1rem;
    line-height: 1.33333;
    color: #fff; }
.fancybox-opened .fancybox-title {
    visibility: visible; }
@media only screen and (max-width: 30em) {
    .fancybox-title {
        font-size: 16px;
        font-size: 1.06667rem;
        line-height: 1.25; } }

/*************************************************************
*
*	4. Orginal und nicht angepasst
*
**************************************************************/
/*#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-image: url('fancybox_sprite.png');
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;

	div {
		width: 44px;
		height: 44px;
		background: url('fancybox_loading.gif') center center no-repeat;
	}
}

// Reset
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;

	.child {
		display: inline-block;
		margin-right: -100%;
		padding: 2px 20px;
		background: transparent; // Fallback for web browsers that doesn't support RGBa
		background: rgba(0, 0, 0, 0.8);
		-webkit-border-radius: 15px;
		   -moz-border-radius: 15px;
				border-radius: 15px;
		text-shadow: 0 1px 2px #222;
		color: #FFF;
		font-weight: bold;
		line-height: 24px;
		white-space: nowrap;
	}
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
*/
/*Retina graphics!
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; // The size of the normal image, half the size of the hi-res image
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; //The size of the normal image, half the size of the hi-res image
	}
}*/
/********************************************************************
ML Push Menu CSS (_component.scss)

@copyright	© 2015, Mucke Forßmann (grintsch communication)
@date		2015-03-02

@package	ext/mlpushmenu
@version	1.0

@note
********************************************************************/
@media only screen and (max-width: 48.0625em) {
    /*#wPage*/
    .mp-pusher {
        position: relative;
        left: 0;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        /*	Overlay über die restliche Website:
            erstmal nicht sichtbar */
        /*	Overlay über die restliche Website:
            durch Klick auf den Hamburger wird die Klasse .mp-pushed gesetzt
            und der Overlay sichtbar */ }
    .mp-pusher::after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 980;
        width: 0;
        height: 0;
        background: rgba(0, 0, 0, 0.3);
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
    .mp-pusher.mp-pushed::after {
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s; } }
/********************************************************************
*
*	1. Hamburger Button
*
*********************************************************************/
@media only screen and (max-width: 48.0625em) {
    .menu-trigger {
        position: absolute;
        top: 28px;
        left: 12px; }
    .menu-trigger a:hover, .menu-trigger a:active {
        text-decoration: none; } }
@media only screen and (max-width: 40.062em) {
    .menu-trigger {
        left: 6px; } }
/********************************************************************
*
*	2. Navigation
*
*********************************************************************/
@media only screen and (max-width: 48.0625em) {
    .mp-menu {
        position: absolute;
        /* we can't use fixed here :( */
        top: 0;
        left: 0;
        z-index: 1;
        width: 320px;
        height: 100%;
        /*-webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);*/
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%); }
    .mp-menu .mp-level {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        padding-right: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        /*-webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);*/
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        /*	Hintergründe und Overlays für die restliche Navigation:
            erstmal nicht sichtbar */
        /* Hintergrund für die Navigation */
        /* Erstes Level wird in den sichtbaren Bereich verschoben */ }
    .mp-menu .mp-level::before, .mp-menu .mp-level::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        content: '';
        opacity: 1; }
    .mp-menu .mp-level::after {
        z-index: -1;
        display: none;
        width: 0;
        height: 0;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
    .mp-menu .mp-level.mp-level-open {
        box-shadow: none;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0); }
    .mp-menu .mp-level.mp-level-overlay {
        cursor: pointer;
        /* @??? Verstehe ich noch nicht */ }
    .mp-menu .mp-level.mp-level-overlay::after {
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s; }
    .mp-menu .mp-level.mp-level-overlay.mp-level::before {
        width: 100%;
        height: 100%;
        opacity: 1; } }
@media only screen and (max-width: 40.062em) {
    .mp-menu {
        width: 280px; } }
/********************************************************************
*
*	2. Navigation
*
*********************************************************************/
.mp-back {
    display: block;
    position: relative;
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #8b9aa2;
    text-decoration: none;
    text-align: center;
    width: 100%;
    padding: 20px 10px;
    border-bottom: 1px solid #83929a;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s; }
.mp-back:hover {
    color: #525e65; }
.mp-back:before {
    position: absolute;
    left: 10px;
    font-family: "FontAwesome";
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.33333;
    content: "\f053"; }

@media only screen and (max-width: 48.0625em) {
    .navigation__drop.mp-level .list-bare {
        line-height: 1.5; }
    .navigation__drop.mp-level .list-bare > li {
        width: 100%;
        padding: 10px; } }
/* Import project partials */
.u-wrap-content {
    max-width: 1224px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px; }
@media only screen and (min-width: 40.063em) {
    .u-wrap-content {
        padding-left: 20px;
        padding-right: 20px; } }
@media only screen and (min-width: 48.0626em) {
    .u-wrap-content {
        position: relative; } }

@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    #wHeader .u-wrap-content {
        padding-right: 0; } }
.listing--searchresult {
    border-bottom: 1px solid #83929a; }

.u-link-more,
.c-download__href .c-download__href-text,
.o-listing--event .c-event--short .c-event__href-text,
.c-infobox .c-infobox__href,
.o-tiblock__wrap-text .o-tiblock__href-text {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-top: 0.66667rem;
    padding-left: 25px;
    text-decoration: none;
    color: #7fa50e; }
.u-link-more .icon,
.c-download__href .c-download__href-text .icon,
.o-listing--event .c-event--short .c-event__href-text .icon,
.c-infobox .c-infobox__href .icon,
.o-tiblock__wrap-text .o-tiblock__href-text .icon {
    position: absolute;
    top: 4px;
    left: -4px; }
.u-link-more span:hover, .u-link-more span:focus, .u-link-more span:active,
.c-download__href .c-download__href-text span:hover,
.o-listing--event .c-event--short .c-event__href-text span:hover,
.c-infobox .c-infobox__href span:hover,
.o-tiblock__wrap-text .o-tiblock__href-text span:hover,
.c-download__href .c-download__href-text span:focus,
.o-listing--event .c-event--short .c-event__href-text span:focus,
.c-infobox .c-infobox__href span:focus,
.o-tiblock__wrap-text .o-tiblock__href-text span:focus,
.c-download__href .c-download__href-text span:active,
.o-listing--event .c-event--short .c-event__href-text span:active,
.c-infobox .c-infobox__href span:active,
.o-tiblock__wrap-text .o-tiblock__href-text span:active {
    text-decoration: underline; }

/* import project specific components */
/********************************************************************
Atome (_atoms.scss)

@copyright	© 2015, Mucke Forßmann (grintsch communication)
@date		2015-12-13

@package	project/screen/
@version	1.0
********************************************************************/
/********************************************************************
*
*	1. ATOMS: Inline elements
*
*********************************************************************/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
    max-width: 100%;
    /* [1] */
    height: auto;
    font-style: italic;
    /* [2] */
    vertical-align: middle;
    /* [3] */ }

a {
    color: #7fa50e;
    text-decoration: underline; }
a:hover, a:focus, a:active {
    text-decoration: none; }

strong {
    font-weight: bold; }

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

/********************************************************************
*
*	2. ATOMS: Block elements
*
*********************************************************************/
h1 {
    margin-top: 20px;
    margin-top: 1.33333rem; }

p + h2, ul.list--editorial + h2 {
    margin-top: 40px;
    margin-top: 2.66667rem; }

p + h3, ul.list--editorial + h3 {
    margin-top: 40px;
    margin-top: 2.66667rem; }

p {
    word-wrap: break-word; }

/* ul */
.list--editorial {
    list-style-type: square;
    margin-left: 20px; }
.list--editorial > li {
    margin-top: 10px;
    margin-top: 0.66667rem; }

/********************************************************************
*
*	2. ATOMS: Table
*
*********************************************************************/
table {
    overflow: hidden; }
table tr {
    overflow-x: scroll; }
table tr th,
table tr td {
    vertical-align: top;
    text-align: left;
    padding: 10px 20px; }
table tr td {
    padding-left: 20px; }
table tr:nth-child(odd) {
    background: #f0f2f3; }

/**************************************

	4. ATOMS: Sonderfälle/Überschreibungen

***************************************/
.c-article__header h1 {
    overflow: hidden; }
.c-article__header h1 + p {
    font-weight: 600; }
.c-article__header h2 + p {
    font-weight: 600; }
.c-article__header p {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.4; }

/*.c-aside {
	h2 { color: $baseHeadingColor; }
}*/
.has-list-styled {
    /* ul */ }
.has-list-styled .list--editorial {
    padding: 20px 20px 20px 40px;
    margin-left: 0;
    background: #f0f2f3; }

/********************************************************************
Component DOWNLOAD (_c-download.scss)

@copyright	© 2015, ERenate Forßmann (grintsch communication)
@date		2015-09-21

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. DOWNLOAD: Object

***************************************/
/**************************************

	2. DOWNLOAD: Elements

***************************************/
.c-download__href {
    display: block;
    color: #525e65;
    text-decoration: none; }
.c-download__href:hover, .c-download__href:active, .c-download__href:focus {
    color: #525e65; }
.c-download__href .c-download__title {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25;
    font-weight: 600;
    margin-top: 20px;
    margin-top: 1.33333rem; }
.c-download__href .c-download__meta {
    color: #525e65;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857;
    margin-top: 5px;
    margin-top: 0.33333rem; }
.c-download__href .c-download__meta .icon:before {
    margin-left: 0;
    font-size: 80%; }
.c-download__href .c-download__meta span {
    text-transform: uppercase; }
.c-download__href .c-download__description {
    margin-top: 10px;
    margin-top: 0.66667rem;
    color: #525e65;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857; }

/**************************************

	3. DOWNLOAD: Modifier

***************************************/
/**************************************

	4. DOWNLOAD: Überschreibungen

***************************************/
#articleMain .c-download__href .c-download__text-shader {
    height: 112.5px; }

/*.o-listing--download {

	.c-download {
		padding-top: $baseSpacingUnit--half;
		border-top: $baseBorderWidth $baseBorderStyle $baseBorderColor;
	}
}*/
/********************************************************************
Component EVENT (_c-event.scss)

@copyright	© 2015, Renate Forßmann (grintsch communication)
@date		2015-09-21

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. EVENT: Im Ergebnislisting

***************************************/
.c-event .c-event__title {
    margin-top: 40px;
    margin-top: 2.66667rem; }
.c-event .c-event__second-title {
    margin-top: 10px;
    margin-top: 0.66667rem; }
.c-event .c-event__data {
    width: 100%; }
.c-event .c-event__data th {
    width: 33.333%; }
.c-event .c-event__data td {
    width: 66.666%; }
.c-event .c-event__href {
    position: relative;
    margin-top: 10px;
    margin-top: 0.66667rem;
    padding-left: 25px;
    text-decoration: none;
    color: #7fa50e; }
.c-event .c-event__href .icon {
    position: absolute;
    top: 4px;
    left: -4px; }
.c-event .c-event__href span:hover, .c-event .c-event__href span:focus, .c-event .c-event__href span:active {
    text-decoration: underline; }

/**************************************

	1. EVENT: Als Teaser

***************************************/
.o-listing--event .c-event--short .c-event__href {
    display: block;
    color: #525e65;
    text-decoration: none; }
.o-listing--event .c-event--short .c-event__href:hover, .o-listing--event .c-event--short .c-event__href:active, .o-listing--event .c-event--short .c-event__href:focus {
    color: #525e65; }
.o-listing--event .c-event--short .c-event__title {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25;
    font-weight: 600;
    color: #525e65;
    margin-top: 20px;
    margin-top: 1.33333rem; }
.o-listing--event .c-event--short .c-event__meta {
    color: #525e65;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857;
    margin-top: 5px;
    margin-top: 0.33333rem; }
.o-listing--event .c-event--short .c-event__meta .icon:before {
    margin-left: 0;
    font-size: 80%; }
.o-listing--event .c-event--short .c-event__meta span {
    text-transform: uppercase; }
.o-listing--event .c-event--short .c-event__description {
    margin-top: 10px;
    margin-top: 0.66667rem;
    color: #525e65;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857; }
.o-listing--event .c-event--short .c-event__href-text {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857; }

/**************************************

	2. EVENT: Elements

***************************************/
/********************************************************************
_layout.scss

KKS Netzwerk: Styles fürs Layout

@copyright	© 2014, Mucke Forßmann (grintsch communication)
@date		2015-09-09

@package      project
@version      0.1

Inhalte:
1. Logo
2. Breadcrumb
3. Main
4. Keyvisual
5. Copyright
6. Footer
*********************************************************************/
@media only screen and (max-width: 40.062em) {
    #wHeader {
        margin-right: -20px; } }
@media only screen and (min-width: 48.0626em) and (max-width: 64.75em) {
    #wHeader {
        margin-right: -20px; } }
/*************************************************************
*
*	1. Logo
*
**************************************************************/
#wLogo {
    padding: 20px 0; }
#wLogo a {
    display: block; }

@media only screen and (min-width: 48.0626em) {
    #wLogo {
        max-height: 96px; } }
/*************************************************************
*
*	2. Breadcrumb
*
*************************************************************/
#wBreadcrumb {
    padding: 20px 0 0;
    background-color: #fff; }
#wBreadcrumb ul > li {
    position: relative;
    padding-right: 5px;
    line-height: 15px; }
#wBreadcrumb ul > li:after {
    position: absolute;
    top: -1px;
    right: -10px;
    font-family: "FontAwesome";
    content: '\f105';
    color: #8b9aa2; }
#wBreadcrumb ul > li:last-child:after {
    display: none; }
#wBreadcrumb ul a {
    color: #8b9aa2;
    text-decoration: underline; }
#wBreadcrumb ul a:hover, #wBreadcrumb ul a:focus, #wBreadcrumb ul a:active, #wBreadcrumb ul a.current {
    text-decoration: none; }

/*************************************************************
*
*	3. Main
*
**************************************************************/
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox {
    margin-top: 40px;
    margin-top: 2.66667rem;
    text-align: center; }
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox {
    margin-top: 20px; }
#wMain .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li {
    margin-right: 10px; }

#wAsidePage {
    padding-bottom: 40px; }

@media only screen and (max-width: 48.0625em) {
    #wMain {
        padding-bottom: 20px; } }
@media only screen and (min-width: 48.0626em) {
    #wMain {
        padding-bottom: 40px; } }
/*************************************************************
*
*	4. Keyvisual
*
**************************************************************/
.c-key-visual {
    min-height: 142px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    margin-left: -20px; }
@media only screen and (max-width: 40.062em) {
    .c-key-visual {
        background-size: cover; } }
@media only screen and (max-width: 48.0625em) {
    .c-key-visual {
        min-height: 0;
        margin-left: -10px; } }

.c-key-visual__claim {
    position: absolute;
    left: 20px;
    margin-top: 0;
    color: #fff;
    font-size: 30px;
    font-size: 2rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.0625em; }
@media only screen and (max-width: 48.0625em) {
    .c-key-visual__claim {
        position: relative;
        top: 0;
        left: 0;
        background: rgba(0, 178, 200, 0.7);
        padding: 20px 10px;
        transform: none;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none; } }

/*************************************************************
*
*	5. Copyright
*
**************************************************************/
/* Copyright specific style */
#wCopyright {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25;
    color: #bfc9cf !important; }
#wCopyright:after {
    display: none; }
@media only screen and (max-width: 40.062em) {
    #wCopyright {
        padding: 0 10px 20px !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    #wCopyright {
        padding: 0 20px 20px !important; } }
@media only screen and (min-width: 48.0626em) {
    #wCopyright {
        padding: 0 60px 20px !important; } }

/*************************************************************
*
*	6. Footer
*
**************************************************************/
#wFooter h3 {
    text-transform: uppercase; }
#wFooter a {
    color: #fff;
    text-decoration: none; }
#wFooter a:hover, #wFooter a:focus, #wFooter a:active {
    text-decoration: underline; }
#wFooter .list-bare {
    margin-top: 10px;
    margin-top: 0.66667rem; }
#wFooter .list-bare > li {
    margin-top: 5px;
    margin-top: 0.33333rem; }
#wFooter .list-bare a {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25;
    color: #bfc9cf; }
#wFooter .list-bare a:hover {
    color: #fff; }

@media only screen and (max-width: 40.062em) {
    #wFooter h3 {
        margin-top: 20px;
        margin-top: 1.33333rem; }
    #wFooter .list-bare:first-child {
        margin-bottom: 20px;
        margin-bottom: 1.33333rem; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    #wFooter .u-wrap-content {
        margin-right: 20px; }
    #wFooter h3 {
        margin-top: 20px;
        margin-top: 1.33333rem; }
    #wFooter h3:not(:first-child) {
        margin-top: 20px;
        margin-top: 1.33333rem; }
    #wFooter .list-bare {
        width: 100%; }
    #wFooter .list-bare:first-child {
        margin-bottom: 20px;
        margin-bottom: 1.33333rem; } }
@media only screen and (min-width: 48.0626em) and (max-width: 64.75em) {
    #wFooter .u-wrap-content {
        margin-right: 20px;
        margin-left: -20px; } }
@media only screen and (min-width: 48.0626em) {
    #wFooter .u-wrap-content {
        position: relative;
        /* TOP LEFT */
        /* Corner */
        left: 20px;
        padding: 40px 60px; }
    #wFooter .u-wrap-content:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 40px 40px;
        border-color: #bfc9cf #bfc9cf #00b2c8 #bfc9cf; }
    #wFooter .o-layout__item {
        margin-top: 20px;
        margin-top: 1.33333rem; }
    #wFooter h3 {
        margin-top: 0; }
    #wFooter h3:not(:first-child) {
        margin-top: 40px;
        margin-top: 2.66667rem; }
    #wFooter .list-inline > li {
        display: block !important; }
    #wFooter .list-inline:first-child {
        margin-bottom: 40px;
        margin-bottom: 2.66667rem; } }
/********************************************************************
Component NAVIGATION (_component-navigation.scss)

@copyright	© 2015, Eduard Meyer/Renate Forßmann (grintsch communication)
@date		2015-03-16 (2015-02-25)

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. NAVIGATION: Block

***************************************/
/**************************************

	2. NAVIGATION: Elements

***************************************/
.c-navigation__list {
    position: absolute;
    z-index: 900;
    right: 0;
    left: 33.33333%;
    padding-left: 20px; }
@media only screen and (max-width: 48.0625em) {
    .c-navigation__list {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-left: 0;
        transform: none;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none; }
    .c-navigation__list > li {
        display: block !important;
        margin: 0;
        padding-left: 0 !important; } }

.c-navigation__item {
    cursor: pointer;
    margin: 0 !important;
    padding-left: 20px; }
.c-navigation__item:first-child {
    padding-left: 20px; }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__item:hover {
        padding: 20px;
        margin-top: -20px !important;
        margin-right: -20px !important;
        margin-bottom: -20px !important; } }
.c-navigation__item:hover .c-navigation__title-href,
.c-navigation__item .is-active {
    color: #525e65;}
.c-navigation__item:hover .c-navigation__title-href:before,
.c-navigation__item .is-active:before {
    display: block; }

.c-navigation__title {
    position: relative; }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__title {
        top: 10px;
        padding-bottom: 20px; } }

.c-navigation__title-href {
    position: relative;
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #8b9aa2;
    text-decoration: none;
    /* manual breakpoint */ }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__title-href {
        text-transform: uppercase!important; } }
@media all and (min-width: 769px) and (max-width: 970px) {
    .c-navigation__title-href {
        font-size: 16px;
        font-size: 1.06667rem;
        line-height: 1.25; } }
.c-navigation__title-href:before {
    content: '';
    display: none;
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 3px;
    background-color: #91bd10; }

.c-navigation__title-href--origin {
    color: #00b2c8 !important;
    text-transform: uppercase;
    text-decoration: none !important; }
.c-navigation__title-href--origin:hover {
    text-decoration: underline !important; }

@media only screen and (max-width: 48.0625em) {
    .c-navigation__title-href,
    .c-navigation__title-level02,
    .c-navigation__column li a {
        display: block !important;
        margin: 0;
        border-bottom: 1px solid #83929a;
        padding: 20px; }
    .c-navigation__title-href:before,
    .c-navigation__title-level02:before,
    .c-navigation__column li a:before {
        display: none !important; }
    .c-navigation__title-href > .icon, .c-navigation__title-href > .navigation__close,
    .c-navigation__title-level02 > .icon,
    .c-navigation__title-level02 > .navigation__close,
    .c-navigation__column li a > .icon,
    .c-navigation__column li a > .navigation__close {
        float: right; } }
/**************************************
	2.1 NAVIGATION: Elements - Hamburger
***************************************/
.c-navigation__clear, .c-navigation__clear:hover {
    background: transparent;
    color: inherit; }

.c-navigation__trigger {
    position: absolute;
    z-index: 970;
    padding: 15px 8px;
    margin-left: -8px;
    font-size: 20px;
    font-size: 1.33333rem;
    line-height: 1;
    color: #fff; }
.c-navigation__trigger .icon:before {
    margin: 0; }
.c-navigation__trigger:hover, .c-navigation__trigger:active, .c-navigation__trigger:focus {
    background: transparent;
    color: #fff; }

/**************************************
	2.2 NAVIGATION: Elements - DropDown
***************************************/
.c-navigation__drop {
    display: none;
    position: absolute;
    left: -50%;
    right: 0;
    padding-top: 20px;
    cursor: default; }
@media only screen and (max-width: 48.0625em) {
    .c-navigation__drop {
        margin-top: 0;
        padding-top: 0 !important;
        background: #fff;
        box-shadow: none; }
    .c-navigation__drop:before {
        display: none !important; } }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__drop {
        /* prevent ipad rotation from making the website looking weird */
        transform: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important; } }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__drop .c-navigation__drop-inner {
        display: table;
        width: 100%;
        height: 100%;
        padding: 20px 0;
        background: #fff;
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25); } }
@media only screen and (max-width: 48.0625em) {
    .c-navigation__drop .c-navigation__drop-inner .c-navigation__column {
        padding-left: 0; } }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__drop .c-navigation__drop-inner .c-navigation__column {
        display: table-cell !important;
        width: 3.3333%;
        height: 100%;
        border-left: 1px solid #83929a;
        padding: 0 20px;
        margin-top: 20px;
        margin-top: 1.33333rem; } }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__column:first-child {
    border: 0; }
@media only screen and (min-width: 48.0626em) {
    .c-navigation__drop .c-navigation__drop-inner .c-navigation__title-level02 {
        font-size: 24px;
        font-size: 1.6rem;
        line-height: 1.66667; }
    .c-navigation__drop .c-navigation__drop-inner .c-navigation__title-level02:first-child {
        margin-top: 0; } }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__title-level02 a {
    display: block;
    color: #00b2c8;
    text-decoration: none; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__title-level02 a:hover {
    text-decoration: underline; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__title-level02 a.is-active:hover {
    text-decoration: none; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__title-level02 a.is-active span {
    border-bottom: 1px solid #91bd10; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 li {
    margin-top: 5px;
    margin-top: 0.33333rem; }
@media only screen and (max-width: 48.0625em) {
    .c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 li {
        display: block;
        padding: 0 !important;
        margin: 0 !important; } }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 li a {
    display: block;
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25;
    color: #525e65;
    text-decoration: none; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 li a:hover {
    text-decoration: underline; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 li a.is-active:hover {
    text-decoration: none; }
.c-navigation__drop .c-navigation__drop-inner .c-navigation__list-level03 li a.is-active span {
    border-bottom: 1px solid #91bd10; }

/**************************************

	3. NAVIGATION: Modifier

***************************************/
/**************************************

	3.1 NAVIGATION: Modifier - Header navigation

***************************************/
.c-navigation--meta {
    /*@media all and (max-width: $contentWidth) {
        margin-right: -($pageGutter);
    }*/ }
@media only screen and (max-width: 48.0625em) {
    .c-navigation--meta {
        margin-left: -10px; } }
.c-navigation--meta .c-navigation__list {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.25;
    position: relative;
    top: 0;
    left: 0;
    z-index: 960;
    color: #fff; }
.c-navigation--meta a {
    color: #fff;
    text-decoration: none; }
.c-navigation--meta a:hover, .c-navigation--meta a:active, .c-navigation--meta a:focus {
    text-decoration: underline; }
.c-navigation--meta li {
    vertical-align: middle;
    display: inline-block !important; }
.c-navigation--meta li a,
.c-navigation--meta li button {
    display: block;
    padding: 10px;
    background: transparent;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1; }
@media only screen and (max-width: 48.0625em) {
    .c-navigation--meta li a,
    .c-navigation--meta li button {
        display: inline-block !important;
        padding: 20px 20px !important; } }
.c-navigation--meta li a:hover,
.c-navigation--meta li button:hover {
    background: #343b40; }

/**************************************

	4. NAVIGATION: Spezielles

***************************************/
@media only screen and (min-width: 48.0626em) {
    .no-js.c-navigation__item:hover .c-navigation__drop {
        display: block; } }
@media only screen and (min-width: 48.0626em) and (min-width: 48.0626em) {
    ~ .no-js.c-navigation__item:hover {
        position: relative;
        z-index: -1; } }

/********************************************************************
_components.scss

KKS Netzwerk: Projektspezifische Komponenten

@copyright	© 2014, Mucke Forßmann (grintsch communication)
@date		2015-09-09

@package      project
@version      0.1

Inhalte:

*********************************************************************/
/*************************************************************
*
*	LAYOUT COMPONENTS
*
**************************************************************/
/*************************************************************
*
*	LAYOUT COMPONENTS: Article
*
**************************************************************/
.c-article__header {
    margin-bottom: 20px;
    margin-bottom: 1.33333rem; }

/*************************************************************
*
*	LAYOUT COMPONENTS: Aside
*
**************************************************************/
@media only screen and (max-width: 48.0625em) {
    main .c-aside {
        padding-top: 40px;
        padding-left: 20px; } }
@media only screen and (min-width: 48.0626em) {
    main .c-aside {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-left: 40px; } }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS
*
**************************************************************/
/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Jump to top Button
*
**************************************************************/
/* component: back to top button */
.c-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000; }
.c-to-top a {
    padding: 20px; }
.c-to-top .icon {
    right: 0;
    left: 0;
    line-height: 1em; }
@media only screen and (max-width: 40.062em) {
    .c-to-top {
        bottom: 40px; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    .c-to-top {
        right: 10px; } }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Search - Im Header
*
**************************************************************/
#wHeader .c-search.is-active {
    background: #343b40; }
#wHeader .c-search .c-header-search {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 960;
    width: 300px;
    padding: 10px; }
@media only screen and (max-width: 40.062em) {
    #wHeader .c-search .c-header-search {
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        padding-right: 20px; } }
#wHeader .c-search .c-header-search .input--text {
    font-size: 15px;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    width: 100%;
    background: #525e65;
    padding: 10px; }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Separating line - Contentelement
*
*************************************************************
.c-separating-line {
	margin: $baseSpacingUnit 0;
	border-top: $baseBorder;
}*/
/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Infobox - Contentelement
*
**************************************************************/
.c-infobox-single {
    position: relative;
    padding: 20px; }
.c-infobox-single:before {
    position: absolute;
    top: 20px;
    left: 20px;
    content: '\f129';
    width: 60px;
    height: 60px;
    padding-top: 4px;
    border-radius: 100%;
    font-family: "FontAwesome";
    font-size: 36px;
    color: #fff;
    text-align: center;
    background-color: #00b2c8; }
.c-infobox-single h2 {
    /*min-height: $baseSpacingUnit--triple;
    padding-left: ($baseSpacingUnit--triple + $baseSpacingUnit--half);*/
    padding-top: 60px; }

.c-infobox .c-infobox__second-title {
    margin-top: 10px;
    margin-top: 0.66667rem; }
.c-infobox .list--editorial,
.c-infobox p {
    margin-top: 20px;
    margin-top: 1.33333rem; }
.c-infobox .c-infobox__href {
    display: block; }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Contact address - Contentelement
*
**************************************************************/
.c-contact h3:not(:first-child) {
    margin-top: 40px; }
.c-contact p:not(:first-child) {
    margin-top: 10px; }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Map and Hotspot
*
**************************************************************/
.c-map {
    margin-top: 20px;
    margin-top: 1.33333rem; }
.c-map .c-map__header h2 {
    color: #00b2c8; }
.c-map .c-map__header p:last-child {
    margin-top: 5px;
    margin-top: 0.33333rem; }
.c-map .c-map__content {
    position: relative;
    margin-top: 20px;
    margin-top: 1.33333rem; }
.c-map .c-map__content .c-map__legend h4 {
    position: relative;
    margin-top: 10px;
    margin-top: 0.66667rem;
    padding-left: 25px; }
.c-map .c-map__content .c-map__legend h4 .c-map__icon--icon_0:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f111';
    font-family: "FontAwesome";
    font-style: normal;
    color: #91bd10; }
.c-map .c-map__content .c-map__legend h4 .c-map__icon--icon_1:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f111';
    font-family: "FontAwesome";
    font-style: normal;
    color: #525e65; }
.c-map .c-map__content .c-map__legend p {
    margin-top: 0px;
    margin-top: 0rem;
    padding-left: 25px; }
@media only screen and (min-width: 40.063em) {
    .c-map .c-map__content .c-map__legend {
        margin-top: -20px;
        padding: 20px; } }
@media only screen and (min-width: 40.063em) and (max-width: 48.0625em) {
    .c-map {
        background-color: #cEd8de; }
    .c-map .c-map__header {
        float: right;
        padding: 0 0 20px 20px;
        background-color: #e3e8ec; }
    .c-map .c-map__content {
        float: left;
        margin-top: 0; } }
@media only screen and (min-width: 64.751em) {
    .c-map {
        background-color: #cEd8de; }
    .c-map .c-map__header {
        float: right;
        padding: 0 20px 20px 20px;
        background-color: #e3e8ec; }
    .c-map .c-map__content {
        float: left;
        margin-top: 0; } }

.c-hotspot .c-hotspot__href {
    display: block;
    margin-top: 0px;
    margin-top: 0rem;
    max-height: 15px;
    text-decoration: none; }
.c-hotspot .c-hotspot__href span {
    display: block;
    position: absolute;
    top: 1px;
    height: 15px;
    min-width: 200px;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857; }
.c-hotspot .c-hotspot__href .c-hotspot__icon--icon_0:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f111';
    font-family: "FontAwesome";
    font-style: normal; }
.c-hotspot .c-hotspot__href .c-hotspot__icon--icon_1:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f111';
    font-family: "FontAwesome";
    font-style: normal;
    color: #525e65; }
.c-hotspot .c-hotspot__href .c-hotspot__icon--icon_2:before {
    position: absolute;
    top: 0;
    left: 8px;
    content: '\f111';
    font-family: "FontAwesome";
    font-style: normal; }
.c-hotspot .c-hotspot__href .c-hotspot__icon--icon_2:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f111';
    font-family: "FontAwesome";
    font-style: normal;
    color: #525e65; }
.c-hotspot .c-hotspot__orientation_0 .c-hotspot__icon--icon_0 + span,
.c-hotspot .c-hotspot__orientation_0 .c-hotspot__icon--icon_1 + span {
    left: 20px; }
.c-hotspot .c-hotspot__orientation_0 .c-hotspot__icon--icon_2 + span {
    left: 30px; }
.c-hotspot .c-hotspot__orientation_1 span {
    right: 10px;
    text-align: right; }
@media only screen and (max-width: 40.062em) {
    .c-hotspot {
        position: relative;
        width: 100%;
        margin-top: 20px;
        margin-top: 1.33333rem; }
    .c-hotspot .c-hotspot__href span {
        left: 30px; } }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Video
*
**************************************************************/
.c-video .c-video-wrap {
    position: relative;
    float: left;
    height: 0;
    padding-top: 35px;
    padding-bottom: 56.25%;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-bottom: 1.33333rem; }
.c-video .c-video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Share button
*
**************************************************************/
.c-article__share {
    margin-top: 20px;
    margin-top: 1.33333rem; }

.o-btn--share {
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    margin-top: 10px;
    margin-top: 0.66667rem;
    background-color: #fff;
    color: #525e65;
    text-align: center; }
.o-btn--share:hover, .o-btn--share:focus, .o-btn--share:active {
    color: #00b2c8; }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Sitemap
*
**************************************************************/
.c-list--linklist .c-list__item {
    padding-right: 20px; }
.c-list--linklist .c-list__href {
    text-decoration: none; }
.c-list--linklist .c-list__href:hover, .c-list--linklist .c-list__href:focus, .c-list--linklist .c-list__href:active {
    text-decoration: underline; }
.c-list--linklist .c-list__item--level1 {
    width: 100%;
    margin-top: 20px;
    margin-top: 1.33333rem; }
.c-list--linklist .c-list__item--level1:first-child {
    margin-top: 0; }
.c-list--linklist .c-list__href--level1 {
    color: #525e65;
    text-transform: uppercase; }

.c-list--linklist2 .c-list__item {
    width: 100%;
    margin-top: 10px;
    margin-top: 0.66667rem; }
.c-list--linklist2 .c-list__href--level2 {
    width: 100%; }

.c-list--linklist3 .c-list__item {
    width: 50%;
    margin-top: 5px;
    margin-top: 0.33333rem; }
.c-list--linklist3 .c-list__href--level3 {
    width: 100%; }

.c-list--linklist4 {
    padding-left: 20px; }
.c-list--linklist4 .c-list__item {
    width: 50%;
    margin-top: 5px;
    margin-top: 0.33333rem; }
.c-list--linklist4 .c-list__href--level4 {
    width: 100%;
    color: #525e65; }

/*************************************************************
*
*	FUNCTIONAL COMPONENTS: Separate Element
*
**************************************************************/
.c-separate {
    padding-top: 20px;
    background-color: #fff; }

/* import project specific objects */
/********************************************************************
Object Figure (_object_figure.scss)

@copyright	© 2015, Eduard Meyer/Renate Forßmann (grintsch communication)
@date		2015-03-16 (2015-02-25)

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. FIGURE: Object

***************************************/
/**************************************

	2. FIGURE: Element - Image

***************************************/
.o-figure img {
    display: block; }
.o-figure .o-figure__wrap-img {
    position: relative;
    overflow: hidden;
    background: #f0f2f3; }
@media only screen and (max-width: 40.062em) {
    .o-figure .o-figure__wrap-img .o-figure__action {
        display: none; } }
@media only screen and (min-width: 40.063em) {
    .o-figure .o-figure__wrap-img .o-figure__action {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        padding-top: 10px;
        background: #f0f2f3;
        text-align: center; }
    .o-figure .o-figure__wrap-img .o-figure__action .icon {
        color: #91bd10; } }
.o-figure .o-figure__wrap-img:hover .o-figure__action {
    background-color: #91bd10; }
.o-figure .o-figure__wrap-img:hover .o-figure__action .icon {
    color: #fff; }
.o-figure .o-figure__wrap-img:hover .o-figure__action:hover {
    background-color: #91bd10; }
.o-figure .o-figure__wrap-img:hover .o-figure__action:hover span {
    text-decoration: underline; }
.o-figure .o-figure__caption {
    background: #f0f2f3;
    padding: 10px; }
.o-figure .o-figure__caption p{
    margin: 0;
}
.o-figure .o-figure__caption .o-figure__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold; }
.o-figure .o-figure__caption .o-figure__title,
.o-figure .o-figure__caption .o-figure__copy {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857;
    margin-top: 10px;
    margin-top: 0.66667rem;
    margin-bottom: 0; }
.o-figure .o-figure__caption .o-figure__title:first-child,
.o-figure .o-figure__caption .o-figure__copy:first-child {
    margin-top: 0; }

/**************************************

	3. FIGURE: Modifier

***************************************/
/**************************************
	3.1 FIGURE: Modifier - Floating figure
***************************************/
.o-figure--floating {
    position: relative;
    top: 0.4em;
    max-width: 259px;
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: 1.33333rem; }
@media only screen and (max-width: 40.062em) {
    .o-figure--floating {
        position: static;
        top: 0;
        float: none;
        width: auto;
        margin-right: 0; } }
@media only screen and (min-width: 40.063em) {
    .o-figure--floating {
        margin-left: 20px; } }

/**************************************
	3.2 FIGURE: Modifier - Pageheadline figure
***************************************/
.o-figure--pageheadline {
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-bottom: 1.33333rem; }
@media only screen and (max-width: 30em) {
    .o-figure--pageheadline {
        float: none;
        width: auto;
        margin-top: 12px;
        margin-right: 0;
        text-align: center; }
    .o-figure--pageheadline img {
        margin: 0 auto; } }

/**************************************

	4. FIGURE: Überschreibungen

***************************************/
/**************************************

	4. FIGURE: Überschreibungen - im Listing

	@see: StandardImage.html

***************************************/
.listing .o-figure {
    position: static;
    top: 0;
    margin-top: 20px; }

/******************************************************************************
*
*   _form.scss: A simple form.
*
*   docs styles - dynamically built using Sass
*
*   @copyright      ┬® 2016, Renate For├ƒmann / Viktoria Seel, grintsch communications GmbH
*   @date           2016-06-20
*
*   @package        core/objects
*   @version        1.0
*
******************************************************************************/
/******************************************************************************

	1. FORM: Object

******************************************************************************/
.o-form {
    padding: 0 20px 20px 0;
    background-color: #f0f2f3; }

/******************************************************************************

	2. FORM: Elements

******************************************************************************/
/******************************************************************************

	2.1 FORM: Elements - structural elements

******************************************************************************/
.o-form__fieldset {
    position: relative;
    margin-top: 20px;
    margin-top: 1.33333rem; }
.o-form__fieldset:last-child {
    padding-top: 0; }

.o-form__legend {
    width: 100%;
    padding-left: 20px;
    padding-top: 20px; }

.o-form__item {
    padding-left: 20px;
    margin-top: 20px;
    margin-top: 1.33333rem;
    /*.o-form__legend + & {
        margin-top: ($baseSpacingUnit + $baseSpacingUnit--half);
    }*/ }
@media only screen and (max-width: 48.0625em) {
    .o-form__item {
        margin-top: 10px;
        margin-top: 0.66667rem; } }

.o-form__wrap-time span {
    margin: 10px 20px 0; }
.o-form__wrap-time .o-form__select {
    width: 80px;
    margin-right: 5px; }
.o-form__wrap-time .o-form__select:first-child,
.o-form__wrap-time span + .o-form__select {
    width: 110px; }

/*.o-form__select-wrap {
	position: relative;
	z-index: 0;

	background-color: $white;

	&:after {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: -1;

		font-family: $fontFamilyNameIconFont;
		content: '\f0d7';

		width: 34px;
		height: 34px;
		padding-top: 2px;
		padding-left: $baseSpacingUnit--half;
		border-left: $borderWidthBtn $borderStyleBtn $borderColorBtn;

		background-color: $baseBtnBgColor;

		color: $baseBtnColor;
		font-size: $megaSize;
	}

	&:hover:after {
		background-color: $baseBtnHoverBgColor;

		color: $baseBtnHoverColor;
	}
}*/
/******************************************************************************

	2.2 FORM: Elements - text elements

******************************************************************************/
/*.o-form__note { margin-top: 0; }

.o-form__copy {
	letter-spacing: normal;

}*/
/******************************************************************************

	2.3 FORM: Elements - form elements

******************************************************************************/
/******************************************************************************
	2.3.1 FORM: Elements - form elements: Label
******************************************************************************/
.o-form__label {
    width: 100%;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 600;
    cursor: pointer; }

.o-form__label--radio {
    width: auto; }

/******************************************************************************
	2.3.2 FORM: Elements - form elements: Input
******************************************************************************/
.o-form input:-webkit-autofill,
.o-form select:-webkit-autofill,
.o-form textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px #f0f2f3;
    color: #525e65 !important; }

.o-form__input,
.o-form__textarea,
.o-form__select {
    padding: 5px 10px;
    border: none;
    margin-top: 5px;
    margin-top: 0.33333rem;
    background-color: #fff;
    font-family: "Roboto Condensed", Arial, sans-serif; }
.o-form__input.o-form__error,
.o-form__textarea.o-form__error,
.o-form__select.o-form__error {
    border-color: #db0f19; }

.o-form__select {
    cursor: pointer; }
.o-form__select::-ms-expand {
    display: none; }

/*.o-form__special {
	display: inline-block;

	cursor: pointer;

	.icon {
		color: $colorFormSpecialIcon;

		&:hover, &:active, &:focus { color: $colorFormSpecialIconHover; }
	}
}*/
/******************************************************************************

	3. FORM: Modifier

******************************************************************************/
.o-form__info--required {
    color: #00b2c8; }

.o-form__note--error {
    width: 30%;
    padding: 0 10px;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.5;
    color: #db0f19; }

@media only screen and (max-width: 48.0625em) {
    .o-form__note--error {
        width: 100%;
        padding: 5px 0; } }
.o-form__radio--group-title {
    margin-top: 0;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 600; }

.o-form__label--radio {
    padding-left: 10px;
    font-weight: 400;
    cursor: pointer; }
.o-form__label--radio input[type="radio"] {
    margin-right: 5px; }

/*Searchform*/
.o-form--searchform {
    padding: 1px 20px 20px;
    margin-top: 20px;
    margin-top: 1.33333rem; }
.o-form--searchform .o-form__fieldset {
    padding-left: 20px;
    border: none; }
.o-form--searchform .o-form__fieldset .o-layout__item {
    padding-left: 0; }
.o-form--searchform .o-form__fieldset .o-form__input {
    margin-top: 10px;
    margin-top: 0.66667rem;
    height: 40px;
    border-right: 0; }
.o-form--searchform .o-form__fieldset .o-btn--login {
    height: 40px; }

/********************************************************************
Object Figure (_o-layout.scss)

@copyright	© 2015, Eduard Meyer/Renate Forßmann (grintsch communication)
@date		2015-03-16 (2015-02-25)

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. LAYOUT: Überschreibungen

***************************************/
@media only screen and (max-width: 48.0625em) {
    .u-mobile-wrap > .o-layout {
        display: table; }
    .u-mobile-wrap > .o-layout > .o-layout__item {
        display: table-cell !important;
        height: 100%;
        vertical-align: middle; } }
/********************************************************************
Object LISTING (_object_figure.scss)

@copyright	© 2015, Eduard Meyer/Renate Forßmann (grintsch communication)
@date		2015-03-16 (2015-02-25)

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. LISTING: Object

***************************************/
.o-listing {
    clear: both; }
.o-listing .o-listing__header h2 {
    margin-top: 0; }

.page-type--home article .o-listing {
    margin-bottom: 40px;
    margin-bottom: 2.66667rem; }
.page-type--home article .o-listing__item {
    margin-top: 20px;
    margin-top: 1.33333rem; }

#articleMain .o-listing .o-listing__header h2 {
    margin-top: 20px;
    margin-top: 1.33333rem; }

#asideMain .o-listing {
    position: relative;
    padding: 20px; }
#asideMain .o-listing:first-child {
    margin-top: 0; }
#asideMain .o-listing:before {
    position: absolute;
    top: 20px;
    left: 20px;
    content: '\f054';
    width: 60px;
    height: 60px;
    padding-top: 6px;
    padding-left: 6px;
    border-radius: 100%;
    font-family: "FontAwesome";
    font-size: 36px;
    color: #fff;
    text-align: center;
    background-color: #00b2c8; }
#asideMain .o-listing .o-listing__header h2 {
    /*min-height: $baseSpacingUnit--triple;
    padding-left: ($baseSpacingUnit--triple + $baseSpacingUnit--half);*/
    padding-top: 15px; }
#asideMain .o-listing .o-listing__header h3, #asideMain .o-listing .o-listing__header p {
    margin-top: 10px;
    margin-top: 0.66667rem; }

@media only screen and (max-width: 48.0625em) {
    #wAsidePage .o-listing {
        margin-top: 20px;
        margin-top: 1.33333rem; } }
@media only screen and (min-width: 48.0626em) {
    #asideMain .o-listing {
        margin-top: 20px;
        margin-top: 1.33333rem; }

    #wAsidePage .o-listing {
        margin-top: 40px;
        margin-top: 2.66667rem; } }
/**************************************

	3. LISTING: Modifier

***************************************/
/**************************************

	3.1 LISTING: Modifier

***************************************/
#asideMain .o-listing .o-listing__header {
    margin-top: 60px;
    margin-top: 4rem; }

/**************************************

	3.2 LISTING: Modifier - Download

***************************************/
#asideMain .o-listing--download:before {
    content: '\f019';
    padding-top: 4px;
    padding-left: 0;
    background-color: #91bd10; }
#asideMain .o-listing--download .o-listing__header {
    margin-top: 60px;
    margin-top: 4rem; }

/**************************************

	3.3 LISTING: Modifier - Contact

***************************************/
#asideMain .o-listing--contact:before {
    content: '\f003';
    padding-top: 4px;
    padding-left: 0;
    background-color: #525e65; }
#asideMain .o-listing--contact .o-listing__header {
    margin-top: 60px;
    margin-top: 4rem; }

/**************************************

	3.4 LISTING: Modifier - Infobox

***************************************/
#asideMain .o-listing--infobox:before {
    content: '\f129';
    padding-top: 4px;
    padding-left: 0; }
#asideMain .o-listing--infobox .o-listing__header {
    margin-top: 60px;
    margin-top: 4rem; }

/**************************************

	3.5 LISTING: Modifier - Kalendar

***************************************/
#asideMain .o-listing--event:before {
    content: '\f133';
    padding-top: 4px;
    padding-left: 0; }
#asideMain .o-listing--event .o-listing__header {
    margin-top: 60px;
    margin-top: 4rem; }
#asideMain .o-listing--event .o-listing__footer {
    margin-top: 20px;
    margin-top: 1.33333rem; }

/**************************************

	3.4 LISTING: Modifier - Searchresult

***************************************/
.o-listing--searchresult {
    padding-top: 20px; }
.o-listing--searchresult .o-listing__head {
    position: relative; }
.o-listing--searchresult .o-listing__head .o-listing__title {
    padding-right: 40px; }
.o-listing--searchresult .o-listing__head .o-listing__meta {
    position: absolute;
    top: 0px;
    right: 0px; }
.o-listing--searchresult .o-listing__head .o-listing__meta .o-listing__author {
    margin-top: 0; }
@media only screen and (max-width: 48.0625em) {
    .o-listing--searchresult .o-listing__head .o-listing__meta {
        margin-left: 20px; } }
@media only screen and (min-width: 40.063em) {
    .o-listing--searchresult .o-listing__head .o-listing__meta {
        margin-top: 5px;
        margin-top: 0.33333rem; } }
.o-listing--searchresult .o-listing__read-more {
    margin-top: 0; }

/**************************************

	4. LISTING: Sonderfälle/Überschreibungen

***************************************/
/* object: address listing */
/* object: search listing */
.listing--searchresult {
    margin-top: 20px;
    margin-top: 1.33333rem;
    padding-bottom: 20px; }
.listing--searchresult .listing__headline {
    margin-top: 20px; }

[class^="icon-"], [class*=" icon-"] {
    margin-top: -3px; }

/* fixes uncool margin on the left side if the icon is positioned before the actual text */
.tiblock--side-by-side .icon:before {
    margin-right: 0; }

.listing--download .icon:before {
    margin-left: 0; }

.icon-glass:before {
    content: "\f000"; }

.icon-music:before {
    content: "\f001"; }

.icon-search:before {
    content: "\f002"; }

.icon-envelope-o:before {
    content: "\f003"; }

.icon-heart:before {
    content: "\f004"; }

.icon-star:before {
    content: "\f005"; }

.icon-star-o:before {
    content: "\f006"; }

.icon-user:before {
    content: "\f007"; }

.icon-film:before {
    content: "\f008"; }

.icon-th-large:before {
    content: "\f009"; }

.icon-th:before {
    content: "\f00a"; }

.icon-th-list:before {
    content: "\f00b"; }

.icon-check:before {
    content: "\f00c"; }

.icon-remove:before,
.icon-close:before,
.icon-times:before {
    content: "\f00d"; }

.icon-search-plus:before {
    content: "\f00e"; }

.icon-search-minus:before {
    content: "\f010"; }

.icon-power-off:before {
    content: "\f011"; }

.icon-signal:before {
    content: "\f012"; }

.icon-gear:before,
.icon-cog:before {
    content: "\f013"; }

.icon-trash-o:before {
    content: "\f014"; }

.icon-home:before {
    content: "\f015"; }

.icon-file-o:before {
    content: "\f016"; }

.icon-clock-o:before {
    content: "\f017"; }

.icon-road:before {
    content: "\f018"; }

.icon-download:before {
    content: "\f019"; }

.icon-arrow-circle-o-down:before {
    content: "\f01a"; }

.icon-arrow-circle-o-up:before {
    content: "\f01b"; }

.icon-inbox:before {
    content: "\f01c"; }

.icon-play-circle-o:before {
    content: "\f01d"; }

.icon-rotate-right:before,
.icon-repeat:before {
    content: "\f01e"; }

.icon-refresh:before {
    content: "\f021"; }

.icon-list-alt:before {
    content: "\f022"; }

.icon-lock:before {
    content: "\f023"; }

.icon-flag:before {
    content: "\f024"; }

.icon-headphones:before {
    content: "\f025"; }

.icon-volume-off:before {
    content: "\f026"; }

.icon-volume-down:before {
    content: "\f027"; }

.icon-volume-up:before {
    content: "\f028"; }

.icon-qrcode:before {
    content: "\f029"; }

.icon-barcode:before {
    content: "\f02a"; }

.icon-tag:before {
    content: "\f02b"; }

.icon-tags:before {
    content: "\f02c"; }

.icon-book:before {
    content: "\f02d"; }

.icon-bookmark:before {
    content: "\f02e"; }

.icon-print:before {
    content: "\f02f"; }

.icon-camera:before {
    content: "\f030"; }

.icon-font:before {
    content: "\f031"; }

.icon-bold:before {
    content: "\f032"; }

.icon-italic:before {
    content: "\f033"; }

.icon-text-height:before {
    content: "\f034"; }

.icon-text-width:before {
    content: "\f035"; }

.icon-align-left:before {
    content: "\f036"; }

.icon-align-center:before {
    content: "\f037"; }

.icon-align-right:before {
    content: "\f038"; }

.icon-align-justify:before {
    content: "\f039"; }

.icon-list:before {
    content: "\f03a"; }

.icon-dedent:before,
.icon-outdent:before {
    content: "\f03b"; }

.icon-indent:before {
    content: "\f03c"; }

.icon-video-camera:before {
    content: "\f03d"; }

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
    content: "\f03e"; }

.icon-pencil:before {
    content: "\f040"; }

.icon-map-marker:before {
    content: "\f041"; }

.icon-adjust:before {
    content: "\f042"; }

.icon-tint:before {
    content: "\f043"; }

.icon-edit:before,
.icon-pencil-square-o:before {
    content: "\f044"; }

.icon-share-square-o:before {
    content: "\f045"; }

.icon-check-square-o:before {
    content: "\f046"; }

.icon-arrows:before {
    content: "\f047"; }

.icon-step-backward:before {
    content: "\f048"; }

.icon-fast-backward:before {
    content: "\f049"; }

.icon-backward:before {
    content: "\f04a"; }

.icon-play:before {
    content: "\f04b"; }

.icon-pause:before {
    content: "\f04c"; }

.icon-stop:before {
    content: "\f04d"; }

.icon-forward:before {
    content: "\f04e"; }

.icon-fast-forward:before {
    content: "\f050"; }

.icon-step-forward:before {
    content: "\f051"; }

.icon-eject:before {
    content: "\f052"; }

.icon-chevron-left:before {
    content: "\f053"; }

.icon-chevron-right:before {
    content: "\f054"; }

.icon-plus-circle:before {
    content: "\f055"; }

.icon-minus-circle:before {
    content: "\f056"; }

.icon-times-circle:before {
    content: "\f057"; }

.icon-check-circle:before {
    content: "\f058"; }

.icon-question-circle:before {
    content: "\f059"; }

.icon-info-circle:before {
    content: "\f05a"; }

.icon-crosshairs:before {
    content: "\f05b"; }

.icon-times-circle-o:before {
    content: "\f05c"; }

.icon-check-circle-o:before {
    content: "\f05d"; }

.icon-ban:before {
    content: "\f05e"; }

.icon-arrow-left:before {
    content: "\f060"; }

.icon-arrow-right:before {
    content: "\f061"; }

.icon-arrow-up:before {
    content: "\f062"; }

.icon-arrow-down:before {
    content: "\f063"; }

.icon-mail-forward:before,
.icon-share:before {
    content: "\f064"; }

.icon-expand:before {
    content: "\f065"; }

.icon-compress:before {
    content: "\f066"; }

.icon-plus:before {
    content: "\f067"; }

.icon-minus:before {
    content: "\f068"; }

.icon-asterisk:before {
    content: "\f069"; }

.icon-exclamation-circle:before {
    content: "\f06a"; }

.icon-gift:before {
    content: "\f06b"; }

.icon-leaf:before {
    content: "\f06c"; }

.icon-fire:before {
    content: "\f06d"; }

.icon-eye:before {
    content: "\f06e"; }

.icon-eye-slash:before {
    content: "\f070"; }

.icon-warning:before,
.icon-exclamation-triangle:before {
    content: "\f071"; }

.icon-plane:before {
    content: "\f072"; }

.icon-calendar:before {
    content: "\f073"; }

.icon-random:before {
    content: "\f074"; }

.icon-comment:before {
    content: "\f075"; }

.icon-magnet:before {
    content: "\f076"; }

.icon-chevron-up:before {
    content: "\f077"; }

.icon-chevron-down:before {
    content: "\f078"; }

.icon-retweet:before {
    content: "\f079"; }

.icon-shopping-cart:before {
    content: "\f07a"; }

.icon-folder:before {
    content: "\f07b"; }

.icon-folder-open:before {
    content: "\f07c"; }

.icon-arrows-v:before {
    content: "\f07d"; }

.icon-arrows-h:before {
    content: "\f07e"; }

.icon-bar-chart-o:before,
.icon-bar-chart:before {
    content: "\f080"; }

.icon-twitter-square:before {
    content: "\f081"; }

.icon-facebook-square:before {
    content: "\f082"; }

.icon-camera-retro:before {
    content: "\f083"; }

.icon-key:before {
    content: "\f084"; }

.icon-gears:before,
.icon-cogs:before {
    content: "\f085"; }

.icon-comments:before {
    content: "\f086"; }

.icon-thumbs-o-up:before {
    content: "\f087"; }

.icon-thumbs-o-down:before {
    content: "\f088"; }

.icon-star-half:before {
    content: "\f089"; }

.icon-heart-o:before {
    content: "\f08a"; }

.icon-sign-out:before {
    content: "\f08b"; }

.icon-linkedin-square:before {
    content: "\f08c"; }

.icon-thumb-tack:before {
    content: "\f08d"; }

.icon-external-link:before {
    content: "\f08e"; }

.icon-sign-in:before {
    content: "\f090"; }

.icon-trophy:before {
    content: "\f091"; }

.icon-github-square:before {
    content: "\f092"; }

.icon-upload:before {
    content: "\f093"; }

.icon-lemon-o:before {
    content: "\f094"; }

.icon-phone:before {
    content: "\f095"; }

.icon-square-o:before {
    content: "\f096"; }

.icon-bookmark-o:before {
    content: "\f097"; }

.icon-phone-square:before {
    content: "\f098"; }

.icon-twitter:before {
    content: "\f099"; }

.icon-facebook-f:before,
.icon-facebook:before {
    content: "\f09a"; }

.icon-github:before {
    content: "\f09b"; }

.icon-unlock:before {
    content: "\f09c"; }

.icon-credit-card:before {
    content: "\f09d"; }

.icon-feed:before,
.icon-rss:before {
    content: "\f09e"; }

.icon-hdd-o:before {
    content: "\f0a0"; }

.icon-bullhorn:before {
    content: "\f0a1"; }

.icon-bell:before {
    content: "\f0f3"; }

.icon-certificate:before {
    content: "\f0a3"; }

.icon-hand-o-right:before {
    content: "\f0a4"; }

.icon-hand-o-left:before {
    content: "\f0a5"; }

.icon-hand-o-up:before {
    content: "\f0a6"; }

.icon-hand-o-down:before {
    content: "\f0a7"; }

.icon-arrow-circle-left:before {
    content: "\f0a8"; }

.icon-arrow-circle-right:before {
    content: "\f0a9"; }

.icon-arrow-circle-up:before {
    content: "\f0aa"; }

.icon-arrow-circle-down:before {
    content: "\f0ab"; }

.icon-globe:before {
    content: "\f0ac"; }

.icon-wrench:before {
    content: "\f0ad"; }

.icon-tasks:before {
    content: "\f0ae"; }

.icon-filter:before {
    content: "\f0b0"; }

.icon-briefcase:before {
    content: "\f0b1"; }

.icon-arrows-alt:before {
    content: "\f0b2"; }

.icon-group:before,
.icon-users:before {
    content: "\f0c0"; }

.icon-chain:before,
.icon-link:before {
    content: "\f0c1"; }

.icon-cloud:before {
    content: "\f0c2"; }

.icon-flask:before {
    content: "\f0c3"; }

.icon-cut:before,
.icon-scissors:before {
    content: "\f0c4"; }

.icon-copy:before,
.icon-files-o:before {
    content: "\f0c5"; }

.icon-paperclip:before {
    content: "\f0c6"; }

.icon-save:before,
.icon-floppy-o:before {
    content: "\f0c7"; }

.icon-square:before {
    content: "\f0c8"; }

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
    content: "\f0c9"; }

.icon-list-ul:before {
    content: "\f0ca"; }

.icon-list-ol:before {
    content: "\f0cb"; }

.icon-strikethrough:before {
    content: "\f0cc"; }

.icon-underline:before {
    content: "\f0cd"; }

.icon-table:before {
    content: "\f0ce"; }

.icon-magic:before {
    content: "\f0d0"; }

.icon-truck:before {
    content: "\f0d1"; }

.icon-pinterest:before {
    content: "\f0d2"; }

.icon-pinterest-square:before {
    content: "\f0d3"; }

.icon-google-plus-square:before {
    content: "\f0d4"; }

.icon-google-plus:before {
    content: "\f0d5"; }

.icon-money:before {
    content: "\f0d6"; }

.icon-caret-down:before {
    content: "\f0d7"; }

.icon-caret-up:before {
    content: "\f0d8"; }

.icon-caret-left:before {
    content: "\f0d9"; }

.icon-caret-right:before {
    content: "\f0da"; }

.icon-columns:before {
    content: "\f0db"; }

.icon-unsorted:before,
.icon-sort:before {
    content: "\f0dc"; }

.icon-sort-down:before,
.icon-sort-desc:before {
    content: "\f0dd"; }

.icon-sort-up:before,
.icon-sort-asc:before {
    content: "\f0de"; }

.icon-envelope:before {
    content: "\f0e0"; }

.icon-linkedin:before {
    content: "\f0e1"; }

.icon-rotate-left:before,
.icon-undo:before {
    content: "\f0e2"; }

.icon-legal:before,
.icon-gavel:before {
    content: "\f0e3"; }

.icon-dashboard:before,
.icon-tachometer:before {
    content: "\f0e4"; }

.icon-comment-o:before {
    content: "\f0e5"; }

.icon-comments-o:before {
    content: "\f0e6"; }

.icon-flash:before,
.icon-bolt:before {
    content: "\f0e7"; }

.icon-sitemap:before {
    content: "\f0e8"; }

.icon-umbrella:before {
    content: "\f0e9"; }

.icon-paste:before,
.icon-clipboard:before {
    content: "\f0ea"; }

.icon-lightbulb-o:before {
    content: "\f0eb"; }

.icon-exchange:before {
    content: "\f0ec"; }

.icon-cloud-download:before {
    content: "\f0ed"; }

.icon-cloud-upload:before {
    content: "\f0ee"; }

.icon-user-md:before {
    content: "\f0f0"; }

.icon-stethoscope:before {
    content: "\f0f1"; }

.icon-suitcase:before {
    content: "\f0f2"; }

.icon-bell-o:before {
    content: "\f0a2"; }

.icon-coffee:before {
    content: "\f0f4"; }

.icon-cutlery:before {
    content: "\f0f5"; }

.icon-file-text-o:before {
    content: "\f0f6"; }

.icon-building-o:before {
    content: "\f0f7"; }

.icon-hospital-o:before {
    content: "\f0f8"; }

.icon-ambulance:before {
    content: "\f0f9"; }

.icon-medkit:before {
    content: "\f0fa"; }

.icon-fighter-jet:before {
    content: "\f0fb"; }

.icon-beer:before {
    content: "\f0fc"; }

.icon-h-square:before {
    content: "\f0fd"; }

.icon-plus-square:before {
    content: "\f0fe"; }

.icon-angle-double-left:before {
    content: "\f100"; }

.icon-angle-double-right:before {
    content: "\f101"; }

.icon-angle-double-up:before {
    content: "\f102"; }

.icon-angle-double-down:before {
    content: "\f103"; }

.icon-angle-left:before {
    content: "\f104"; }

.icon-angle-right:before {
    content: "\f105"; }

.icon-angle-up:before {
    content: "\f106"; }

.icon-angle-down:before {
    content: "\f107"; }

.icon-desktop:before {
    content: "\f108"; }

.icon-laptop:before {
    content: "\f109"; }

.icon-tablet:before {
    content: "\f10a"; }

.icon-mobile-phone:before,
.icon-mobile:before {
    content: "\f10b"; }

.icon-circle-o:before {
    content: "\f10c"; }

.icon-quote-left:before {
    content: "\f10d"; }

.icon-quote-right:before {
    content: "\f10e"; }

.icon-spinner:before {
    content: "\f110"; }

.icon-circle:before {
    content: "\f111"; }

.icon-mail-reply:before,
.icon-reply:before {
    content: "\f112"; }

.icon-github-alt:before {
    content: "\f113"; }

.icon-folder-o:before {
    content: "\f114"; }

.icon-folder-open-o:before {
    content: "\f115"; }

.icon-smile-o:before {
    content: "\f118"; }

.icon-frown-o:before {
    content: "\f119"; }

.icon-meh-o:before {
    content: "\f11a"; }

.icon-gamepad:before {
    content: "\f11b"; }

.icon-keyboard-o:before {
    content: "\f11c"; }

.icon-flag-o:before {
    content: "\f11d"; }

.icon-flag-checkered:before {
    content: "\f11e"; }

.icon-terminal:before {
    content: "\f120"; }

.icon-code:before {
    content: "\f121"; }

.icon-mail-reply-all:before,
.icon-reply-all:before {
    content: "\f122"; }

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
    content: "\f123"; }

.icon-location-arrow:before {
    content: "\f124"; }

.icon-crop:before {
    content: "\f125"; }

.icon-code-fork:before {
    content: "\f126"; }

.icon-unlink:before,
.icon-chain-broken:before {
    content: "\f127"; }

.icon-question:before {
    content: "\f128"; }

.icon-info:before {
    content: "\f129"; }

.icon-exclamation:before {
    content: "\f12a"; }

.icon-superscript:before {
    content: "\f12b"; }

.icon-subscript:before {
    content: "\f12c"; }

.icon-eraser:before {
    content: "\f12d"; }

.icon-puzzle-piece:before {
    content: "\f12e"; }

.icon-microphone:before {
    content: "\f130"; }

.icon-microphone-slash:before {
    content: "\f131"; }

.icon-shield:before {
    content: "\f132"; }

.icon-calendar-o:before {
    content: "\f133"; }

.icon-fire-extinguisher:before {
    content: "\f134"; }

.icon-rocket:before {
    content: "\f135"; }

.icon-maxcdn:before {
    content: "\f136"; }

.icon-chevron-circle-left:before {
    content: "\f137"; }

.icon-chevron-circle-right:before, .listing--searchresult .listing__read-more a:after {
    content: "\f138"; }

.icon-chevron-circle-up:before {
    content: "\f139"; }

.icon-chevron-circle-down:before {
    content: "\f13a"; }

.icon-html5:before {
    content: "\f13b"; }

.icon-css3:before {
    content: "\f13c"; }

.icon-anchor:before {
    content: "\f13d"; }

.icon-unlock-alt:before {
    content: "\f13e"; }

.icon-bullseye:before {
    content: "\f140"; }

.icon-ellipsis-h:before {
    content: "\f141"; }

.icon-ellipsis-v:before {
    content: "\f142"; }

.icon-rss-square:before {
    content: "\f143"; }

.icon-play-circle:before {
    content: "\f144"; }

.icon-ticket:before {
    content: "\f145"; }

.icon-minus-square:before {
    content: "\f146"; }

.icon-minus-square-o:before {
    content: "\f147"; }

.icon-level-up:before {
    content: "\f148"; }

.icon-level-down:before {
    content: "\f149"; }

.icon-check-square:before {
    content: "\f14a"; }

.icon-pencil-square:before {
    content: "\f14b"; }

.icon-external-link-square:before {
    content: "\f14c"; }

.icon-share-square:before {
    content: "\f14d"; }

.icon-compass:before {
    content: "\f14e"; }

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
    content: "\f150"; }

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
    content: "\f151"; }

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
    content: "\f152"; }

.icon-euro:before,
.icon-eur:before {
    content: "\f153"; }

.icon-gbp:before {
    content: "\f154"; }

.icon-dollar:before,
.icon-usd:before {
    content: "\f155"; }

.icon-rupee:before,
.icon-inr:before {
    content: "\f156"; }

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
    content: "\f157"; }

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
    content: "\f158"; }

.icon-won:before,
.icon-krw:before {
    content: "\f159"; }

.icon-bitcoin:before,
.icon-btc:before {
    content: "\f15a"; }

.icon-file:before {
    content: "\f15b"; }

.icon-file-text:before {
    content: "\f15c"; }

.icon-sort-alpha-asc:before {
    content: "\f15d"; }

.icon-sort-alpha-desc:before {
    content: "\f15e"; }

.icon-sort-amount-asc:before {
    content: "\f160"; }

.icon-sort-amount-desc:before {
    content: "\f161"; }

.icon-sort-numeric-asc:before {
    content: "\f162"; }

.icon-sort-numeric-desc:before {
    content: "\f163"; }

.icon-thumbs-up:before {
    content: "\f164"; }

.icon-thumbs-down:before {
    content: "\f165"; }

.icon-youtube-square:before {
    content: "\f166"; }

.icon-youtube:before {
    content: "\f167"; }

.icon-xing:before {
    content: "\f168"; }

.icon-xing-square:before {
    content: "\f169"; }

.icon-youtube-play:before {
    content: "\f16a"; }

.icon-dropbox:before {
    content: "\f16b"; }

.icon-stack-overflow:before {
    content: "\f16c"; }

.icon-instagram:before {
    content: "\f16d"; }

.icon-flickr:before {
    content: "\f16e"; }

.icon-adn:before {
    content: "\f170"; }

.icon-bitbucket:before {
    content: "\f171"; }

.icon-bitbucket-square:before {
    content: "\f172"; }

.icon-tumblr:before {
    content: "\f173"; }

.icon-tumblr-square:before {
    content: "\f174"; }

.icon-long-arrow-down:before {
    content: "\f175"; }

.icon-long-arrow-up:before {
    content: "\f176"; }

.icon-long-arrow-left:before {
    content: "\f177"; }

.icon-long-arrow-right:before {
    content: "\f178"; }

.icon-apple:before {
    content: "\f179"; }

.icon-windows:before {
    content: "\f17a"; }

.icon-android:before {
    content: "\f17b"; }

.icon-linux:before {
    content: "\f17c"; }

.icon-dribbble:before {
    content: "\f17d"; }

.icon-skype:before {
    content: "\f17e"; }

.icon-foursquare:before {
    content: "\f180"; }

.icon-trello:before {
    content: "\f181"; }

.icon-female:before {
    content: "\f182"; }

.icon-male:before {
    content: "\f183"; }

.icon-gittip:before,
.icon-gratipay:before {
    content: "\f184"; }

.icon-sun-o:before {
    content: "\f185"; }

.icon-moon-o:before {
    content: "\f186"; }

.icon-archive:before {
    content: "\f187"; }

.icon-bug:before {
    content: "\f188"; }

.icon-vk:before {
    content: "\f189"; }

.icon-weibo:before {
    content: "\f18a"; }

.icon-renren:before {
    content: "\f18b"; }

.icon-pagelines:before {
    content: "\f18c"; }

.icon-stack-exchange:before {
    content: "\f18d"; }

.icon-arrow-circle-o-right:before {
    content: "\f18e"; }

.icon-arrow-circle-o-left:before {
    content: "\f190"; }

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
    content: "\f191"; }

.icon-dot-circle-o:before {
    content: "\f192"; }

.icon-wheelchair:before {
    content: "\f193"; }

.icon-vimeo-square:before {
    content: "\f194"; }

.icon-turkish-lira:before,
.icon-try:before {
    content: "\f195"; }

.icon-plus-square-o:before {
    content: "\f196"; }

.icon-space-shuttle:before {
    content: "\f197"; }

.icon-slack:before {
    content: "\f198"; }

.icon-envelope-square:before {
    content: "\f199"; }

.icon-wordpress:before {
    content: "\f19a"; }

.icon-openid:before {
    content: "\f19b"; }

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
    content: "\f19c"; }

.icon-mortar-board:before,
.icon-graduation-cap:before {
    content: "\f19d"; }

.icon-yahoo:before {
    content: "\f19e"; }

.icon-google:before {
    content: "\f1a0"; }

.icon-reddit:before {
    content: "\f1a1"; }

.icon-reddit-square:before {
    content: "\f1a2"; }

.icon-stumbleupon-circle:before {
    content: "\f1a3"; }

.icon-stumbleupon:before {
    content: "\f1a4"; }

.icon-delicious:before {
    content: "\f1a5"; }

.icon-digg:before {
    content: "\f1a6"; }

.icon-pied-piper:before {
    content: "\f1a7"; }

.icon-pied-piper-alt:before {
    content: "\f1a8"; }

.icon-drupal:before {
    content: "\f1a9"; }

.icon-joomla:before {
    content: "\f1aa"; }

.icon-language:before {
    content: "\f1ab"; }

.icon-fax:before {
    content: "\f1ac"; }

.icon-building:before {
    content: "\f1ad"; }

.icon-child:before {
    content: "\f1ae"; }

.icon-paw:before {
    content: "\f1b0"; }

.icon-spoon:before {
    content: "\f1b1"; }

.icon-cube:before {
    content: "\f1b2"; }

.icon-cubes:before {
    content: "\f1b3"; }

.icon-behance:before {
    content: "\f1b4"; }

.icon-behance-square:before {
    content: "\f1b5"; }

.icon-steam:before {
    content: "\f1b6"; }

.icon-steam-square:before {
    content: "\f1b7"; }

.icon-recycle:before {
    content: "\f1b8"; }

.icon-automobile:before,
.icon-car:before {
    content: "\f1b9"; }

.icon-cab:before,
.icon-taxi:before {
    content: "\f1ba"; }

.icon-tree:before {
    content: "\f1bb"; }

.icon-spotify:before {
    content: "\f1bc"; }

.icon-deviantart:before {
    content: "\f1bd"; }

.icon-soundcloud:before {
    content: "\f1be"; }

.icon-database:before {
    content: "\f1c0"; }

.icon-file-pdf-o:before {
    content: "\f1c1"; }

.icon-file-word-o:before {
    content: "\f1c2"; }

.icon-file-excel-o:before {
    content: "\f1c3"; }

.icon-file-powerpoint-o:before {
    content: "\f1c4"; }

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
    content: "\f1c5"; }

.icon-file-zip-o:before,
.icon-file-archive-o:before {
    content: "\f1c6"; }

.icon-file-sound-o:before,
.icon-file-audio-o:before {
    content: "\f1c7"; }

.icon-file-movie-o:before,
.icon-file-video-o:before {
    content: "\f1c8"; }

.icon-file-code-o:before {
    content: "\f1c9"; }

.icon-vine:before {
    content: "\f1ca"; }

.icon-codepen:before {
    content: "\f1cb"; }

.icon-jsfiddle:before {
    content: "\f1cc"; }

.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
    content: "\f1cd"; }

.icon-circle-o-notch:before {
    content: "\f1ce"; }

.icon-ra:before,
.icon-rebel:before {
    content: "\f1d0"; }

.icon-ge:before,
.icon-empire:before {
    content: "\f1d1"; }

.icon-git-square:before {
    content: "\f1d2"; }

.icon-git:before {
    content: "\f1d3"; }

.icon-y-combinator-square:before,
.icon-yc-square:before,
.icon-hacker-news:before {
    content: "\f1d4"; }

.icon-tencent-weibo:before {
    content: "\f1d5"; }

.icon-qq:before {
    content: "\f1d6"; }

.icon-wechat:before,
.icon-weixin:before {
    content: "\f1d7"; }

.icon-send:before,
.icon-paper-plane:before {
    content: "\f1d8"; }

.icon-send-o:before,
.icon-paper-plane-o:before {
    content: "\f1d9"; }

.icon-history:before {
    content: "\f1da"; }

.icon-circle-thin:before {
    content: "\f1db"; }

.icon-header:before {
    content: "\f1dc"; }

.icon-paragraph:before {
    content: "\f1dd"; }

.icon-sliders:before {
    content: "\f1de"; }

.icon-share-alt:before {
    content: "\f1e0"; }

.icon-share-alt-square:before {
    content: "\f1e1"; }

.icon-bomb:before {
    content: "\f1e2"; }

.icon-soccer-ball-o:before,
.icon-futbol-o:before {
    content: "\f1e3"; }

.icon-tty:before {
    content: "\f1e4"; }

.icon-binoculars:before {
    content: "\f1e5"; }

.icon-plug:before {
    content: "\f1e6"; }

.icon-slideshare:before {
    content: "\f1e7"; }

.icon-twitch:before {
    content: "\f1e8"; }

.icon-yelp:before {
    content: "\f1e9"; }

.icon-newspaper-o:before {
    content: "\f1ea"; }

.icon-wifi:before {
    content: "\f1eb"; }

.icon-calculator:before {
    content: "\f1ec"; }

.icon-paypal:before {
    content: "\f1ed"; }

.icon-google-wallet:before {
    content: "\f1ee"; }

.icon-cc-visa:before {
    content: "\f1f0"; }

.icon-cc-mastercard:before {
    content: "\f1f1"; }

.icon-cc-discover:before {
    content: "\f1f2"; }

.icon-cc-amex:before {
    content: "\f1f3"; }

.icon-cc-paypal:before {
    content: "\f1f4"; }

.icon-cc-stripe:before {
    content: "\f1f5"; }

.icon-bell-slash:before {
    content: "\f1f6"; }

.icon-bell-slash-o:before {
    content: "\f1f7"; }

.icon-trash:before {
    content: "\f1f8"; }

.icon-copyright:before {
    content: "\f1f9"; }

.icon-at:before {
    content: "\f1fa"; }

.icon-eyedropper:before {
    content: "\f1fb"; }

.icon-paint-brush:before {
    content: "\f1fc"; }

.icon-birthday-cake:before {
    content: "\f1fd"; }

.icon-area-chart:before {
    content: "\f1fe"; }

.icon-pie-chart:before {
    content: "\f200"; }

.icon-line-chart:before {
    content: "\f201"; }

.icon-lastfm:before {
    content: "\f202"; }

.icon-lastfm-square:before {
    content: "\f203"; }

.icon-toggle-off:before {
    content: "\f204"; }

.icon-toggle-on:before {
    content: "\f205"; }

.icon-bicycle:before {
    content: "\f206"; }

.icon-bus:before {
    content: "\f207"; }

.icon-ioxhost:before {
    content: "\f208"; }

.icon-angellist:before {
    content: "\f209"; }

.icon-cc:before {
    content: "\f20a"; }

.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
    content: "\f20b"; }

.icon-meanpath:before {
    content: "\f20c"; }

.icon-buysellads:before {
    content: "\f20d"; }

.icon-connectdevelop:before {
    content: "\f20e"; }

.icon-dashcube:before {
    content: "\f210"; }

.icon-forumbee:before {
    content: "\f211"; }

.icon-leanpub:before {
    content: "\f212"; }

.icon-sellsy:before {
    content: "\f213"; }

.icon-shirtsinbulk:before {
    content: "\f214"; }

.icon-simplybuilt:before {
    content: "\f215"; }

.icon-skyatlas:before {
    content: "\f216"; }

.icon-cart-plus:before {
    content: "\f217"; }

.icon-cart-arrow-down:before {
    content: "\f218"; }

.icon-diamond:before {
    content: "\f219"; }

.icon-ship:before {
    content: "\f21a"; }

.icon-user-secret:before {
    content: "\f21b"; }

.icon-motorcycle:before {
    content: "\f21c"; }

.icon-street-view:before {
    content: "\f21d"; }

.icon-heartbeat:before {
    content: "\f21e"; }

.icon-venus:before {
    content: "\f221"; }

.icon-mars:before {
    content: "\f222"; }

.icon-mercury:before {
    content: "\f223"; }

.icon-intersex:before,
.icon-transgender:before {
    content: "\f224"; }

.icon-transgender-alt:before {
    content: "\f225"; }

.icon-venus-double:before {
    content: "\f226"; }

.icon-mars-double:before {
    content: "\f227"; }

.icon-venus-mars:before {
    content: "\f228"; }

.icon-mars-stroke:before {
    content: "\f229"; }

.icon-mars-stroke-v:before {
    content: "\f22a"; }

.icon-mars-stroke-h:before {
    content: "\f22b"; }

.icon-neuter:before {
    content: "\f22c"; }

.icon-genderless:before {
    content: "\f22d"; }

.icon-facebook-official:before {
    content: "\f230"; }

.icon-pinterest-p:before {
    content: "\f231"; }

.icon-whatsapp:before {
    content: "\f232"; }

.icon-server:before {
    content: "\f233"; }

.icon-user-plus:before {
    content: "\f234"; }

.icon-user-times:before {
    content: "\f235"; }

.icon-hotel:before,
.icon-bed:before {
    content: "\f236"; }

.icon-viacoin:before {
    content: "\f237"; }

.icon-train:before {
    content: "\f238"; }

.icon-subway:before {
    content: "\f239"; }

.icon-medium:before {
    content: "\f23a"; }

.icon-yc:before,
.icon-y-combinator:before {
    content: "\f23b"; }

.icon-optin-monster:before {
    content: "\f23c"; }

.icon-opencart:before {
    content: "\f23d"; }

.icon-expeditedssl:before {
    content: "\f23e"; }

.icon-battery-4:before,
.icon-battery-full:before {
    content: "\f240"; }

.icon-battery-3:before,
.icon-battery-three-quarters:before {
    content: "\f241"; }

.icon-battery-2:before,
.icon-battery-half:before {
    content: "\f242"; }

.icon-battery-1:before,
.icon-battery-quarter:before {
    content: "\f243"; }

.icon-battery-0:before,
.icon-battery-empty:before {
    content: "\f244"; }

.icon-mouse-pointer:before {
    content: "\f245"; }

.icon-i-cursor:before {
    content: "\f246"; }

.icon-object-group:before {
    content: "\f247"; }

.icon-object-ungroup:before {
    content: "\f248"; }

.icon-sticky-note:before {
    content: "\f249"; }

.icon-sticky-note-o:before {
    content: "\f24a"; }

.icon-cc-jcb:before {
    content: "\f24b"; }

.icon-cc-diners-club:before {
    content: "\f24c"; }

.icon-clone:before {
    content: "\f24d"; }

.icon-balance-scale:before {
    content: "\f24e"; }

.icon-hourglass-o:before {
    content: "\f250"; }

.icon-hourglass-1:before,
.icon-hourglass-start:before {
    content: "\f251"; }

.icon-hourglass-2:before,
.icon-hourglass-half:before {
    content: "\f252"; }

.icon-hourglass-3:before,
.icon-hourglass-end:before {
    content: "\f253"; }

.icon-hourglass:before {
    content: "\f254"; }

.icon-hand-grab-o:before,
.icon-hand-rock-o:before {
    content: "\f255"; }

.icon-hand-stop-o:before,
.icon-hand-paper-o:before {
    content: "\f256"; }

.icon-hand-scissors-o:before {
    content: "\f257"; }

.icon-hand-lizard-o:before {
    content: "\f258"; }

.icon-hand-spock-o:before {
    content: "\f259"; }

.icon-hand-pointer-o:before {
    content: "\f25a"; }

.icon-hand-peace-o:before {
    content: "\f25b"; }

.icon-trademark:before {
    content: "\f25c"; }

.icon-registered:before {
    content: "\f25d"; }

.icon-creative-commons:before {
    content: "\f25e"; }

.icon-gg:before {
    content: "\f260"; }

.icon-gg-circle:before {
    content: "\f261"; }

.icon-tripadvisor:before {
    content: "\f262"; }

.icon-odnoklassniki:before {
    content: "\f263"; }

.icon-odnoklassniki-square:before {
    content: "\f264"; }

.icon-get-pocket:before {
    content: "\f265"; }

.icon-wikipedia-w:before {
    content: "\f266"; }

.icon-safari:before {
    content: "\f267"; }

.icon-chrome:before {
    content: "\f268"; }

.icon-firefox:before {
    content: "\f269"; }

.icon-opera:before {
    content: "\f26a"; }

.icon-internet-explorer:before {
    content: "\f26b"; }

.icon-tv:before,
.icon-television:before {
    content: "\f26c"; }

.icon-contao:before {
    content: "\f26d"; }

.icon-500px:before {
    content: "\f26e"; }

.icon-amazon:before {
    content: "\f270"; }

.icon-calendar-plus-o:before {
    content: "\f271"; }

.icon-calendar-minus-o:before {
    content: "\f272"; }

.icon-calendar-times-o:before {
    content: "\f273"; }

.icon-calendar-check-o:before {
    content: "\f274"; }

.icon-industry:before {
    content: "\f275"; }

.icon-map-pin:before {
    content: "\f276"; }

.icon-map-signs:before {
    content: "\f277"; }

.icon-map-o:before {
    content: "\f278"; }

.icon-map:before {
    content: "\f279"; }

.icon-commenting:before {
    content: "\f27a"; }

.icon-commenting-o:before {
    content: "\f27b"; }

.icon-houzz:before {
    content: "\f27c"; }

.icon-vimeo:before {
    content: "\f27d"; }

.icon-black-tie:before {
    content: "\f27e"; }

.icon-fonticons:before {
    content: "\f280"; }

/********************************************************************
Object TIBLOCK (_object_figure.scss)

@copyright	© 2015, Eduard Meyer/Renate Forßmann (grintsch communication)
@date		2015-03-16 (2015-02-25)

@package	project/screen
@version	1.0

@note
********************************************************************/
/**************************************

	1. TIBLOCK: Object

***************************************/
.o-tiblock {
    padding: 20px;
    margin-top: 20px; }

/**************************************

	2. TIBLOCK: Elements

***************************************/
.o-tiblock__href {
    display: block;
    text-decoration: none; }

/**************************************
	2.1 TIBLOCK: Elements - Image
***************************************/
.o-tiblock__wrap-img {
    padding-bottom: 20px;
    margin-bottom: 10px;
    margin-bottom: 0.66667rem; }
.o-tiblock__wrap-img img {
    width: 100%; }

/**************************************
	2.1 TIBLOCK: Elements - Text
***************************************/
.o-tiblock__wrap-text {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857; }
.o-tiblock__wrap-text .o-tiblock__title {
    margin-top: 0;
    color: #00b2c8;
    font-size: 18px;
    font-size: 1.2rem;
    line-height: 1.11111;
    font-weight: 400; }
.o-tiblock__wrap-text .o-tiblock__second-title {
    margin-top: 10px;
    margin-top: 0.66667rem;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.42857;
    color: #525e65; }
.o-tiblock__wrap-text .o-tiblock__copy {
    margin-top: 10px;
    margin-top: 0.66667rem;
    color: #525e65; }

/**************************************

	3. TIBLOCK: Modifier

***************************************/
/**************************************

	3.1 TIBLOCK: Modifier - Side by Side

***************************************/
.o-tiblock--side-by-side {
    margin-top: 20px;
    margin-top: 1.33333rem; }
.o-tiblock--side-by-side .o-tiblock__wrap-text {
    width: 66.6666%;
    margin-bottom: 0; }
.o-tiblock--side-by-side .o-tiblock__wrap-text .o-tiblock__second-title {
    font-weight: 600; }
.o-tiblock--side-by-side .o-tiblock__wrap-img {
    width: 33.3333%;
    border-bottom: none;
    margin-bottom: 0; }
.o-tiblock--side-by-side .o-tiblock__wrap-img + .o-tiblock__wrap-text {
    padding-left: 10px; }

/**************************************

	3.2 TIBLOCK: Modifier - Home

***************************************/
.o-tiblock--home {
    margin-top: 20px;
    margin-top: 1.33333rem;
    border-bottom: 1px dotted #83929a; }
.o-tiblock--home .o-tiblock__wrap-text {
    width: 100%;
    font-size: 15px; }
.o-tiblock--home .o-tiblock__wrap-text .o-tiblock__href-text {
    padding-left: 0; }
.o-tiblock--home .o-tiblock__wrap-img {
    width: 40%; }
.o-tiblock--home .o-tiblock__wrap-img + .o-tiblock__wrap-text {
    width: 60%;
    padding-left: 20px; }

/**************************************

	4. TIBLOCK: Überschreibungen

***************************************/
.page-type--home #wMain .o-tiblock {
    padding: 0; }
.page-type--home #wMain .o-tiblock__title {
    margin-top: 0;
    color: #00b2c8; }
.page-type--home #wMain .o-tiblock__second-title {
    margin-top: 10px;
    margin-top: 0.66667rem; }
.page-type--home #wMain .o-tiblock__content {
    color: #525e65; }
.page-type--home #wMain .o-tiblock__content .o-tiblock__copy:first-child {
    margin-top: 10px;
    margin-top: 0.66667rem; }
.page-type--home #wMain .o-tiblock__content .o-tiblock__href-text {
    margin-top: 5px;
    margin-top: 0.33333rem; }
.page-type--home #wMain .o-tiblock--highlighted .o-tiblock__header {
    padding: 20px;
    background-color: #91bd10; }
.page-type--home #wMain .o-tiblock--highlighted .o-tiblock__title {
    margin-top: 0;
    color: #fff; }
.page-type--home #wMain .o-tiblock--highlighted .o-tiblock__content {
    padding: 20px;
    margin-top: 5px;
    background-color: #f0f2f3; }
.page-type--home #wMain .o-tiblock--highlighted .o-tiblock__content .o-tiblock__copy:first-child {
    margin-top: 0; }

#wAsidePage .o-tiblock {
    background-color: #fff; }

#asideMain .o-tiblock {
    padding: 0px; }