/*************** // WEBFONTS // ****************/

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
/*@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed'); /* font-family:'Roboto Condensed',sans-serif; */

/*
font-family:'Open Sans', sans-serif;
font-family:'Lora', serif;
*/

/*************** // BODY, CONTAINER, HEADER, FOOTER // ****************/

html, body { 
display:block;position:relative;font-family:'Roboto Condensed',sans-serif;font-size:14px;line-height:1.5em;font-weight:normal;color:#000000;
}
#container {
display:block;position:relative;
}
#container #wrapper {
display:block;position:relative;
}

/*************** // LOGIN // ****************/

.login {
display:block;top:0;left:0;width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.75);z-index:99999999;/*filter: blur(3.5px);*/
}
.login form {
display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(255,255,255,0.3);padding:30px;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.login form input {
display:inline-block;padding:10px;border:none;border-radius:5px;background:#222222;color:#FFFFFF;font-size:16px;line-height:1.3em;margin:0px 10px 10px 0px;
}
.login form i {
display:inline-block;padding:10px;border:none;border-radius:5px;background:#222222;color:#FFFFFF;font-size:16px;line-height:1.3em;cursor:pointer;
}
.login form i:hover {
background:#FFFFFF;color:#CC0000;
}

/*************** // FORM COMMENT // ****************/

#form_comment {
display:none;background:#F1F1F1;padding:15px;border-radius:5px;width:350px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999999;-webkit-box-shadow: 0px 10px 13px -7px #000000, inset 0px 4px 5px 1px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, inset 0px 4px 5px 1px rgba(0,0,0,0);
}
#form_comment h2 {
display:block;font-size:20px;line-height:1.3em;color:#000000;margin:0px 0px 15px 0px;
}
#form_comment h2 span {
color:#CC9900;
}
#form_comment textarea {
display:block;width:100%;height:100px;margin:0px 0px 15px 0px;
}
#form_comment a.button {
display:block;width:100%;padding:5px 15px 5px 15px;background:#CC9900;text-align:center;border-radius:5px;color:#000000;text-decoration:none;
}
#form_comment a.button:hover {
background:#CC0000;color:#FFFFFF;
}
#form_comment small {
display:block;margin:10px 0px 0px 0px;font-size:10px;line-height:1.3em;text-align:center;
}
.fancybox-button svg {
color:#000000;
}

/*************** // TOPBAR // ****************/

div.topbar {
display:block;position:fixed;top:0;left:0;width:100%;padding:10px 30px 10px 30px;background:#000000;color:#FFFFFF;font-size:25px;line-height:1em;z-index:999;-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
}
div.topbar:after {
content:'';display:block;clear:both;
}
div.topbar a {
float:left;text-align:left;color:#FFFFFF;text-decoration:none;
}
div.topbar a small {
color:#CC9900;font-size:15px;
}

div.topbar a#sidr-button {
float:right;display:block;color:#FFFFFF;text-decoration:none;font-size:40px;line-height:1em;margin:7px 0px 0px 0px;padding:0px 0px 0px 0px;color:#CC9900;
}
div.topbar a#sidr-button:hover {
color:#CC9900;
}
div.topbar nav {
display:none;
}

/*************** // SIDR // ****************/

div#sidr-main {
display:block;
}
.sidr{
display:block;position:fixed;top:0;height:100%;width:100%;z-index:99;width:260px;overflow-x:hidden;overflow-y:auto;margin:50px 0px 0px 0px;
}
.sidr.right {
left:auto;right:-260px
}
.sidr.left {
left:-260px;right:auto
}
div.sidr {
display:block;background:#F3F3F3;-webkit-box-shadow:inset 5px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:inset 5px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:inset 5px 0px 5px 0px rgba(0,0,0,0.2);
}
div.sidr div.sidr-inner {
display:block;padding:45px 30px 60px 30px;color:#000000;font-size:20px;text-decoration:none;text-align:center;
}
div.sidr div.sidr-inner img {
display:block;max-width:100%;height:auto;margin:0px 0px 30px 0px;
}
div.sidr div.sidr-inner ul.maindir {
display:block;
}
div.sidr div.sidr-inner ul.maindir li {
display:block;padding:0px 10px 0px 10px;background:#FFFFFF;border-bottom:1px dotted #000000;text-align:left;
}
div.sidr div.sidr-inner ul.maindir li:nth-child(1) {
border-top:1px dotted #000000;
}
div.sidr div.sidr-inner ul.maindir li a {
position:relative;display:inline-block;font-family:'Roboto Condensed',sans-serif;color:#000000;font-size:17px;line-height:1.3em;text-decoration:none;padding:10px 0px 10px 25px;
}
div.sidr div.sidr-inner ul.maindir li.favorites a:before {
position:absolute;top:10px;left:0;font-family:"Font Awesome 5 Free";content:"\f004";font-weight:900;color:#CC9900;
}
div.sidr div.sidr-inner ul.maindir li.subnav a:before {
position:absolute;top:10px;left:0;font-family:"Font Awesome 5 Free";content:"\f07b";font-weight:900;
}
div.sidr div.sidr-inner ul.maindir li.subnav a.current:before {
position:absolute;top:10px;left:0;font-family:"Font Awesome 5 Free";content:"\f07c";font-weight:900;
}
div.sidr div.sidr-inner ul.maindir li.folder a:before {
position:absolute;top:10px;left:0;font-family:"Font Awesome 5 Free";content:"\f07b";font-weight:300;
}
div.sidr div.sidr-inner ul.maindir li.folder a.current:before {
position:absolute;top:10px;left:0;font-family:"Font Awesome 5 Free";content:"\f07c";font-weight:300;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir {
display:none;font-size:15px;border-top:1px solid #CC9900;border-bottom:1px solid #CC9900;background:#F1F1F1;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li {
background:#F1F1F1;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li ul.subdir {
display:none;font-size:15px;border-top:none;border-bottom:none;background:#DDDDDD;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li ul.subdir li {
background:#DDDDDD;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li ul.subdir li ul.subdir {
display:none;font-size:15px;border-top:none;border-bottom:none;background:#CCCCCC;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li ul.subdir li ul.subdir li {
background:#CCCCCC;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li ul.subdir li ul.subdir li ul.subdir {
display:none;font-size:15px;border-top:none;border-bottom:none;background:#555555;
}
div.sidr div.sidr-inner ul.maindir li ul.subdir li ul.subdir li ul.subdir li ul.subdir li {
background:#555555;
}

/* BUTTONS */
div.sidr div.sidr-inner a.startseite {
display:inline-block;color:#CC9900;font-size:30px;text-decoration:none;margin:0px 10px 15px 10px;
}
div.sidr div.sidr-inner a.startseite:hover {
color:#CC0000;
}
div.sidr div.sidr-inner a.cache {
display:inline-block;color:#CC9900;font-size:30px;text-decoration:none;margin:15px 10px 0px 10px;
}
div.sidr div.sidr-inner a.cache:hover {
color:#CC0000;
}
div.sidr div.sidr-inner a.logout {
display:inline-block;color:#CC9900;font-size:30px;text-decoration:none;margin:15px 10px 0px 10px;
}
div.sidr div.sidr-inner a.logout:hover {
color:#CC0000;
}

/*************** // SLIDESHOW // ****************/

section.slideshow {
display:block;position:absolute;width:100%;height:100vh;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
section.slideshow div.cycle-slideshow {
display:block;width:100%;height:100%;position:relative;
}
section.slideshow div.cycle-slideshow article.slide {
display:block;width:100%;height:100vh;background-repeat:no-repeat;background-position:center top;background-size:cover;filter:gray;-webkit-filter:grayscale(100%);
}
section.slideshow div.pager { 
position:absolute;bottom:30px;width:100%;text-align:center;z-index:999;overflow:hidden;
}
section.slideshow div.pager span { 
display:inline-block;width:16px;height:16px;font-family:arial;font-size:50px;color:#252525;cursor:pointer; 
}
section.slideshow div.pager span.cycle-pager-active {
color:#CC9900;
}
section.slideshow a.prev {
display:block;position:absolute;top:0;left:30px;top:45%;transformY:translate(-45%);font-size:55px;line-height:1em;color:#CC9900;z-index:999;
}
section.slideshow a.next {
display:block;position:absolute;top:0;right:30px;top:45%;transformY:translate(-45%);font-size:55px;line-height:1em;color:#CC9900;z-index:999;
}

/*************** // CONTENT - GALERIE // ****************/

div.galerie {
display:block;width:100%;position:relative;margin:75px 0px 0px 0px;padding:30px 30px 30px 30px;overflow:hidden;
}
div.galerie div.grid {
display:block;max-width:100%;
}
div.galerie div.grid.are-images-unloaded {
opacity:0;
}
div.galerie div.grid__col-sizer {
width:23.125%;
}
div.galerie div.grid__gutter-sizer {
width:2.5%;
}
div.galerie div.grid.are-images-unloaded .image-grid__item {
opacity:0;
}

/* ITEM */
div.grid div.grid__item {
float:left;display:block;width:23.125%;position:relative;margin:0px 0px 45px 0px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
div.grid div.grid__item figure {
display:block;position:relative;width:100%;height:auto;overflow:hidden;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;
}
div.grid div.grid__item figure a img {
display:block;width:100%;height:auto;margin:0px 0px 0px 0px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;
}
div.grid div.grid__item figure a:hover img {
transform:scale(1.05);
}

/* LIKE */
div.grid div.grid__item figure div.like {
position:absolute;top:10px;right:15px;cursor:pointer;z-index:99;
}
div.grid div.grid__item figure div.like i {
color:#FFFFFF;font-size:20px;
}
div.grid div.grid__item figure div.like:hover i {
color:#CC0000;
}
div.grid div.grid__item figure div.like.favorite i {
color:#CC0000;
}

/* COMMENT */
div.grid div.grid__item div.comment {
display:block;background:#F1F1F1;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;
}
div.grid div.grid__item div.comment:after {
content:'';display:block;clear:both;
}
div.grid div.grid__item div.comment div.left {
display:block;float:left;width:90%;text-align:left;
}
div.grid div.grid__item div.comment div.right {
display:block;float:right;width:5%;text-align:right;
}
div.grid div.grid__item div.comment div.right a {
color:#666666;
}
div.grid div.grid__item div.comment div.right a:hover {
color:#CC0000;
}

/* TOOLS */
div.grid div.grid__item div.tools {
display:block;
}
div.grid div.grid__item div.tools div.toolsbar {
display:none;background:#666666;padding:5px 5px 5px 5px;
}
div.grid div.grid__item div.tools div.toolsbar:after {
content:'';display:block;clear:both;
}
div.grid div.grid__item div.tools div.toolsbar div.left {
display:block;float:left;width:50%;text-align:left;
}
div.grid div.grid__item div.tools div.toolsbar div.left a {
color:#FFFFFF;text-decoration:none;margin:0px 0px 0px 10px;
}
div.grid div.grid__item div.tools div.toolsbar div.left a:hover {
color:#CC0000;
}
div.grid div.grid__item div.tools div.toolsbar div.right {
display:block;float:right;width:50%;text-align:right;
}
div.grid div.grid__item div.tools div.toolsbar div.right a {
color:#FFFFFF;text-decoration:none;margin:0px 10px 0px 0px;
}
div.grid div.grid__item div.tools div.toolsbar div.right a:hover {
color:#CC0000;
}
div.grid div.grid__item div.tools a.grippie {
display:block;background:#E0E0E0;padding:0px 0px 0px 0px;color:#666666;line-height:1em;text-align:center;
}
div.grid div.grid__item div.tools a.grippie:hover {
color:#CC0000;
}

/* INFINITE SCROLL & LOADER */
.page-load-status {
display:none;padding-top:20px;border-top:1px solid #DDD;text-align:center;color:#777;
}
.pagination {
display:none;
}
.loader-ellips {
font-size:20px;position:relative;width:4em;height:1em;margin:10px auto;
}
.loader-ellips__dot {
display:block;width:1em;height:1em;border-radius:0.5em;background:#333333;position:absolute;animation-duration:0.5s;animation-timing-function:ease;animation-iteration-count:infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
left:0;
}
.loader-ellips__dot:nth-child(3) {
left:1.5em;
}
.loader-ellips__dot:nth-child(4) {
left:3em;
}
@keyframes reveal {
from { transform:scale(0.001); }
to { transform:scale(1); }
}
@keyframes slide {
to {transform:translateX(1.5em)}
}
.loader-ellips__dot:nth-child(1) {
animation-name:reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
animation-name:slide;
}
.loader-ellips__dot:nth-child(4) {
animation-name:reveal;
animation-direction:reverse;
}