/*
 * @project friedrich & dohrmann
 * @date 2019
 */
@charset "utf-8";
@import "atomic.bs4.css";
@import "atomic_brand.css";

@font-face {
font-family: 'Bell Gothic Black';
font-style: normal;
font-weight: normal;
src: local('Bell Gothic Black'), url('bell-gothic-black.woff') format('woff');
}
@font-face {
font-family: 'Bell Gothic Light';
font-style: normal;
font-weight: normal;
src: local('Bell Gothic Light'), url('bell-gothic-light.woff') format('woff');
}
@font-face {
font-family: 'Bell Gothic Bold';
font-style: normal;
font-weight: normal;
src: local('Bell Gothic Bold'), url('bell-gothic-bold.woff') format('woff');
}

html,body{min-height:100%;}
.bgg_brightradial{
background-image: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 );
}

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 0; color: #333; font-size: 0.75em; font-weight: normal; left: 0; padding: 0.5em 5%; position: fixed; text-align: center; text-shadow: none; width: 100%; z-index: 99999;}
.cc-cookies a, .cc-cookies a:hover { color: inherit; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 100%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; border-radius:0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); color: #333; display: inline-block; padding: 0.5em 0.75em; text-decoration: none; text-shadow: 0; transition: background 0.25s ease-in 0s;}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: rgba(255, 255, 255, 1)}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}
@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}
a,a:hover{color:inherit}

/* flexicontent overrides */
#fc_filter_form_blocker { display: none !important; }

.wrap{
	width: 100%; 
	margin: 0 auto;
}
.fd-grid{
	display: grid;
	grid-gap: 5px;
}
nav{
	grid-template-rows: repeat(4, 130px); /* 4 menu-items */
	grid-auto-flow: column;
	margin-right: 5px;
}
[data-role="content"]{
	grid-template-columns: repeat(1, 130px);
	grid-template-rows: repeat(6, 130px);
	grid-auto-flow: row;
	width: auto;
	max-width: 805px;
}
.box{
	width:130px;
	min-height: 130px;
}

/*
 * header
 */
header{
	margin-bottom:5px;
}

@media (min-width:402px){/* 3sq+ */ 
	[data-role="content"]{
		grid-template-columns: repeat(2, [col] 130px);
	}
}
@media (min-width:576px){/* sm+ */ 
	[data-role="content"]{
		grid-template-columns: repeat(3, [col] 130px);
	}
	.box_sm{
		width:130px;
	}
}
@media (min-width:768px){/* md+ */ 
	[data-role="content"]{
		grid-template-columns: repeat(4, [col] 130px);
	}
	.box_md{
		width:130px;
	}
}
@media (min-width:992px){/* lg+ */
	.wrap{
		width: 940px; /* 7x130 + 6x5 */ 
	}
	[data-role="content"]{
		grid-template-columns: repeat(6, [col] 130px);
	}
	.box_lg{
		width:130px;
	}
}

/*
 * kontakt 
 */
[data-role="content"][data-content="contact"]{
	grid-template-rows: repeat(4, [row] 130px);
	grid-gap: 5px;
}
[data-role="content"][data-content="contact"] .box{
	width: auto;
	background-color: #fed374;
	color:#000;
	grid-row-end: span 1;
	grid-column-end: span 2;
	transition: all .6s;
}
[data-role="content"][data-content="contact"] .box:hover{
	background-color: #e70d26;
	color:#fff;
	transition: all .15s;
}

/* inside cards */
[data-role="content"][data-content="contact"] dt{
	width: 0px;
	clear: left;
}
[data-role="content"][data-content="contact"] dd{
	margin-left: 0em;
}

@media (min-width:992px){/* lg+ */
	[data-role="content"][data-content="contact"] .box:first-child{
		grid-column-start: col 2;
	}
	[data-role="content"][data-content="contact"] .box:first-child:hover{
		margin-left:-135px;
		margin-top:-135px;
		padding-left: calc(135px + .5em);
	}
	[data-role="content"][data-content="contact"] .box:hover{
		padding-top: calc(135px + .5em);
	}
	[data-role="content"][data-content="contact"] .box{
		grid-row-start: row 2;
	}
	[data-role="content"][data-content="contact"] .box:last-child{
		grid-column-start: col 4;
	}
	[data-role="content"][data-content="contact"] .box:last-child:hover{
		margin-top:-135px;
		margin-right: -135px;
	}
	[data-role="content"][data-content="contact"] .box:hover [data-role="name"]{
		font-size:1.4em;
	}
}

/* page 'media' */ 
.box[data-media-type="video"]:hover [data-role="playbtn"]{
	color:#e70d26;
	transform: scale(1.25);
}
.box[data-role="media"] [data-role="title"]{
	z-index:900;
}
.box[data-role="media"]:hover img{
	transform: scale(1.05);
}

/* lazyload fadein */
img[data-src]{
	opacity: 0;
	transition: opacity .4s ease-in;
}

/* fancybox overrides */
.fancybox-skin{ border-radius:0; padding:0 !important; }
.fancybox-title-float-wrap { left: 0; position: relative; right: 0; text-align: left; }
.fancybox-title-float-wrap .child{ background: transparent none repeat scroll 0 0; border-radius: 0; color: inherit; font: inherit; padding: 0.75em 1em; text-shadow: none; white-space: normal; width: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: none;
	color: #fff !important;
	font-family: FontAwesome;
	font-size: 2em;
	text-align: center;
	text-decoration: none !important;
}
.fancybox-close::before { content: "\f00d"; }
.fancybox-prev span::before { content: "\f053"; }
.fancybox-next span::before { content: "\f054"; }

/* atomic candidates */
.soft{ transition: all 0.2s ease-in-out 0s; }

/* foot */
footer{
	margin-top:5em;
}