@charset "utf-8";

@import url("../fonts/fontawesome/css/font-awesome.css");

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); /* 'Open Sans' */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); /* 'Open Sans Condensed' */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700); /* 'Oswald' */

html, body {
	/* background: #ffffff url(../images/bg_body.png) no-repeat right bottom; */
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 13px/18px 'Open Sans',Arial,Helvetica;
	font-weight: 400;
	color: #151515;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-locale: 'de';
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-mdoothing: antialiased;
}
a[href^=tel] {
	/* FIX FOR IOS DEVICES */
	color: inherit;
	text-decoration: underline;
}
/* GLOBAL CSS VARIABLES */
:root {
	--ci_color: #CF2C31;
	--ci_color_accent_1: #CF2C31;
	--ci_color_accent_1_hover: #CF2C31;
}



/* WEBSITE */
.layout_website {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_website div.container, 
.layout_website [class^="col-"],
.layout_website [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.layout_website div.row {
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 991px) {

	.layout_website {
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 20px;
	}
	
}
.layout_website_inner {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}
.layout_heading_top {
	background: var(--ci_color_accent_1);
	width: 100%;
	height: 30px;
}
.layout_heading_top_inner {
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
	font: bold 25px/39px 'Oswald', Helvetica, sans-serif;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 0px 0px 20px;
}



/* FOOTER */
.layout_footer {
	width: 100%;
	margin: 40px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
.layout_footer_inner {	
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	color: #151515; 
	text-decoration: none;
	text-align: right;
}
.layout_footer_inner a,
.layout_footer_inner a:link,
.layout_footer_inner a:visited {
	color: #151515; 
	text-decoration: none;
	border-left: 1px solid #bbbbbb;
	padding: 0px 4px 0px 5px;
}
.layout_footer_inner a:first-child {
	border-left: none;
}



/* ARCHIVE */
.layout_archived_mockups {
	margin: 60px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	border-top: 10px solid var(--ci_color_accent_1);	
}



/* DJC2 */
div.layout_current_mockup {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.djc2_listing_references_print_listing_item_image {
	position: relative;
}
div.djc2_listing_references_print_listing_item_image_verlag {
	width: 164px;
	right: 0px;
	top: 0px;
	position: absolute;
}
div.djc2_listing_references_print_listing_item_image_verlag a,
div.djc2_listing_references_print_listing_item_image_verlag a:link,
div.djc2_listing_references_print_listing_item_image_verlag a:visited {
	text-decoration: none;
}
div.djc2_listing_references_print_listing_item_image_verlag span.wording {
	font-size: 9px;
	color: #CDCCCC;
	text-decoration: none;
	text-transform: uppercase;
}
div.djc2_listing_references_print_listing_item_button {
	padding: 0px 0px 0px 0px;	
}
div.djc2_listing_references_print_listing_item_button a,
div.djc2_listing_references_print_listing_item_button a:link,
div.djc2_listing_references_print_listing_item_button a:visited {
	background: var(--ci_color_accent_1);
	width: 100%;
	height: auto;
	line-height: 35px;
	text-decoration: none !important;
	margin: 20px 0px 40px 0px;
	padding: 5px 0px 5px 0px;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}



/* DJC2 ARCHIVE GRID ITEMS */
div.djc2_listing_references_print_listing_items {
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;	
}
div.djc2_listing_references_print_grid_item {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;		
}
div.djc2_listing_references_print_grid_item_image {
	position: relative;
}
div.djc2_listing_references_print_grid_item_image_label {
	background: var(--ci_color_accent_1);
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 4px 4px;	
	right: 0px;
	top: 0px;
	position: absolute;
}



/* HEADINGS */
h1, h2, h3, h4, h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1 {
	font: bold 25px/25px 'Open Sans', Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: -1px;
	color: var(--ci_color_accent_1);
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h1 span {
	font-weight: 400;
}
h2 {	
	font: normal 20px/20px 'Open Sans', Helvetica, sans-serif;
	font-weight: 600;
	color: var(--ci_color);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	font: normal 20px/20px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: var(--ci_color);
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
h3 {
	font: bold 25px/25px 'Open Sans', Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: -1px;
	color: var(--ci_color_accent_1);
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h3 span {
	font-weight: 400;
}
h4 {
	font: normal 17px/17px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: var(--ci_color);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
}
h4 a, h4 a:link, h4 a:visited, h4 a:hover {
	font: normal 17px/17px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: var(--ci_color);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	text-decoration: none !important;
}



/* RESPONSIVE IMAGES */
.responsive_img_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.responsive_img_wrapper_no_margin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
img.img-responsive,
img.img_responsive {
	-moz-transition: all 1s ease-in-out, left 1.5s ease-in-out;
	-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
	-moz-transition: all 1s ease-in-out, left 1.5s ease-in-out;
	-o-transition: all 1s ease-in-out, left 1.5s ease-in-out;
	transition: all 1s ease-in-out, left 1.5s ease-in-out;	
}
img.img-desaturate,
img.img_desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}



/* UNIVERSAL */
img {
	border: none;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.clear_both {
	clear: both;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.display_block {
	display: block;
}
.display_inline {
	display: inline;
}
.display_none {
	display: none;
}
.pointer {
	cursor: pointer;
}
.help {
	cursor: help;
}
::-moz-selection {
	background: var(--ci_color_accent_1);
	color: #ffffff;
}
::selection {
	background: var(--ci_color_accent_1);
	color: #ffffff;
}