@charset "UTF-8";
/* CSS Document */


/* ======================================================
   GENERAL
   ====================================================== */


/* Reset browser default styles: */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  list-style: none;
}


 :root {
    --backgr-color: hsla(0,0%,0%,1.00);
    --font-color: hsla(0,0%,100%,1.00);
	--font-color-inv: hsla(0,0%,0%,1.00);
    --link-color: hsla(0,0%,75%,1.00);
    --link-hover: hsla(0,0%,100%,1.00);
    --medium-color: hsla(0,0%,50%,1.00);
	--hover-backgr: hsla(0,0%,0%,0.70);
	--border-color: hsla(0,0%,100%,0.25);
	--separator: hsla(0,0%,100%,0.25);
	--bg-trans: hsla(0,0%,0%,0.50);
	--table-one: hsla(0,0%,100%,0.40);
	--table-two: hsla(0,0%,100%,0.15);
	--gallery-border: #000;
	--caption-color: hsla(0,0%,100%,0.75);
	--menu-bg: hsla(0,0%,0%,0.80);
	--menu-font: hsla(0,0%,100%,0.85);
	--menu-font-hover: hsla(0,0%,100%,0.99);
	--logo-color-a: hsla(0,0%,100%,0.99);
	--home-bg: url(../img/backgr8.jpg);
	--hometype-backgr: hsla(0,0%,100%,0.70);
	--hometype-color: hsla(0,0%,0%,0.99);
	--hometype-hover: hsla(0,0%,100%,0.99);
	--overlay-backgr: hsla(0,0%,0%,0.80);
	--grid-backgr: hsla(0,0%,100%,0.20);
	--fancy-backgr: hsla(0,0%,0%,1.00);
	--button-backgr: hsla(0,0%,0%,0.90);
	--button-color: hsla(0,0%,100%,0.70);
	--button-hover: hsla(0,0%,100%,0.99);
	--button-disabled: hsla(0,0%,100%,0.6);
	--line: hsla(0,0%,100%,0.3);
    --grid-button-l: url("https://bertrandgoldberg.org/img/grid-light-l.png");
    --grid-button-l-hover: url("https://bertrandgoldberg.org/img/grid-light-l-hover.png");
    --grid-button-s: url("https://bertrandgoldberg.org/img/grid-light-s.png");
    --grid-button-s-hover: url("https://bertrandgoldberg.org/img/grid-light-s-hover.png");
    --time-line: hsla(0,0%,100%,0.2);
    --tl-legend: hsla(360, 100%, 100%, 0.5);
    --tl-industrial: hsla(360,100%,100%,0.25);
	--tl-industrial-hover: hsla(360,100%,100%,0.75);   
	
}

[data-theme="light"] {
    --backgr-color: hsla(0,0%,100%,1.00);
    --font-color: hsla(0,0%,0%,1.00);
	--font-color-inv: hsla(0,0%,100%,1.00);
    --link-color: hsla(0,0%,25%,1.00);
    --link-hover: hsla(0,0%,0%,1.00);
	--medium-color: hsla(0,0%,50%,1.00);
	--hover-backgr: hsla(0,0%,100%,0.80);
    --border-color: hsla(0,0%,0%,0.25);
	--separator: hsla(0,0%,0%,0.25);
    --bg-trans: hsla(0,0%,100%,0.50);
	--table-one: hsla(0,0%,0%,0.50);
	--table-two: hsla(0,0%,0%,0.07);
    --gallery-border: #fff;
	--caption-color: hsla(0,0%,0%,0.75);
	--menu-bg: hsla(0,0%,100%,0.99);
	--menu-font: hsla(0,0%,0%,0.85);
	--menu-font-hover: hsla(0,0%,0%,0.99);
	--logo-color-a: hsla(0,0%,0%,0.99);
	--home-bg: url(../img/home-white.jpg);
	--hometype-backgr: hsla(0,0%,0%,0.40);
	--hometype-color: hsla(0,0%,100%,0.99);
	--hometype-hover: hsla(0,0%,0%,0.90);
	--overlay-backgr: hsla(0,0%,100%,0.80);
	--grid-backgr: hsla(0,0%,0%,0.07);
	--fancy-backgr: hsla(0,0%,100%,1.00);
	--button-backgr: hsla(0,0%,100%,0.90);
	--button-color: hsla(0,0%,0%,0.70);
	--button-hover: hsla(0,0%,0%,0.99);
	--button-disabled: hsla(0,0%,1%,0.6);
	--line: hsla(0,0%,0%,0.3);
    --grid-button-l: url("https://bertrandgoldberg.org/img/grid-dark-l.png");
    --grid-button-l-hover: url("https://bertrandgoldberg.org/img/grid-dark-l-hover.png");
    --grid-button-s: url("https://bertrandgoldberg.org/img/grid-dark-s.png");
    --grid-button-s-hover: url("https://bertrandgoldberg.org/img/grid-dark-s-hover.png");
	--time-line: hsla(0,0%,0%,0.15);
    --tl-legend: hsla(0, 0%, 0%, 0.5);
    --tl-industrial: hsla(0,0%,0%,0.25);
    --tl-industrial-hover: hsla(0,0%,0%,0.75);
}


.fancybox-bg {
  background: var(--fancy-backgr) !important;
}
.fancybox-button {
	background: var(--button-backgr) !important;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: var(--button-color) !important; }

.fancybox-button:focus,
.fancybox-button:hover {
  color: var(--button-hover) !important;  }

.fancybox-button[disabled] {
  color: var(--button-disabled) !important;
  opacity: 1.0; }
  
.fancybox-caption-wrap {
  background: var(--button-backgr) !important;
}
.fancybox-caption {
  font-size: 14px;
  color: var(--button-color) !important;;
}
.fancybox-caption a {
  color: var(--button-disabled) !important;
}
  
.fancybox-caption a:hover {
  	color: var(--button-hover) !important; ;
}


* { box-sizing: border-box; }  

/* border-box so that border widths aren't added to the total width of the element: */
html {
	height: 100%;
  	box-sizing: border-box;
}


/* Clearfix to make floated elements behave correctly: */
  .cf:before, .cf:after { content: ""; display: table; }
  .cf:after { clear: both; }
  .cf { zoom: 1; }
  .clear { clear: both; }
  
  


/*html, body { height:100%; }*/

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

a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

a {
	text-decoration: none;
	color: var(--link-color);
}
a:hover {
	cursor: pointer;
	color: var(--link-hover);
}
button:focus { outline:0 !important; }

html {
	background: var(--backgr-color);
}
body {
	font-family: 'Barlow', sans-serif;
	position: relative !important;
	min-height: 100%;
	background-color: var(--backgr-color);
	color: var(--font-color);
	padding-bottom: 350px;	
}

.left {
	float: left;
}
.right {
	float: right;
}
.title-case {
	text-transform: capitalize !important;
}

section img {
	width: 100%;
	height: auto;	
}

.logo {
	font-weight: 700;
	text-transform: uppercase;
}
.logo a {
	color: var(--logo-color-a);
}
.yellow {
	color: #d19f48;
}
.email {
	font-size: 1.125em;
	margin-left: 5px;
}

/* ======================================================
   Type
   ====================================================== */

h1 {
	font-size: 3.5em;
	line-height: 1em;
	margin: 0px 0px .1em 0px;
}

h2 {
	font-size: 2em;
	line-height: 1.25em;
}
h3 {
	font-size: 1.5em;
	line-height: 1.25em;
	margin: 0px 0px .75em 0px;
}
h4 {
	margin-bottom: 1em;
	font-weight: 600;
}
p {
	line-height: 1.5em;
	margin: 0em 0px 1.2em 0px;
}
p.big {
	font-size: 1.25em;
	line-height: 1.4em;
	margin: 1.5em 0px 0px 0px;
}
p.xlarge {
	font-size: 2em;
	line-height: 1.25em;
	margin: 0px 0px 1.5em 0px;
	font-weight: 300;
}
blockquote {
	font-size: 2em;
	line-height: 1.25em;
	text-indent: -0.25em;
	color: #d19f48;
}
.grid ul {
	line-height: 1.4em;
	margin: 1.2em 0px 0px 0px;
}
.caption {
	font-size: .75em;
	margin-top: 1.75em;
	color: var(--caption-color);
}
.image-caption {
	color: var(--caption-color);
}
.text-col_2 {
	column-count: 2;
	column-gap: 40px;
}
.text-col_3 {
	column-count: 3;
	column-gap: 40px;
}
.text-col_4 {
	column-count: 4;
	column-gap: 40px;
}
.details {
	font-size: .85em;
	line-height: 1.6em;
	margin-top: -10px !important;
}
.details h4 {
	text-transform: uppercase;
	font-weight: 700;
}
.bold {
	font-weight: 700;
}
.image-caption {
	font-size: 0.825em;
	display: block;
	margin: 10px 0px 0px 0px;
	font-style: italic;
	var(--caption-color);
}
.gallery-headers {
	margin-top: -10px;
	font-weight: 700;
}
.more-link-1 {
	font-size: 2em;
	line-height: 1.125em;
	margin: -5px 0px 0px 0px;
}
.more-links {
	font-size: 2em;
	line-height: 1.125em;
	margin: 20px 0px 0px 0px;
}
.disclaimer {
	font-size: 1em;
	margin: 50px 2.5% 0px 2.5%;
	var(--caption-color);
	width: 75%;
}


/* ======================================================
   Navigation
   ====================================================== */
.container{
	width: 94%;
	max-width: 1260px;
	margin: 0px auto;
	padding: 0px 0%;
	/*background: red;*/
}
.navik-header-container {
	margin: 0px 2.5% 0px 2.5%;
}



/* ======================================================
   Sections
   ====================================================== */

section {
	margin-top: 0px;
	position: relative;
}
.inner-section {
	width: 89%;
	margin: 0px auto;
	max-width: 1200px;
	position: relative;
}
.inner-works {
	width: 94%;
	margin: 0px auto;
	max-width: 1260px;
	position: relative;
	/*background: yellow;*/
}
.home-section {
	margin-top: -100px;
}
.home h1 {
	
}
.headers {
	margin-top: 40px;
}

.devider {
	padding-left: 20px;
	color: var(--border-color);
}




/* ======================================================
   Home Slider
   ====================================================== */



#header {
	position: relative;
	z-index: 99;
}
#bannerscollection_zoominout_27 {
	margin-top: -70px;
}
.hometexts {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}
.homeheader {
	width: 90%;
	max-width: 1200px;
	margin: 10% auto;
}
.homeheader h1 {
	color: #d19f48;
}
.homeheader h1, .homeheader h2 {
	font-weight: 200;
}

.homequote_wrap {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 50;
	display: flex;
}
.homequote {
	width: 90%;
	max-width: 1200px;
	margin: 10% auto;
	align-self: flex-end;
}
.quote {
	width: 50%;
	float: right;
	margin-bottom: 10%;
	color: #d19f48;
}
.quote blockquote {
	font-weight: 200;
}
.home_overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	z-index: 44;
background: -moz-linear-gradient(135deg,  hsla(0,0%,0%,0.5) 0%, hsla(0,0%,0%,0.5) 33%, hsla(0,0%,0%,0.8) 100%);
background: -webkit-linear-gradient(135deg,  hsla(0,0%,0%,0.5) 0%,hsla(0,0%,0%,0.5) 33%,hsla(0,0%,0%,0.8) 100%);
background: linear-gradient(135deg,  hsla(0,0%,0%,0.5) 0%,hsla(0,0%,0%,0.5) 33%,hsla(0,0%,0%,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#80000000',GradientType=1 );
}









/* ======================================================
   By Type Slider
   ====================================================== */

.sliderwrapper {
	 margin: -50px 0px 50px 0px;
}
.works-section .slider {
  position: relative;
  overflow: hidden;
  height: 400px;
  width: 100%;
  background: hsla(0,0%,0%,0.00);
  color: hsla(0,0%,0%,0.00);
  background-color: rgba(0, 0, 0, 0.7);
}
.works-section .slider:before {
  background-color: hsla(0,0%,0%,0.00);
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.9s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
}

.slide.current {
  opacity: 1;
}

.slide .content {
  position: absolute;
  top: 30px;
  right: 0px;
  opacity: 0;
  /*width: 50%;*/
  color: #fff;
  padding-right: 35px;
  transition: opacity 0.9s ease-in-out;
}

.slide .content h1 {
  margin-bottom: 0px;
}

.slide.current {
  opacity: 1;
  transition: all 1.7s ease-in-out 0.3s;
}

.slide.current .content {
  opacity: 1;
  transform: translateX(0px);
  transition: all 1.7s ease-in-out 0.3s;
}
.buttons { display: none; }

.instructions {
	font-size: 14px;
	color: var(--caption-hover);
	display: block;
	margin: 20px 0px 0px 0px;
}




/* ======================================================
   Test Grids
   ====================================================== */
   
.test_grid1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-auto-rows: minmax(50px, auto);
	grid-gap: 3px;
	/*grid-auto-flow: dense;*/
}
.test_grid1 div {
	background-color: var(--grid-backgr);
	padding: 0px;
	line-height: 0;
}
.margin-test {
	margin-top: -50%;
}
.margin_top_25 {
	margin-top: 25%;
}
.margin_top_50 {
	margin-top: 50%;
}
.margin_top_-25 {
	margin-top: -25%;
}
.margin_top_-50 {
	margin-top: -50%;
}




/* ======================================================
   Works V2
   ====================================================== */
 .works-section {
 	margin-bottom: 100px;
	margin-top: 100px;
 }
 .works-images2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-auto-rows: minmax(0px, auto);
	grid-gap: 40px;
	padding: 0px !important;
	background: none !important;
	align-items: ;
	justify-items: ;
	align-content: start;
}
.works-images2 div {
	padding: 0px;
	/*background: none !important;*/
	border-radius: 10px;
	align-self: ;
} 
.works-images2 div img{
	border-radius: 10px;
}
.works-titles2 {
	display: block;
	margin: 10px 0px 0px 0px;
	font-size: 1.225em;
	font-weight: 600;
}
.works-caps2 {
	display: block;
	margin: 2px 0px 0px 0px;
	font-size: .9em;
	
}
.work-box {
	position: relative;
	align-self: ;
	
}
a .work-hovers {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: var(--hover-backgr);
	z-index: 10;
	height: 100%;
	width: 100%;
	opacity: 0;
	 display:flex;
/*  flex-direction:column;
  align-items: flex-end;*/
}
a:hover .work-hovers {
	opacity: 1;
}
.work-text {
	 margin:20px 15px 20px 15px;
	 align-self: flex-end;
}



/* ======================================================
   Works View
   ====================================================== */


.page img {
	width: 100%;
	height: auto;
}
.page h1 {
	margin: 40px 2.5% 60px 2.5%;
}
.left {
	float: left;
}
.right {
	float: right;
}
 .col_two {
 	width: 20%;
	margin: 0px 2.5% 60px 2.5%;
 } 
 .col_three {
 	width: 28%;
	margin: 0px 2.5% 60px 2.5%;
 }
 .col_four {
 	width: 45%;
	margin: 0px 2.5% 60px 2.5%;
 }
 .col_six {
 	width: 70%;
	margin: 0px 2.5% 60px 2.5%;
 } 
 .col_eight {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 } 
 .separator {
 	clear: both;
	border-top: 1px solid var(--separator);
	margin: 0px 2.5% 60px 2.5%;
 }
  .separator-noline {
 	clear: both;
	margin: 0px 2.5% 30px 2.5%;
 }
 .page img {
	display: block;
	border-radius: 15px;
}
  

/* ======================================================
   Grid
   ====================================================== */
    
   
.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-auto-rows: minmax(10px, auto);
	grid-gap: 40px;
	align-items: ;
	justify-items: ;
	margin-top: 0px;
	align-content: ;
	/*margin: 0px;
	padding: 0px;*/
	/*background: red;*/
	/*grid-auto-flow: dense;*/
} 
.grid > div {
	/*background-color: var(--grid-backgr);*/
	padding: 0px;
	justify-self: ;
	align-self: ;
	border-radius: 15px;
}
.header {
	background: none !important;
	padding: 0px 0px !important;
}
.image {
	padding: 0px !important;
	background-color: transparent !important;
}
.grid img {
	display: block;
	border-radius: 15px;
}
.image a:nth-child(n+2) {
	display: inline-block ;
	margin-top: 40px !important;
}
.end {
	
}
.col_span1 { grid-column-end: span 1; }
.col_span2 { grid-column-end: span 2; }
.col_span3 { grid-column-end: span 3; }
.col_span4 { grid-column-end: span 4; }
.col_span5 { grid-column-end: span 5; }
.col_span6 { grid-column-end: span 6; }
.col_span7 { grid-column-end: span 7; }
.col_span8 { grid-column-end: span 8; }

.row_span1 { grid-row-end: span 1; }
.row_span2 { grid-row-end: span 2; }
.row_span3 { grid-row-end: span 3; }
.row_span4 { grid-row-end: span 4; }
.row_span5 { grid-row-end: span 5; }
.row_span6 { grid-row-end: span 6; }
.row_span7 { grid-row-end: span 7; }
.row_span8 { grid-row-end: span 8; }

.pos_hori1 { grid-column-start: 1; }
.pos_hori2 { grid-column-start: 2; }
.pos_hori3 { grid-column-start: 3; }
.pos_hori4 { grid-column-start: 4; }
.pos_hori5 { grid-column-start: 5; }
.pos_hori6 { grid-column-start: 6; }
.pos_hori7 { grid-column-start: 7; }
.pos_hori8 { grid-column-start: 8; }

.pos_vert1 { grid-row-start: 1; }
.pos_vert2 { grid-row-start: 2; }
.pos_vert3 { grid-row-start: 3; }
.pos_vert4 { grid-row-start: 4; }
.pos_vert5 { grid-row-start: 5; }
.pos_vert6 { grid-row-start: 6; }
.pos_vert7 { grid-row-start: 7; }
.pos_vert8 { grid-row-start: 8; }



.center { align-self: center; }
.bottom { align-self: baseline; }




.overlay-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-auto-rows: minmax(auto, auto);
	grid-gap: 40px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 3;
	/*grid-auto-flow: dense;*/
} 
.overlay-grid div {
	background-color: var(--overlay-backgr);
	padding: 0px;
	line-height: 0;
}
.mason-pad {
	padding-right: 10px !important;
}

.overlay-type-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	/*grid-auto-rows: minmax(100px, auto);*/
	grid-gap: 10px;
	position: absolute;
	width: 100%;
	/*height: 100%;*/
	top: 0;
	z-index: 3;
	background-color: hsla(0,0%,100%,0.00);
} 
.overlay-type-grid div {
	/*background-color: var(--overlay-backgr);*/
	padding: 20px;
	line-height: 0;
	background-color: hsla(0,0%,100%,0.00);
}



/* ======================================================
   Gallery
   ====================================================== */
   
   
.gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr ; 
	grid-auto-rows: minmax(10px, auto);
	grid-gap: 20px;
	align-items:  !important;
	justify-items:  !important;
	align-content:  !important;
	margin-top: 0px;
	padding: 0px !important;
	background-color: transparent !important;
	grid-auto-flow:  !important;
} 
.gallery div {
	background-color: transparent !important;
	padding: 0px;
	justify-self:  !important;
	align-self:  !important;
	border-radius: 5px;
	
}  
.gallery div img {
	width: 100%;
	height: auto;
}
.gallery-block {
	align-self: start !important;
}




/* ======================================================
   Gallery Large
   ====================================================== */
   
   
.gallery-large {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-auto-rows: minmax(10px, auto);
	grid-gap: 20px;
	align-items:  !important;
	justify-items:  !important;
	align-content:  !important;
	margin-top: 0px;
	padding: 0px !important;
	background-color: transparent !important;
	grid-auto-flow:  !important;
} 
.gallery-large div {
	background-color: transparent !important;
	padding: 0px;
	justify-self:  !important;
	align-self:  !important;
	border-radius: 5px;
	clear: both;
}  
.gallery-large div img {
	width: 100%;
	height: auto;
}
   




/* ======================================================
   Isotope Gallerie
   ====================================================== */

.gallerie {
    width: calc(100% + 20px);
}
/* clear fix */
.gallerie:after {
  content: '';
  display: block;
  clear: both;
}
.box-sizer {
  width: calc(33.333% - 20px) ;
}
.box-sizer-s {
  width: calc(20% - 20px) ;
}
.klein {
   width: calc(20% - 20px) ;
}
.gross {
   width: calc(33.333% - 20px) ;
}
.box-gutter-sizer {
  width: 20px;
}
.gallerie-box {
    float: left;
    margin: 10px 0px;
	position: relative;
}
.gallerie img {
    display: block;
}
.name, .number {
    display: ;
}

.grid-icons {
	float: right;
	margin: 6px -10px 0px 0;
	width: 80px;
}
.grid-icon-l  {
	width: 25px;
    height: 25px;
	float: left;
	margin: 0 0px 0 9px;
	padding: 0px;
    background-image: var(--grid-button-l);
    background-size: cover;
}
.grid-icon-s  {
	width: 25px;
    height: 25px;
	float: left;
	margin: 0 0px 0 9px;
	padding: 0px;
    background-image: var(--grid-button-s);
    background-size: cover;
}
.grid-icon-l:hover  {
	width: 25px;
    height: 25px;
	float: left;
	margin: 0 0px 0 9px;
	padding: 0px;
    background-image: var(--grid-button-l-hover);
    background-size: cover;
}
.grid-icon-s:hover  {
	width: 25px;
    height: 25px;
	float: left;
	margin: 0 0px 0 9px;
	padding: 0px;
    background-image: var(--grid-button-s-hover);
    background-size: cover;
}



.hovertext img {
	width: 100%;
	height: auto;
}
.hovertext a {
	position: absolute;
	width: 100%;
	height: 100% !important;	
	text-decoration: none;
	bottom: 0px;
	background-image: url(http://lillianflorsheim.net/img/dark.png);
	background-size: cover;
	background-position: left, bottom;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	transition:opacity 0.5s ease-in-out;
	z-index: 99;
}
.hovertext a:hover {
	opacity:.99;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out;  
   	transition:opacity 0.3s ease-in-out;
	z-index: 99;	
}
.hovertext p {
	position: absolute;
	padding: 10px 20px 0px 20px;
	bottom: 0px;
	left: 0px;
	font-size: 1.00em;
	font-weight: 200;
	color: #FFF;
	z-index: 999;
	zoom: 1;
	filter: alpha(opacity=100);
	width: 100%;
}
.hovertext span {
	display: block;
}
.name {
	font-weight: 600;
	margin: 0px 0px 0px 0px;
}
.number {
	float: ;
	margin: 0px 0px 0px 0px;
}
.icon {
	
}


/* ---- isotope buttons ---- */
.sortbuttons {
    margin-top: 40px;
    padding-top: 10px;
    border-top:  1px solid var(--border-color);
}
.filtersort {
    float: left;
}
.filtersort span {
	font-size: 0.825em;
    color: var(--button-color);
}

.button {
  	border: none;
	cursor: pointer;
	background: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	color: var(--button-color);
    font-size: 0.825em !important;
}

.button:hover {
	color: var(--button-hover);
}

.button:active,
.button.is-checked {
  color: var(--button-active);
}

.button.is-checked {
  color: var(--button-active)) !important;
}
.button a {
	color: var(--button-color) !important;
    
}
.button a:hover {
	color: var(--button-hover);
}





/* ======================================================
   Masonry
   ====================================================== */

/* ---- masonry-grid ---- */

.mgrid {
  max-width: 1200px;
  margin: auto;
  position: relative;
}

/* clearfix */
.mgrid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}

/* ---- grid-item ---- */

.gutter-sizer {
  width: 20px;
}

.grid-sizer,
.grid-item {
  width: calc(25% - 20px) ;
}
.grid-item {
  float: left;
  /* vertical gutter */
 margin: 10px 0%;
  padding: 0px;
  background-color: hsla(0,0%,100%,0.00);
}

.grid-item--width2 { width: calc(50% - 20px); }
.grid-item--width3 { width: calc(75% - 20px); }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

.grid-item:before {

}
.type-padding {
	padding: 60px 0px;
}





/* ---- masonry-gallery ---- */

.mgallery {
  margin: auto;
  position: relative;
  padding: 0px !important;
  background-color: transparent !important;
  width: calc(100% + 20px) ;
}

/* clearfix */
.mgallery:after {
  content: '';
  display: block;
  clear: both;
}
.gallery-item img {
  display: block;

}

/* ---- grid-item ---- */

.ggutter-sizer {
  width: 20px;
}

.ggrid-sizer,
.gallery-item {
  width: calc(25% - 20px) !important;
}
.gallery-item {
  float: left;
  /* vertical gutter */
 margin: 10px 0%;
  padding: 0px;
 background-color: transparent !important;
}

.gallery-item img {
	border-radius: 15px;
}




/*  CSS Transitions  */


.fade a {
	opacity: 1.0;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

.fade a:hover {
	opacity: 0.5;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

   
   







.crumbs i {
	font-size: 11px;
	margin-right: 4px;
}
.page-nev a {
	color: var(--medium-color);
}
.page-nev a:hover {
	color: var(--link-hover);
}

.page-nev {
	margin: 50px 2.5% 0px 2.5%;
	color: var(--medium-color);
}
.subn {
	margin-right: 20px;
}
.act {
	color: var(--font-color);
}



/* ======================================================
   ByName
   ====================================================== */
.byname {
	margin-top: 75px;
}
.byname-box {
	width: calc(20% + 1px);
	float: left;
	position: relative;
	border: 1px solid grey;
	margin-left: -1px;
	margin-top: -1px;
}
.byname-box p {	
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 15px 15px 15px 15px;
	transition: all 0.5s ease-in;
	line-height: 1em;
}
.byname-box:hover p {
	background-color: var(--hover-backgr);
	transition: all 0.5s ease-in;
}

.byname-box p span {
	display: block;
}
.byname-box img {
	opacity: 0.10;
	transition: all 0.5s ease-in;
	display: block;
}
.byname-box:hover img {
	opacity: 0.99;
}
.byname-box .number {
	font-size: .85em;
}
.byname-box .location {
	font-size: .85em;
}
.byname-box .name {
	color: var(--font-color);
	margin-bottom: 3px;
}



/* ======================================================
   Bio
   ====================================================== */

.bio-seg {
    display: block;
    border-top: 1px solid  var(--separator);
    padding: 4px 0px 7px 0px;
    font-size: .85em;
}
.chronology span {
    display: block;
}
.bio-dates {
    float: left;
    width: 25%;
}
.bio-items {
    float: left;
     width: 75%;
}
.bio-links {
    float: right;
}
.bio-links li {
    display: inline-block;
    margin-left: 20px;
}
.bio-links li a:hover{
    color: #d19f48;
}




/* ======================================================
   Footer
   ====================================================== */
   
 footer {
	background-color: var(--bg-trans);

 }
 .inner-footer {
 	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
	width: 90%;
	margin: 100px auto;
	max-width: 1200px;
	border-top: 1px solid var(--separator);
	padding-top: 40px;
 }
 .inner-footer div {
	font-size: 14px;
	color:  var(--medium-color);
	background-color: hsla(0,0%,100%,0.00);
	padding: 0px 0px;
 }
 .inner-footer li {
 	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 1.5em;
 }
 .inner-footer ul, .inner-footer p {	
	padding-top: 0px;
	margin: 0px 0px 1.2em 0px;
	line-height: 1.5em;
}

 .inner-footer a {
 	color: var(--medium-color);
 }
  .inner-footer a:hover {
 	color: var(--link-hover);
 }
 
 
 
 /* SEARCH */
.searcharea {
	margin-top: 7px;
	display: block;
}
.search li {
	margin: 0px 0px;
	line-height: 24px;
}
.search h2 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 10px;
}
.search h3{
	font-weight: 700;
	margin: 0px 0px;
}
.search a, search a:visited {
	color: black;
}
.search a:hover {
	color: #999;
}
.search p {
	font-weight: 300;
}
.keyw {
	font-weight: 300;
}
.sbtn {
	padding: 0px 4px 3px 4px;
	background-color: rgba(255,255,255,0.60);
    border: none;
	cursor: pointer;
	width: 20%;
	float: right;
	/*height: 20px;*/
}
.skeyw {
	padding: 5px 3px 6px 3px;
	background-color: rgba(255,255,255,0.60);
	border: none;
	/*font-size: 12px;*/
	width: 75%;
}
.fsearch {
	margin: 7px 0px 3px 0px;
}



   
   
   
/* ======================================================
   MEDIA QUERIES
   ====================================================== */
   
   
 @media (max-width: 1100px ) {   

}



@media (max-width: 1199px ) { 



} 


@media (max-width: 959px ) { 



} 




@media (max-width: 768px ) { 
.hometexts {
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 50;
}
.quote {
	width: 75%;
	float: left;
	margin-bottom: 30px;
	color: #d19f48;
}
.grid {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	/*grid-auto-flow: dense;*/
} 

.col_span1 { grid-column-end: span 4 ; }
.col_span2 { grid-column-end: span 4 ; }
.col_span3 { grid-column-end: span 4 ; }
.col_span4 { grid-column-end: span 8 ; }
.col_span4.image { grid-column-end: span 4 ; }
.col_span5 { grid-column-end: span 8 ; }
.col_span6 { grid-column-end: span 8 ; }
.col_span7 { grid-column-end: span 8 ; }
.col_span8 { grid-column-end: span 8 ; }

.pos_hori1 { grid-column-start: 1 ; }
.pos_hori2 { grid-column-start: 1 ; }
.pos_hori3 { grid-column-start: 1 ; }
.pos_hori4 { grid-column-start: 1 ; }
.pos_hori5 { grid-column-start: 1; }
.pos_hori6 { grid-column-start: 1; }
.pos_hori7 { grid-column-start: 1; }
.pos_hori8 { grid-column-start: 1; }


 .col_two {
 	width: 45%;
	margin: 0px 2.5% 60px 2.5%;
 } 
  .col_three {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 }
 .col_four {
 	width: 45%;
	margin: 0px 2.5% 60px 2.5%;
 }
 .col_six {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 } 
 .col_eight {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 }
 .gallery-block.col_four {
 	width: 70%;
 }


.grid-sizer,
.grid-item {
  width: calc(50% - 20px) ;
}
.grid-item {
}

.grid-item--width2 { width: calc(50% - 20px); }
.grid-item--width3 { width: calc(100% - 20px); }

.space { display: none; }

.gallery-block {
	margin-bottom: 50px;
}
.details {
	font-size: .8em;
	line-height: 1.5em;
	margin-top: -20px;
}
blockquote {
	font-size: 1.75em;
	line-height: 1.15em;
	text-indent: -0.25em
}

.box-sizer {
  width: calc(50% - 20px) ;
}
.box-sizer-s {
  width: calc(25% - 20px) ;
}
.klein {
   width: calc(25% - 20px) ;
}
.gross {
   width: calc(50% - 20px) ;
}
.text-col_3 {
	column-count: 2;
	column-gap: 40px;
}
.text-col_4 {
	column-count: 2;
	column-gap: 40px;
}
.gallery-large {
	grid-template-columns: 1fr 1fr 1fr 1fr; 
}
 .inner-footer {
	grid-template-columns: 1fr 1fr; 
 }
 h1 {
	font-size: 3.0em;
	line-height: 1em;
	margin: 0px 0px .1em 0px;
}


} 




@media (max-width: 600px ) { 



} 




@media (max-width: 550px ) { 
blockquote {
	font-size: 1.50em;
	line-height: 1.125em;
	text-indent: -0.25em
}
.disclaimer {
	width: 100%;
}
.quote {
	width: 100%;
	margin-bottom: 20px;
}
.homeheader h2 {
	font-size: 1.50em;
}
.text-col_2 {
	column-count: 1;
	column-gap: 0px;
}
.text-col_3 {
	column-count: 1;
	column-gap: 40px;
}
.text-col_4 {
	column-count: 1;
	column-gap: 40px;
}
.grid {
	display: grid;
	grid-gap: 40px;
	margin-top: -20px;
} 
.grid > div {
	padding: 0px;
	border-radius: 15px;
}

.col_span1 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span2 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span3 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span4 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span4.image { grid-column-end: span 8 ; }
.col_span5 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span6 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span7 { grid-column-end: span 8 ; margin-bottom: 0px; }
.col_span8 { grid-column-end: span 8 ; margin-bottom: 0px; }
.overlay-grid {
	position: relative;
	width: 100%;
	height: auto;
	margin: 10px 0px 0px 0px;
}
 .col_two {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 } 
 .col_four {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 }
 .col_six {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 } 
 .col_eight {
 	width: 95%;
	margin: 0px 2.5% 60px 2.5%;
 }
  .gallery-block.col_four {
 	width: 95%;
 }
 
.grid-sizer,
.grid-item {
  width: calc(100% - 20px) ;
}
.grid-item {
}

.grid-item--width2 { width: calc(100% - 20px); }
.grid-item--width3 { width: calc(100% - 20px); }

.ggutter-sizer {
  width: 20px;
}

.ggrid-sizer,
.gallery-item {
  width: calc(50% - 20px) !important;
}
/*.image, .details, .caption, .gallery-block {
	margin-bottom: 50px;
}*/


.details {
	font-size: .8em;
	line-height: 1.5em;
	margin-top: -30px;
}

.box-sizer {
  width: calc(100% - 20px) ;
}
.box-sizer-s {
  width: calc(50% - 20px) ;
}
.klein {
   width: calc(50% - 20px) ;
}
.gross {
   width: calc(100% - 20px) ;
}
.gallery-large {
	grid-template-columns: 1fr 1fr; 
}
 .inner-footer {
	grid-template-columns: 1fr; 
 }


} 




@media (max-width: 1100px ) { 
.theme-switch-wrapper {
  margin-right: 0px !important;
  margin-top: 15px !important;
  float: right;
 }
 .theme {
 	border-top: 1px solid var(--line);
	padding-top: 0px;
	margin-right: 3px;
	margin-top: 20px;
 }
 .navik-menu li > ul {
	
}
}





/*slider switch css */
.theme-switch-wrapper {
  display: flex;
  align-items: bottom;
  margin-left: 10px;
  
 }


.theme-switch {
  display: inline-block;
  height: 15px;
  position: relative;
  width: 30px;
    top: 2px;
}

.theme-switch input {
  display:none;
}

.slider {
  background-color: #333;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #ccc;
  bottom: 0px;
  content: "";
  height: 15px;
  left: 0px;
  position: absolute;
  transition: .4s;
  width: 15px;
}

input:checked + .slider {
  background-color: #fff;
}

input:checked + .slider:before {
  transform: translateX(15px);
}

.slider.round {
  border-radius: 15px;
}

.slider.round:before {
  border-radius: 50%;
}




/* =============================================
Default Dark
================================================ */

.navik-header {
	background-color: var(--menu-bg) !important;
}
.navik-menu li > ul {
	background-color: var(--menu-bg) !important;
	/*background-color:transparent !important;*/
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.navik-header .line-menu,
.navik-header .dropdown-plus:before,
.navik-header .dropdown-plus:after {
	background-color: var(--menu-font) !important;
	
}


.navik-header .line-menu {
	
}


.navik-menu ul li > a {
	color: var(--menu-font) !important;
}
.navik-menu ul li.current-menu > a,
.navik-menu ul li:hover > a {
	color: var(--menu-font-hover) !important;
	background-color:transparent !important;
}
.navik-menu ul ul li > a,
.navik-menu ul ul li > a:hover {
	/*color: #c1c1c1;*/
	background-color: transparent !important;
}
.navik-menu ul ul li:hover > a {
	background-color: var(--menu-bg) !important;
	color: var(--menu-font-hover) !important;
}
.dropdown-plus:before,
.dropdown-plus:after {
	background-color: var(--menu-font) !important;
}