/* global */

/* alegreya-sans-sc-100 - latin */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/alegreya-sans-sc-v7-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans SC Thin'), local('AlegreyaSansSC-Thin'),
       url('../fonts/alegreya-sans-sc-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-sc-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-sc-v7-latin-100.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-sc-300 - latin */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/alegreya-sans-sc-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans SC Light'), local('AlegreyaSansSC-Light'),
       url('../fonts/alegreya-sans-sc-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-sc-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-sc-v7-latin-300.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-sc-regular - latin */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-sc-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans SC Regular'), local('AlegreyaSansSC-Regular'),
       url('../fonts/alegreya-sans-sc-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-sc-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-sc-v7-latin-regular.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-sc-700 - latin */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/alegreya-sans-sc-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans SC Bold'), local('AlegreyaSansSC-Bold'),
       url('../fonts/alegreya-sans-sc-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-sc-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-sc-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-sc-v7-latin-700.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}


/* alegreya-sans-100 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/alegreya-sans-v8-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Thin'), local('AlegreyaSans-Thin'),
       url('../fonts/alegreya-sans-v8-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-v8-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-v8-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-v8-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-v8-latin-100.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-300 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/alegreya-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'),
       url('../fonts/alegreya-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-v8-latin-300.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'),
       url('../fonts/alegreya-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-v8-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}




html, body { background: none; height: 100%; color: #3b4144; }
.container { width: 100%; max-width: 1920px; }

div.ccm-page header { 
	border: 0px; 
	padding: 40px 0 0 0;
	min-height: 225px;
	text-align: center; 
}

div.ccm-page img {
	margin: auto;
}

div.ccm-page header .logo img { margin: auto; max-height: 133px; } 

div.ccm-page a, div.ccm-page a:hover { color: #000; }


/* navigation */
.ccm-responsive-navigation.original { display: none; }
.ccm-responsive-menu-launch { 
	display: block;
	position: fixed; 
	z-index: 100;
	margin-top: 37px;
	margin-left: 77px;
	float: left;
}

.ccm-responsive-menu-launch.responsive-button-close {
	left: 16px;
}


@media(max-width: 600px), (max-height: 700px) {
	.ccm-responsive-menu-launch {
		position: absolute; 
		margin-left: 15px;
	}
	.ccm-responsive-menu-launch.responsive-button-close {
	}
}

.ccm-responsive-navigation ul {
	padding-top: 136px;
	padding-left: 72px;
}

@media(max-width: 600px), (max-height: 700px) {
	.ccm-responsive-navigation ul {
		padding-left: 10px;	
	}
}

.ccm-responsive-overlay ul li {
	margin-bottom: 34px;
	float: left;
	clear: both;
	display: block;
}

.ccm-responsive-overlay ul li a, .ccm-responsive-overlay ul li .mainCat {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-family: 'Alegreya Sans SC', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	width: auto;
	font-size: 16px;
}

.ccm-responsive-overlay ul ul {
	display: block !important;
	padding-top: 0px;
	padding-left: 0px;
}

.ccm-responsive-overlay ul li ul li {
	padding-left: 0px;
	margin-bottom: 0px;
}

.ccm-responsive-overlay ul li ul li a {
	font-weight: 300;
}

.ccm-responsive-overlay ul li.parent-ul a::after {
	content: '';
	padding: 0px;
}

.ccm-responsive-overlay ul li a:hover, .ccm-responsive-overlay ul li a.nav-selected {
	color: #616060;
}

.ccm-responsive-overlay {
	border: 0px;
	top: 0px;
	height: 100%;	
	background: url(../images/bgNavi.png) no-repeat top left;
	background-size: contain;
	position: fixed;
}

@media(max-width: 600px), (max-height: 700px) {
	.ccm-responsive-overlay {
		background: #131a1c;
		position: absolute;
		height: auto;
		min-height: 100%;
	}
}

.ccm-responsive-menu-launch i:after {
	content: "";
	background: url(../images/burgerSchwarz.png) no-repeat;
	width: 20px;
	height: 13px;
}
.ccm-responsive-menu-launch.responsive-button-close i:after {
	content: "";
	background: url(../images/naviClose.png) no-repeat;
	width: 13px;
	height: 13px;
}



/* home */
.page-template-home { height: 100%; }
.page-template-home .fullVisual div { height: 100%; }

div.ccm-page .fullVisual {
	max-width: 1920px;
	margin: auto;
	height: calc(100% - 225px);
}



/* content */
div.ccm-page.page-template-full { padding-bottom: 50px; }

div.ccm-page .contentWrapper {
	max-width: 1130px;
	margin: auto;
	text-align: center;	
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300;
}

div.ccm-page.page-type-imageIndex .contentWrapper {
	max-width: 1500px;
}


div.ccm-page .contentWrapper .headline {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 300;
	font-size: 24px;
}
div.ccm-page .contentWrapper .headlineBold {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 400;
	font-size: 24px;
}
div.ccm-page .contentWrapper img, div.ccm-page .googleMapCanvas {
	margin-bottom: 38px;	
}


/* slider */
div.ccm-page .ccm-image-slider-container {
	padding: 0px;
	margin-bottom: 38px;
	background: none;	
	border: 0px;
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider {
	width: 100%;
	max-width: 1130px;
	padding: 0px;
}
div.ccm-page .ccm-image-slider-container.ccm-block-image-slider-arrows .ccm-image-slider-inner {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li {
	/*max-height: 600px;*/
	max-height: 100% !important;
	text-align: center;
}

div.ccm-page .ccm-image-slider-container .ccm-image-slider .rslides li img {
	max-height: 733px;
	width: auto;
	margin-left: auto !important;
	margin-right: auto;
	display: block;
	float: none;
}
div.ccm-page .ccm-image-slider-title {
	display: none;
}



/*div.ccm-page .ccm-image-slider-container .rslides_nav {
	display: none;
}*/

div.ccm-page .ccm-image-slider-container .rslides_nav {
	width: 38px;
	height: 40px;
}

div.ccm-page .ccm-image-slider-container .rslides_nav.prev, div.ccm-page .ccm-image-slider-container .rslides_nav.prev:hover, div.ccm-page .ccm-image-slider-container .rslides_nav.next, div.ccm-page .ccm-image-slider-container .rslides_nav.next:hover {
	background: none;
}

div.ccm-page .ccm-image-slider-container .rslides_nav.prev::after {
	content: url(../images/sliderArrowLeft.png);
	margin: 0px;
}
div.ccm-page .ccm-image-slider-container .rslides_nav.next::before {
	content: url(../images/sliderArrowRight.png);
	margin: 0px;
}

@media(min-width: 1300px) {
	div.ccm-page .ccm-image-slider-container .rslides_nav {
		position: absolute;
	}
	div.ccm-page .ccm-image-slider-container .rslides_nav.prev {
		left: -80px;
	}
	div.ccm-page .ccm-image-slider-container .rslides_nav.next {
		right: -80px;
	}
}

@media(min-width: 1920px) {
	div.ccm-page .ccm-image-slider-container .rslides_nav {
		position: absolute;
	}
	div.ccm-page .ccm-image-slider-container .rslides_nav.prev {
		left: -314px;
	}
	div.ccm-page .ccm-image-slider-container .rslides_nav.next {
		right: -314px;
	}
}



/* contact form */
div.ccm-page .ccm-block-type-form, div.ccm-page .layout_form {
	border: 1px solid #9d9d9c;
	text-align: left;
	padding: 50px 50px 25px 50px;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300;
}
div.ccm-page .layout_form {
	margin-left: 15px;
	margin-right: 15px;	
}

div.ccm-page .ccm-block-type-form .control-label, div.ccm-page .layout_form .itemname {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: 300;
	color: #131a1c;
	text-transform: uppercase;
}

div.ccm-page .ccm-block-type-form .text-muted { display: none; }

div.ccm-page .ccm-block-type-form .form-control { 
	box-shadow: none;
	border: 1px solid #9d9d9c;
	border-radius: 0px;
}

div.ccm-page .ccm-block-type-form .btn, div.ccm-page .layout_form .btn {
	background: #1d1d1b;
	border-radius: 0px;
	padding: 5px 15px;
	border: 0px;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	margin-top: 10px;
}

div.ccm-page .layout_form .btn {
	margin-top: 20px;	
}	

div.ccm-page .layout_form .input {
	height: 34px;
	padding: 6px 12px;
	line-height: 1.42857143;
	border: 1px solid #9d9d9c;
	width: 100%;
}

/* projekt list */
div.ccm-page .projectContainer {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 20px;
}
@media(max-width: 990px) {
	div.ccm-page .projectContainer {
		column-count: 2;
		-moz-column-count: 2;
	    -webkit-column-count: 2;
	}	
}
@media(max-width: 800px) {
	div.ccm-page .projectContainer {
		column-count: 1;
		-moz-column-count: 1;
	    -webkit-column-count: 1;
	     column-gap: 0px;
	}	
}

div.ccm-page .projectContainer .projectItem {
    display: inline-block;
    width: 100%;
    padding-bottom: 35px;
}
div.ccm-page .projectContainer .projectItem img {
	display: block;
}


@media(max-width: 800px) {
	div.ccm-page .projectContainer .projectItem {
		margin-bottom: 40px;
	}	
}

div.ccm-page .projectContainer img {
	margin-bottom: 0px;
}

div.ccm-page .imageWrapper {
	/*overflow:hidden;*/
	position:relative;
}

div.ccm-page .imageWrapper a:hover img {
	/*-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-o-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	transform: scale(1.25); */

	/*filter: gray; */ /* IE6-9 */
	/* -webkit-filter: grayscale(1); */ /* Google Chrome, Safari 6+ & Opera 15+ */
	/* filter: grayscale(1); */ /* Microsoft Edge and Firefox 35+ */
}

div.ccm-page .imageWrapper .moreImages {
	display: none;
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	margin: auto;
	height: 100%;
	width: 100%;

	background: rgba(0,0,0,0.4);
	
}

div.ccm-page .imageWrapper a:hover .moreImages {
	display: block;
}

div.ccm-page .imageWrapper .moreImages .text {
	color: #fff;
	text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;

	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



div.ccm-page .projectContainer .arrowTop {
	margin-bottom: 7px;
}


/* project image slider*/
div.ccm-page .photographerName, div.ccm-page .photographerIndex, div.ccm-page .projectName {
	display: inline-block;	
}
div.ccm-page .photographerName a {
	color: #3b4144;
	background: url(../images/arrowLeft.png) no-repeat top 4px left;
	padding-left: 18px;
}
div.ccm-page .photographerIndex {
	margin-left: 40px;
	margin-right: 40px;
}
div.ccm-page .photographerIndex a {
	font-weight: 700;
}


/* project image index */
div.ccm-page .imageIndex {
	column-count: 5;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-gap: 40px;
    margin-bottom: 50px;
    
   /* width: 20%;
    float: left;
    margin-right: 40px;*/
}
div.ccm-page .imageIndex .imageBlock {
}
/*
div.ccm-page .imageIndex img:nth-child(5n) {
	margin-right: 0px;	
}
div.ccm-page .imageIndex img:nth-child(6n) {
	clear: both;
}*/


@media(max-width: 990px) {
	div.ccm-page .imageIndex {
		column-count: 4;
		-moz-column-count: 4;
	    -webkit-column-count: 4;
	}	
}
@media(max-width: 800px) {
	div.ccm-page .imageIndex {
		column-count: 3;
		-moz-column-count: 3;
	    -webkit-column-count: 3;
	}	
}
@media(max-width: 610px) {
	div.ccm-page .imageIndex {
		column-count: 2;
		-moz-column-count: 2;
	    -webkit-column-count: 2;
	}	
}



/* pdf */
div.ccm-page .pdf {
	position: absolute;
	left: 91px;	
	font-size: 11px;
}
@media(max-height: 700px) {
	div.ccm-page .pdf {
		left: 30px;	
	}
}
@media(max-width: 1220px) {
	div.ccm-page .pdf {
		left: 0px;	
	}
}
@media(max-width: 1500px) {
	div.ccm-page .pdf {
		position: relative;
		left: 0px;	
		padding-left: 77px;
		margin-bottom: 25px;
	}
}
@media(max-width: 600px) {
	div.ccm-page .pdf {
		left: 0px;
		padding-left: 30px;
	}
}



div.ccm-page .pdf .add, div.ccm-page .pdf .remove {
	padding-left: 17px;
	background-size: 10px 10px;
	cursor: pointer;	
}
div.ccm-page .pdf .add {
	background: url(../images/addPdf.png) no-repeat top 0px left;
}
div.ccm-page .pdf .remove {
	background: url(../images/removePdf.png) no-repeat top 0px left;
}
div.ccm-page .pdf span {
	color: #3b4144;
}
div.ccm-page .pdf #createPDF {
	display: none;
	padding-left: 17px;
	color: #3b4144;
	background: url(../images/arrowRight.png) no-repeat top 4px left;
}
div.ccm-page .pdf #createPDF:hover {
	font-weight: 700;
	text-decoration: none;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}
.embed-container video, .embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.embed-container iframe {
	z-index: -1;
}