.home.row,
#background-slider	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; }
#kint     { position: relative; bottom: 0; }

@font-face { font-family: Roboto; font-weight: 100; font-style: normal; src: url('fonts/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 100; font-style: italic; src: url('fonts/Roboto-ThinItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: normal; src: url('fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: italic; src: url('fonts/Roboto-LightItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url('fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url('fonts/Roboto-Italic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: normal; src: url('fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: italic; src: url('fonts/Roboto-MediumItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url('fonts/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url('fonts/Roboto-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: normal; src: url('fonts/Roboto-Black.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: italic; src: url('fonts/Roboto-BlackItalic.ttf') format('truetype'); }

body, html 		{ height: 100%; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 15px; color: rgb(96,96,96); }
ul,dl 				{ list-style-type: none; margin-bottom: 1em; }

h1        { margin-top: 0; font-weight: bold; color: rgb(96,96,96); font-size: 32px; margin-bottom: 5px; }
h2        { margin-top: 5px; color: rgb(96,96,96); font-size: 28px; margin-bottom: 5px; }

a         { color: #4F7A9E; }
a:focus,
a:hover   { text-decoration: none; color: rgb(64,64,64); }

.ptitle     { color: white; text-decoration: none; }
.ptitle     { position: absolute; left: 95px; bottom: 75px; }
.ptitle h1  { color: white; font-weight: bold; }
.ptitle:hover { opacity: 0.7; }

.pagelist,
.newslist   { font-size: 17px; }

.text             { margin-top: 15px; }
td.code           { width: 40px; }

.pagelist>div.row:first-child,
.newslist ul                { margin-top: 56px; }
.newslist ul li             { margin-bottom: 58px; }
.newslist ul li:last-child	{ margin-bottom: 60px; }
.newslist ul .fa 				    { font-size: 40px; display: none; }
.pagelist img               { max-width: 100%; margin-bottom: 10px; }

.pagelist table             { width: 100%; }
.pagelist td                { vertical-align: top; }
.pagelist tr td:first-child { padding-right: 7.5px; }


/* isotope */
ul.grid                 { padding: 0; }
.grid-item              { position: relative; background-color: transparent; }
.grid-item:before       { content: ''; background-color: black; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s; }
.grid-item:hover:before	{ opacity: 0.7; }
.grid-item img          { width: 100%; }
.grid-item figcaption   { display: none; }
.grid-item:hover figcaption     { color: white; position: absolute; bottom: 30px; left: 15px; display: inline-block; opacity: 1; }
.grid-item:hover figcaption h1  { font-size: 20px; font-weight: bold; color: white; }
.grid-item:hover figcaption h2  { font-size: 16px; margin-top: 0; color: white; }
.grid-item.nocaption:before     { content: none; }
.project .grid-item     { cursor: zoom-in; }
.project h1             { font-size: 28px; }
.project h2             { font-size: 24px; }
.project                { }

.grid-sizer,
.grid-item		{ width: calc( 100% / 2 - 15px ); vertical-align: top; }
.grid-item 		{ margin-bottom: 15px; }
.gutter-sizer	{ width: 15px; }

.projectlist .grid-sizer,
.projectlist .grid-item		{ width: calc( 100% / 4 - 15px ); vertical-align: top; }
.projectlist .grid-item 	{ margin-bottom: 15px; }
.projectlist .gutter-sizer	{ width: 15px; }


.grid-wrapper	.grid		{ margin-right: -15px; }

#wrapper        { min-height: calc(100vh - 118px); }

#filters ul     { padding-left: 0; margin-bottom: 15px; margin-top: 20px; }
#search,
footer a,
#filters ul li  { display: inline-block; margin-right: 20px; font-weight: bold; font-size: 16px; }
#search         { margin-right: 0; }
footer a,
#filters ul li a  { color: rgb(172,172,172); }
footer a:hover,
#filters ul li a:hover    { text-decoration: none; color: rgb(64,64,64); }
#search                   { color: rgb(172,172,172); }
#search input             { color: rgb(172,172,172); border-width: 0px 0px 1px 0px; border-color: rgb(176,176,176); width: 120px; border-radius: 0; font-size: 15px; line-height: 22px; padding: 1px; }
input::-webkit-input-placeholder    { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input:-webkit-input-placeholder     { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input::-moz-placeholder             { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input:-moz-placeholder              { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input::-ms-input-placeholder        { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
input:-ms-input-placeholder         { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; height: 21px; }
#search input:placeholder           { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
#search input:placeholder-shown     { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
#search input::placeholder-shown    { font-family: FontAwesome; color: rgb(172,172,172); opacity: 1; font-weight: normal; }
footer a,
footer a.up               { margin-right: 0; }
footer a.up               { float: right; }
footer                    { padding-bottom: 20px; }
footer .middle            { text-align: center; }
footer .prev,
footer .next              { font-size: 36px; line-height: 18px; }


.addons,
.externals      { padding: 0 0 0 0; margin-top: 1em; }
.externals li   { display: inline-block; }
.externals li a { color: rgb(172,172,172); font-size: 13px; font-weight: bold; }
.newslink:hover,
.externals li a:hover   { text-decoration: none; color: rgb(64,64,64); }

.newslist a:before,
.addons a:before  { content: "› "; font-size: 22px; line-height: 22px; }

dt,
dd              { display: inline; }


@media (max-width: 1200px) {
  /*
  .grid-sizer,
  .grid-item      { width: calc( 100% / 2 - 15px ); vertical-align: top; }
  .grid-item      { margin-bottom: 15px; }
  */

  .projectlist .grid-sizer,
  .projectlist .grid-item     { width: calc( 100% / 3 - 15px ); vertical-align: top; }
  .projectlist .grid-item     { margin-bottom: 15px; }

  .grid-wrapper .grid   { margin-right: -15px; }
}

@media (max-width: 992px) {
  .grid-sizer,
  .grid-item      { width: calc( 100% / 1 ); vertical-align: top; }
  .grid-item      { margin-bottom: 15px; }

  .projectlist .grid-sizer,
  .projectlist .grid-item     { width: calc( 100% / 2 - 15px ); vertical-align: top; }
  .projectlist .grid-item     { margin-bottom: 15px; }

  .grid-wrapper .grid   { margin-right: 0px; }
}

/*
.container-fluid 	{ max-width: 1400px; position: relative; }
@media ( min-width: 1401px ) {
	.container-fluid	{ margin-left: 0px; }
}
*/

/* navbar collapse */
.navbar-header      { float: none; }
.navbar-left,
.navbar-right       { float: none !important; }
.navbar-toggle      { display: block; }
.navbar-collapse    { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top   { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse   { display: none!important; }
.navbar-nav         { float: none!important; margin-top: 7.5px; }
.navbar-nav>li      { float: none; }
.navbar-nav>li>a    { padding-top: 10px; padding-bottom: 10px; line-height: 30px; }
.navbar-collapse>ul+ul   { margin-top: 20px; }
.collapse.in        {	display:block !important; padding-bottom: 15px; }

/* menu */
#menu               { background: white; font-size: 36px; position: absolute; top: 50px; right: 0; left: 0; z-index: 1000; }
#menu a             { font-size: 36px; font-weight: normal; }

/* override bootstrap */
.navbar   { border: none; background: transparent; box-shadow: none; z-index: 1000; }
.navbar-toggle  { border: none; }
.navbar-default .navbar-brand         { font-size: 25px; font-weight: bold; color: rgb(153,153,153); }
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover  { background-color: transparent; opacity: 0.7; }
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover   { color: rgb(172,172,172); opacity: 1; }

.navbar-toggle .icon-bar  { height: 3px; width: 24px; background-color: ;}


/* override owl carousel */
.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item li,
.owl-item .grid,
.owl-item li a  { height: 100%; list-style-type: none; }
.owl-item li  { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.raster_0_0_0_64.png,
.owl-item .grid { display: block; background-image: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAABdJREFUGFdjAAKH////MzCAiP///zMAAEVQCTiqLnG1AAAAAElFTkSuQmCC'); }
/*.owl-item .grid { background: none; }*/
.owl-item a   { text-decoration: none; display: block; }


.owl-theme .owl-nav               { margin: 0; }
.owl-theme .owl-nav [class*=owl-] { font-size: 76px; }
.owl-theme .owl-nav [class*=owl-]:hover { background: none; opacity: 0.7; }
.owl-theme .owl-nav .owl-prev     { position: absolute; bottom: 50%; left:  10px; background: transparent; }
.owl-theme .owl-nav .owl-next     { position: absolute; bottom: 50%; right: 10px; background: transparent; }
.owl-theme .owl-dots  { position: absolute; bottom: 30px; width: 100%; left: auto; right: auto; }


/* override photoswipe */
.pswp--svg .pswp__button--arrow--left:before, 
.pswp--svg .pswp__button--arrow--right:before,
.pswp__button--arrow--left:before, 
.pswp__button--arrow--right:before  { background: none; color: white; font-size: 76px; background-image: none; }
.pswp__button--arrow--left:before   { content: '‹'; }  
.pswp__button--arrow--right:before  { content: '›'; }

.realisiert { font-weight: bold; }
.tooltip    { white-space: nowrap; }