/* 
	BACKSTAGE | COMPAGNON CULINAIR
	2018 - Cybox Backstage CMS
	www.cybox.nl        
*/

/** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch  */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#1e1f20}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* reset */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }
/* clearfix  */   .cf:before, .cf:after {     content: " "; /* 1 */     display: table; /* 2 */ }  .cf:after {     clear: both; }  /**  * For IE 6/7 only  * Include this rule to trigger hasLayout and contain floats.  */ .cf {     *zoom: 1; }


html,
body {
	margin:0;
	padding:0;
	height: 100%;
}
body {
    font-family:'PT Serif', serif;
    font-size: 1.1em;
    line-height: 1.7;
	color: #000;
    overflow-x: hidden;
    overflow-y: scroll;
}


/* links */
a {
    text-decoration: none;   
    color:#cbaf00;
    transition:color ease 0.1s;
}
a:hover {
    color:#44433f;
}


/* wrapper */
#wrapper {
	position: relative;
	min-height: 100%;
	box-sizing: border-box;
    overflow-x:hidden;
}


#kiek-overlay { opacity:1!important; background-color:#44433f!important; }
#kiek-title,
#kiek-close { font-size:24px!important; color:#fff; font-weight:400!important; }
#kiek-close { position:relative; text-transform:uppercase; }
#kiek-close:after { position:absolute; top:10px; right:-30px; width:20px; height:20px; content:""; background-image:url(../images/icons/close.svg); background-position:center; background-repeat:no-repeat; }
#kiek-close span.kiek-close:hover  { color:#fff!important; }
#kiek-left,
#kiek-right { color:#fff!important; }
#kiek img { -webkit-box-shadow:none!important; box-shadow:none!important; }

/* header */
#header {
    position:fixed;
    margin-top:30px;
    width:100%;
    height:85px;
    transition:margin-top ease 0.15s;
    z-index:2; }

#header #header-container {
	width:100%; height:100%;
	margin: 0 auto;
	position: relative;	
}
#header #logo { position:fixed; top:0; left:50%; border-bottom-left-radius:8px; border-bottom-right-radius:8px; box-shadow:0 5px 20px rgba(0,0,0,0.1);
	width:240px; height:220px; -webkit-transform:translateX(-50%); transform:translateX(-50%); transition:height ease 0.15s; z-index:1; background-color:#cbaf00;
}
#header #logo a {
	display: block; width: 100%; height: 100%;
    transition:background-size ease 0.15s;
	background-image: url('../images/logo-compagnon_culinair.png');
    background-size:auto 120px;
	background-position:center top 52px;
	background-repeat: no-repeat;
}
#header #menu { position:relative;
    width:100%; height:100%;
    text-align:center;
    background-color:#44433f;
}
#header #menu ul { display:inline-block; margin-top:20px; box-sizing:border-box; }
#header #menu ul.left { float:left; padding-right:150px; width:50%; text-align:right; }
#header #menu ul.right { float:left; padding-left:150px; width:50%; text-align:left; }

#header #menu ul li {
	display:inline-block;
}
#header #menu ul li a {
	display: block; 
	color:#fff;
	margin:0 30px;
	font-size:24px;
	font-weight: 400;
}
#header #menu ul li a:hover,
#header #menu ul li.active a {
    color:#fff;
	border-bottom:4px solid #cbaf00;
}

#header #menu ul.right li:last-of-type a { color:#cbaf00; }

#wrapper #header #menu-mobile {
	display: none;
}
/* language menu */
#langmenu {
    float: right;
    padding: .4em 0 .4em;  
}
#langmenu a {
    display: inline-block;
    float:left;
    opacity: .6;
    font-size: .9em;
    color: #666;
}
#langmenu a:hover, #langmenu a.active {
    opacity: 1;
	color: #ff8a00;
}
#langmenu a:not(:last-child) {
    margin-right: 8px;
}
#langmenu a img {
    display: block;   
}
/* language select */
#langswitch {
    padding: 5px 5px 5px 32px;
    color: #333;
    font-family: inherit;
    font-weight: 400;
    font-size: .9em;
    line-height: 1.4;
    background-color: #fff;
    background-image: url("/images/icons/language.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 1px dashed #000;
    margin-top: 4px;
}


/* submenu */
#content #submenu-trigger {
	display: none;
	padding:  10px 20px;
	background: #d5d5d5;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#content #submenu {
	background: #fff;
	width: 25%; float: left;
}
#content #submenu ul li.section {
	padding: 10px 15px; font-size: 1em; background: #ccc; color: #666; font-weight: 300;
}
#content #submenu ul li a {
	display: block;
	padding:  10px 20px;
	font-size: 1em;
	color: #333;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	position: relative;
	padding-right: 2em;
}
#content #submenu ul.subsub li a {
	padding-left: 3em
}
#content #submenu-trigger:after,
#content #submenu ul li a:after {
	content: "";
	position: absolute;
	right: .5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-image: url('../images/icons/arrow-right.svg');
	background-size: 10px 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: rgba(220,220,220,0.5);
	border-radius: 30px;
	transition: transform 300ms;
}
#content #submenu-trigger:after {
	background-color: rgba(220,220,220,0.5);
	background-image: url('../images/icons/arrow-down.svg');
}
#content #submenu-trigger.active:after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
#content #submenu-trigger,
#content #submenu ul li a:hover,  
#content #submenu ul li.subactive, 
#content #submenu ul li.active > a {
	background: #ccd2e7;
}
#content #submenu ul li a img {
    max-width:100%;
    opacity: 0.8;
    transition: opacity 150ms ease-in-out;
}
#content #submenu ul li a:hover img, 
#content #submenu ul li.active a img {    
    opacity: 1;
}
/** sub-submenu**/
#submenu ul.subsub {
    box-sizing:border-box;   
}
#submenu ul.subsub.hidden {
    display:none;
}


/* header image */
#header-image { position:relative; width:100%; height:725px; max-height:95vh; }
#header-image.homepage { position:relative; width:100%; height:945px; max-height:95vh; }
#header-image.homepage #video { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:#000; }
#header-image img { display:block; width:100%; height:100%; object-fit:cover; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #header-image img { position:absolute; top:50%; left:50%; width:auto; min-width:100%; height:auto; min-height:100%; object-fit:initial; transform:translate(-50%,-50%); }
}
#header-image .media { position:absolute; width:100%; height:100%; overflow:hidden; background-color:#000; }
#header-image-container { position:relative; margin:0 auto; width:90%; max-width:1600px; height:100%; z-index:1; }
#header-image-container h2,
#header-image .title { position:absolute; bottom:55px; left:0; right:0; margin:0 auto; width:90%; font-family:'Reenie Beanie', cursive; font-size:100px; color:#fff; font-weight:400; line-height:1; text-align:center; }


/* content */
#content {
    position:relative;
	width: 100%; 
}
#content .groente-fruit { position:absolute; pointer-events:none; }
#content.homepage .groente-fruit { top:-80px; left:-94px; }
#content.over_ons .groente-fruit { top:-25px; left:0; }
#content.werkwijze .groente-fruit { top:-60px; left:0; }
#content.assortiment .groente-fruit { top:-30px; left:0; }
#content.contact .groente-fruit { top:-70px; left:-75px; }
#content.vacature .groente-fruit { bottom:-180px; right:0; z-index:1; }

#content .page_content {
    position:relative;
	margin:0 auto;
    padding:120px 0;
	width: 90%;
	max-width:1200px; 
    font-size:21px; line-height:38px;
    box-sizing:border-box;
    z-index:1;
}
#content .page_content.hassubmenu {
	width: 70%;
	padding-left: 5%;
}
#content .page_content.hasmedia { }
#content .page_content.hassubmenu.hasmedia { }

#content .page_content { padding-top:80px; }
#content .page_content .text { width:100%; box-sizing:border-box; }
#content .page_content p { margin-bottom:40px; }
#content .page_content p:nth-of-type(2) { /*float:left; padding-left:4%; width:60%; box-sizing:border-box;*/ }
#content .page_content p:last-of-type { margin-bottom:0!important; }

#content .page_content blockquote { float:left; margin-top:10px; margin-right:5%; margin-bottom:5%; padding-right:4%; width:40%; font-family:'Reenie Beanie', cursive; font-size:60px; color:#44433f; line-height:50px; text-align:right; border-right:4px solid #cbaf00; box-sizing:border-box; }
#content .page_content blockquote p { margin:0!important; margin-top:-14px!important; padding:0!important; max-width:none!important; }
#content .page_content blockquote p:last-of-type { margin-bottom:-8px!important; }

#content.homepage .page_content { padding-top:120px; }
#content.homepage .page_content p { float:left; margin-bottom:0; width:50%; box-sizing:border-box; }
#content.homepage .page_content p:nth-of-type(1) { padding-right:0; width:45%; }
#content.homepage .page_content p:nth-of-type(2) { padding-left:5%; width:55%; }

#content.homepage .page_content a:last-of-type { display:inline-block; padding:0 20px 5px 20px; font-family:'Reenie Beanie', cursive; font-size:56px; color:#cbaf00; line-height:56px; text-transform:lowercase; border:3px solid #cbaf00; border-radius:5px; }
#content.homepage .page_content a:last-of-type:hover { color:#fff; transition:all ease 0.1s; background-color:#cbaf00; }

/*#content.over_ons .page_content p:first-of-type { text-align:right; }*/

#content.werkwijze .page_content p:first-of-type { padding-left:4%; max-width:none; /*text-align:right;*/ }
#content.werkwijze .page_content p { }

#content.assortiment .page_content p:first-of-type { margin-bottom:50px; max-width:none; /*text-align:right;*/ }
#content.assortiment .page_content p:last-of-type { max-width:75%; }
#content.assortiment .page_content blockquote { padding-left:0; }
#content.assortiment .page_content ul { float:left; width:55%; margin:0; margin-top:-30px; margin-bottom:40px; }

#content.contact #contact { float:left; width:45%; padding-left:5%; box-sizing:border-box; }

#content.contact .page_content h1 { padding-bottom:80px; }
#content.contact .page_content .text { float:right; padding-left:5%; width:55%; }
#content.contact .page_content .text p { float:left; padding-left:1%; width:50%; max-width:none; box-sizing:border-box; }
#content.contact .page_content .text p a:first-of-type { display:inline-block; margin-top:10px; }
#content.contact .page_content .text blockquote { padding-left:0; padding-right:6%; width:45%; }
#content.contact .page_content .text blockquote p { margin:0; padding:0; width:100%; }

#content.vacature .page_content .text { padding-left:0; }
#content.vacature .page_content .text p { float:none; padding-left:0; width:100%; max-width:85%; }
#content.vacature .page_content .text ul { margin:0; margin-top:40px; padding:0; }
#content.vacature .page_content .text ul li { display:inline-block; float:left; clear:both; margin:0; margin-bottom:30px; padding:0; font-family:'Reenie Beanie', cursive; font-size:48px; line-height:42px; list-style:none; border-bottom:2px solid #cbaf00; }
#content.vacature .page_content .text ul li:hover { border-bottom:2px solid transparent; }

#content.vacature .page_content .links { margin:0; margin-top:40px; padding:0; }
#content.vacature .page_content .links a { display:inline-block; float:left; clear:both; margin:0; margin-bottom:30px; padding:0; font-family:'Reenie Beanie', cursive; font-size:48px; color:#cbaf00; line-height:42px; list-style:none; border-bottom:2px solid #cbaf00; }
#content.vacature .page_content .links a:hover { border-bottom:2px solid transparent; }


#content .page_content ul,
#content .page_content ol {
	margin: 20px 0;
}
#content .page_content ul li {
	list-style-type: disc; 
	margin-left: 20px;
}
#content .page_content ol li {
	list-style-type: decimal; 
	margin-left: 20px;
}
#content .page_content table {
	border: 1px solid #ccc;	
	width: 100%; 
}
#content .page_content table tr td {
	border: 1px solid #ccc; 
	padding: 10px;
}


/* headlines */
#content .page_content h1 {
	font-size:48px; 
	line-height:1; 
	font-weight:400;
	padding-bottom:48px;
	color:#44433f;
    text-align:center;
}
#content .page_content h2 {
	font-size:32px; 
	line-height:1; 
	font-weight:400;
	padding-bottom:24px;
}


/* downloads links */
#content .page_content .links {
	margin-top: 20px;
}
#content .page_content .links a,  #content .product .links a {
	display: block; 
	padding-left: 0px;
	color: #000;
}
#content .page_content .links a.link svg, #content .page_content .links a.file svg  {
	fill: #000db9;
	width: 16px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}


/* ### fotoalbum ### */
#content .page_content .fotoalbum {
	margin: 0px 0; 
	width: 101%; 
	margin-left: -1%;
}
#content .page_content .fotoalbum a {
	float: left;
	display: block; 
	position: relative;
	overflow:hidden; 
	width: 31.333%;
	margin: 1%;
}
#content .page_content .fotoalbum a.foto {
	width: 23%;
}
#content .page_content .fotoalbum a img {
	display: block;
	width: 100%;
}
#content .page_content a.back {
	font-weight: bold;
}



/* ### nieuws ### */
.news-overview .item {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-top: 2px solid rgba(0,0,0,0.2);
	padding-top: 2em;
}
.news-overview .item h2 a {
	color: #000;
}
.news-overview .item .image {
	float: right;
	margin-left: 3em;
	max-width: 100%;
}
.news-overview .item .image img {
	display: block;
	width: 100%;
}
.news-overview .item .date,
.news_item .date  {
	color: #666;
}
.news-overview .item .snippet {
	padding-top: 1em;
}
.news-overview .item a.leesmeer {
	white-space: nowrap;
	display: block;
	font-weight: bold;
}
.news-overview .item a.leesmeer:hover {
	/* hover */
}


/* ### agenda ### */
#content .page_content .agenda .item {
	background: #efefef;
	margin-bottom: 1em;
	padding: 1em; 
	border-radius: 3px;
    position: relative;
}
#content .page_content .agenda .item .spec {
	float: left; margin-right: 10px;
}	
#content .page_content .agenda .item .spec.date {
	font-weight: bold;
}
#content .page_content .agenda .item h2 {
	clear: left; 
	max-width: 100%; 
	padding-top: 0.3em; 
	padding-bottom: 0;
}
#content .page_content .agenda .item a.foto {
	float:  left; 
	width: 30%;
	position: relative;
	opacity: 0; 
	transition: opacity 400ms ease-in-out;
}
#content .page_content .agenda .item a.foto.on {
	opacity: 1;
}	
#content .page_content .agenda .item a.foto img {
	width: 100%;
}
#content .page_content .agenda .item .description {
	width: 60%;
	float: left; 
	margin-left: 10%;
}
/* if == toggle'able */
#content .page_content .agenda .item .content {
	display: none;
	padding: 2em; 
	background: #fff; 
	margin-top: 1em; 
	border-radius: 3px;
}
#content .page_content .agenda .item .toggle {
	/* display: none */
	width: 30px; 
	height: 30px; 
	float: right; 
	border-radius: 30px;
	background-color: #fff;
	background-image: url('../images/icons/arrow-down.svg'); 
	background-size: 12px 12px; 
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}	
#content .page_content .agenda .item .toggle:hover {
	cursor: pointer; 
	background-color: #ccc; 
}
#content .page_content .agenda .item .toggle.on {
	background-image: url('../images/icons/arrow-up.svg'); 
}
#content .page_content .agenda .item a.cta {
    display:block;
    color: white;
    background: #EE3A43;
    border-radius: 3px;
    padding: 0.7em 1em;
    position:absolute;
    top:1.5em;right:1.5em;
    cursor:pointer;
}
	

/* ### contact ### */
#content #contact {

}
#content #contact form {
	width: 100%;
	position: relative;  
	padding-bottom: 20px;
}
#content #contact form .field {
	padding: 0px;
	padding-bottom: 20px;
	clear: both; 
    position: relative; 
    width: auto;
}
#content #contact form .field label {
	clear: both;
	display:none; 
	margin: 0; padding: 0;
}
#content #contact form .field.radio label,
#content #contact form .field.checkbox label  {
    line-height: 1.7;
}
#content #contact form input,
#content #contact form textarea,
#content #contact form select {
	padding:15px 18px 17px 18px;
	font-family: inherit; 
	font-size:21px; 
	color: #333;
	border:none;
	width: 100%; 
	float: left;
	border-radius: 2px;
    box-sizing: border-box;
    background-color:#eee;
}
#content #contact form textarea {
	min-height:250px; 
	min-width: 100%;
	max-width: 100%; /* prevent freestyle scaling */
}
#content #contact form input[type=checkbox],
#content #contact form input[type=radio] {
	width: auto; 
    padding: 0;
    margin: 0; 
    border: none;
    display: inline; 
    margin-right: 5px; 
    margin-top: 5px;
    height: 20px;
}
#content #contact form input.submit {
    display:inline-block;
    width:auto;
    padding:0 25px 5px 25px;
    font-family:'Reenie Beanie', cursive;
    font-size:48px;
    color:#cbaf00;
    line-height:48px;
    text-transform:lowercase;
    border:3px solid #cbaf00;
    border-radius:5px;
    transition:all ease 0.1s;
    background-color:#fff;
    -moz-appearance:none;
    -webkit-appearance:none;
}
#content #contact form input.submit:hover {
	cursor: pointer; 
    color:#fff;
	background-color:#cbaf00;
}
#content #contact form br { 
	display: none; 
}
#content #contact form  label.error {
    background-color:#7d1b2d; 
	color: #fff; 
	width: auto; 
	text-align: center; 
	padding: 10px 15px!important;
	position: absolute; 
    bottom: -5px; 
    right: -10px;
    font-weight: normal!important;
    line-height:1.2;
    border-radius: 3px; 
    font-size: 13px;
    z-index:1;
}
#content #contact form  label.error:before {
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #7d1b2d;
	position: absolute;
	left: 20px;
	top: -5px;
}
#content #contact div.field.bc {
    display: none;   
}



/* ### media on page ### */
#footer-media {
	width:100%;
    background-color:#efefef;
}
#footer-media a {
	position: relative; 
	display: block; 
    float:left;
	overflow: hidden; 
    /*width:calc(100% / 3);*/
}
#footer-media a img {
	width: 100%; display: block;
}
#footer-media a.foto:hover:before, #content .fotoalbum a.foto:hover:before, 
#content .page_content .agenda .item a.foto:hover:before, 
#footer-media a.video:before,
#footer-media a.video:hover:before  {
	content: "";
	width: 48px; 
	height: 48px; 
	border-radius: 30px;
	background-color:#cbaf00; 
	position: absolute; 
	top:48px; 
	right:48px; 
	background-image: url('../images/icons/zoom.svg'); 
	background-size: 20px 20px; 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}
#footer-media a.video:before,
#footer-media a.video:hover:before {
	background-image: url('../images/icons/play.svg');
}
#footer-media a.video:hover:before {
	background-color: #ccc;
}
.caption {
	display: block;
	padding: 10px 15px; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	color: #ccc;
	position: absolute;
	left: 0; bottom: 0;
	font-size: 0.8em;
	opacity: 1;
	transition: opacity 300ms;
}
.media a:hover .caption {
	opacity: 0;
}


/* footer */
#footer {
    position:relative;
	background-color:#44433f;
}
#footer .gerecht { position:absolute; bottom:0; right:0; width:50%; pointer-events:none; z-index:1; }
#footer .gerecht .image { float:left; width:100%; min-width:900px; }
#footer .gerecht .image img { display:block; float:right; }

#footer #footer-container {
	position: relative;	
	margin: 0 auto;
	padding:65px 0;
	max-width:1200px;
	width: 90%;
    font-size:24px;
	color:#fff;
    line-height:36px;
}
#footer #footer-container ul { float:left; width:50%; }
#footer #footer-container ul li.postal { margin-bottom:20px; }
#footer #footer-container ul li strong { color:#cbaf00; font-weight:400; }

#footer #footer-container ul li a { color:#fff; transition:opacity ease 0.1s; }
#footer #footer-container ul li a:hover { opacity:0.6; }

#footer #footer-container #socialetc { position:absolute; right:0; bottom:0; padding:65px 0; width:387px; box-sizing:border-box; }
#footer #footer-container #socialetc a { float:left; margin-right:10px; vertical-align:middle; }
#footer #footer-container #socialetc a:last-of-type { margin-right:0; }
#footer #footer-container #socialetc a img { display:block; transition:opacity ease 0.15s; }
#footer #footer-container #socialetc a img:hover { opacity:0.6; }
#footer #footer-container #socialetc a.fb,
#footer #footer-container #socialetc a.li { margin:13px 0; margin-right:10px; padding:7px 8px; width:46px; height:46px; border:2px solid #fff; border-radius:8px; box-sizing:border-box; transition:background-color ease 0.1s; }
#footer #footer-container #socialetc a.fb:hover,
#footer #footer-container #socialetc a.li:hover { background-color:#fff; }
#footer #footer-container #socialetc a svg { width:26px; height:26px; fill:#fff; transition:fill ease 0.1s; }
#footer #footer-container #socialetc a:hover svg { fill:#44433f; }
#footer #footer-container #socialetc a.nl3711eg { margin:6px 22px 6px 12px; }
#footer #footer-container #socialetc a.nl3711eg,
#footer #footer-container #socialetc a.veritas { pointer-events:none; }

#footer #footer-container #socialetc.hasimage { width:50%; }

#footer #footer-container #social-media-buttons {
	float: right; 
	position: relative; 
	box-sizing: border-box;
	margin-top: 5px;
}
#footer #footer-container #social-media-buttons a {
	width: 40px; 
	height: 40px;
	border-radius: 35px;
	float: left; 
	background-color: #ccd2e7;	
	margin-left: 19px;
	position: relative;
}
#footer #footer-container #social-media-buttons a svg {
	display: block;
	fill: #000db9;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	margin-top: -8px;
}

#footer #footer-container #social-media-buttons a:hover {
	background-color: #efefef;
}
.cybox-tag {
	position: relative; 
	margin-top: 10px;
	width: 130px;
	white-space: nowrap;
	font-family: "Open Sans";
	font-style: italic;
	display: block;
	font-size: 11px;
}
.cybox-tag a {
	display: block;
	color: #000;
}
.cybox-tag svg {
	width: 55px; 
	display: inline-block;
	margin-left: 10px;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	fill: #000db9;
} 
.cybox-tag a:hover {
	cursor: #666;
}


/* mailstage */
#ms-succes {
    display:none;
}
#mailstage {
    width: 254px;
    margin:1em auto;
    
}

/* IE */
#oldiemsg {
	position: fixed; left: 0; top: 0; background: #e83f40;
	padding: 1%; width: 98%; color: #fff;
	font-family: inherit, sans-serif;
	font-size: 14px; line-height: 24px;
}
#oldiemsg a {
	color: #fff; text-decoration: underline;
}
#oldiemsg .close-oldiemsg {
	position: absolute; right: 1em; top: 1em; cursor: pointer; font-size: 16px;
}





/* disable selection */

#menu, #header, #submenu
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}