@charset "UTF-8";
 @keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0; }
div,
header,
nav,
footer,
article,
ul {
overflow: hidden; }
html {
font-size: 100%;
line-height: 1.5em;
font-family: "Poppins", sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
color: #333; }
@media (max-width: 1024px) {
html {
font-size: 0.875em; } }
@media (max-width: 640px) {
html {
font-size: .9em; } }
@media (min-width: 2048px) {
html {
font-size: 1.25em; } }
html, body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%; }
a, a:focus, a:active, a:hover {
color: inherit;
text-decoration: none;
outline: none; }
a img {
border: none; }
input[type=text] {
height: 2.3rem;
width: 100%;
border: none;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd; }
.screen-reader-text {
display: none; }
#searchform #s {
background: url(//hno-krueger.de/wp-content/themes/fluxus/img/zoom-gray.svg) no-repeat 0.5em 50%;
padding-left: 2em; }
#searchform label, #searchsubmit {
display: none; }
.gallery dl.gallery-item {
display: block;
float: left; }
table, tr, td {
border: 0;
padding: 0;
margin: 0; }
td {
padding: 0 0.25em 0.25em 0; }
.typo { }
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 {
letter-spacing: 0.1em; }
.typo h1, .typo h3, .typo h5 {
color: #2f4f98; }
.typo h2, .typo h4, .typo h6 {
color: #333; }
.typo h1, .typo h2, .typo h3, .typo h4 {
font-weight: 200; }
.typo h5, .typo h6 {
font-weight: 300; }
.typo h1, .typo h2 {
font-size: 2em;
line-height: 1.5em; margin: 0 0 0.75em 0; }
.typo h3, .typo h4 {
font-size: 1.25em;
line-height: 1.2em;
margin: 0 0 1.2em 0; }
.typo h5, .typo h6 {
font-size: 1em;
line-height: 1.5em;
margin: 0 0 1.5em 0; }
.typo a {
color: #009ee3; }
.typo a:hover {
color: #e5007d; }
.typo .terminlink {
display: block;
width: 100%;
text-align: center !important;
padding: 0.75rem;
background: #2f4f98;
color: #fff !important;
cursor: pointer; }
.typo p > a,
.typo li > a,
.typo h1 > a,
.typo h2 > a,
.typo h3 > a,
.typo h4 > a,
.typo h5 > a,
.typo h6 > a,
.typo strong > a,
.typo em > a,
.typo blockquote > a {
padding-right: 1em; }
.typo p > a::after,
.typo li > a::after,
.typo h1 > a::after,
.typo h2 > a::after,
.typo h3 > a::after,
.typo h4 > a::after,
.typo h5 > a::after,
.typo h6 > a::after,
.typo strong > a::after,
.typo em > a::after,
.typo blockquote > a::after {
content: "›";
position: relative;
left: 0.375em;
transition: all 0.2s ease; }
.typo p > a:hover::after,
.typo li > a:hover::after,
.typo h1 > a:hover::after,
.typo h2 > a:hover::after,
.typo h3 > a:hover::after,
.typo h4 > a:hover::after,
.typo h5 > a:hover::after,
.typo h6 > a:hover::after,
.typo strong > a:hover::after,
.typo em > a:hover::after,
.typo blockquote > a:hover::after {
left: 0.75em;
transition: all 0.2s ease; }
.typo strong {
font-weight: 600; }
.typo small {
font-size: 0.75em; }
.typo blockquote,
.typo cite,
.typo em,
.typo i {
font-style: italic; }
.typo p,
.typo address {
margin: 0 0 1.5em 0; }
.typo p {
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphenate-limit-lines: 3;
-webkit-hyphenate-limit-lines: 3;
-moz-hyphenate-limit-lines: 3;
-ms-hyphenate-limit-lines: 3;
hyphenate-limit-chars: 6 3 2;
-webkit-hyphenate-limit-chars: 6 3 2;
-moz-hyphenate-limit-chars: 6 3 2;
-ms-hyphenate-limit-chars: 6 3 2; }
.typo.widget p {
text-align: left; }
.typo sup {
line-height: 1em; }
.typo dl {
margin: 0 1.5em; }
.typo dd {
margin-bottom: 1.5em; }
.typo blockquote {
margin: 1.5em; }
@media (max-width: 640px) {
.typo blockquote {
margin: 1.5em 0; } }
.typo img,
.typo .comment-content img,
.typo .widget img {
display: block;
max-width: 100%;
height: auto; }
.typo embed,
.typo iframe,
.typo object,
.typo video {
max-width: 100%; }
.typo .alignleft {
float: left;
margin-right: 1.5em; }
@media (max-width: 640px) {
.typo .alignleft {
clear: both;
float: none;
margin-right: 0; } }
.typo .alignright {
float: right;
margin-left: 1.5em; }
@media (max-width: 640px) {
.typo .alignright {
clear: both;
float: none;
margin-left: 0; } }
.typo .aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.typo .size-large,
.typo .size-full {
margin-right: 0; }
.typo .gallery,
.typo img {
margin-bottom: 1.5em; }
.typo .gallery img,
.typo .wp-caption img {
margin-bottom: 0; }
.typo .wp-caption {
margin-bottom: 1.5em;
width: auto;
max-width: 100%;
clear: both; }
.typo .wp-caption-text {
display: block;
clear: both;
width: 100%;
font-size: 0.75em;
line-height: 2em;
margin: 0;
border-bottom: 1px solid #ddd; }
.typo .alignleft.size-medium,
.typo .alignright.size-medium,
.typo .aligncenter.size-medium {
max-width: 50%; }
.typo .alignleft.size-thumbnail,
.typo .alignright.size-thumbnail,
.typo .aligncenter.size-thumbnail {
max-width: 33%; }
.typo img[size="size-thumbnail"] {
max-width: 33%; }
.typo ul, .typo ol {
margin: 0 0 1.5em 0.75em;
padding: 0; }
.typo ul ul, .typo ol ol, .typo ul ol, .typo ol ul {
margin-bottom: 0; }
.typo ul {
list-style: none;
overflow: visible; }
.typo ul li:before {
content: "\203A";
display: block;
height: 0;
width: 0;
position: relative;
left: -0.75em;
top: 0; }
.typo hr {
border-top: 1px solid #ddd;
border-bottom: none;
margin-bottom: 1.5em;
clear: both; }
.typo > *:last-child {
margin-bottom: 0; }
.body {
padding: 0;
background: #fff;    }
.body__headerimage {
width: 100%;
height: 50vw;
max-height: 50vh;
min-height: 25vh;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position-x: left;
background-position-y: center;
position: relative; }
.body__headerimage::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 100%); }
.body__headerimage::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//hno-krueger.de/wp-content/themes/fluxus/img/pattern-border.svg);
background-repeat: repeat-x;
background-position-x: right;
background-position-y: bottom;
background-size: auto 5em;
transform: translateY(2.5em);
opacity: 0.5; }
@media (max-width: 768px) {
.body {
display: flex;
flex-wrap: wrap; } }
.wrapper {
background: whitesmoke;
width: 100%; padding: 0 6em; }
@media (max-width: 768px) {
.wrapper {
padding: 0 3em; } }
@media (max-width: 640px) {
.wrapper {
padding: 0;
width: 100%; } }
.wrapper__inner {
max-width: 60em;
margin: 0 auto; }
.header { padding: 1.5rem 6em 0 6em;
background-color: #fff; }
@media (max-width: 768px) {
.header {
padding: 1.5rem 3em 0 3em; } }
@media (max-width: 640px) {
.header {
padding: 1.5rem 0 0 0; } }
.header__inner {
max-width: 60em;
margin: 0 auto;
padding: 0 3rem;
background-color: #fff; }
@media (min-width: 768px) {
.header__homelink--title {
text-align: right;
padding-left: 3rem; } }
.header__brand {
display: block;
height: 5em;
width: auto;
float: left;
margin-bottom: 1em; }
.header__title {
line-height: 1em;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 0.5em; }
.header__inner {
display: grid; }
@media (max-width: 1024px) {
.header__inner .navbar {
grid-column-start: 1;
grid-column-end: 3; } }
@media (min-width: 1024px) {
.header__inner .navbar {
grid-column-start: 2;
grid-column-end: 3; } }
@media (min-width: 1024px) {
.header__inner .header__homelink--logo {
grid-row-start: 1;
grid-row-end: 3; } }
@media (max-width: 768px) {
.header__inner .header__homelink--title {
grid-column-start: 1;
grid-column-end: 3; } }
.header, .header__inner {
overflow: visible; }
@media (max-width: 768px) {
.header {
order: -1;
display: flex;
width: 100%; } }
.navbar {
overflow: visible; }
.navbar :after {
content: "";
display: table;
clear: both; }
@media (max-width: 640px) {
.navbar {
display: none; } }
.navbar a {
padding: 0 1.5rem; }
.navbar a {
line-height: 3em; }
.navbar ul {
overflow: visible;
list-style: none;
margin: 0;
padding: 0; }
.navbar > ul {
max-width: calc(60em - 6em);
margin: 0 auto; }
.navbar a {
display: block;
text-decoration: none;
white-space: nowrap; }
.navbar ul li {
float: left;
position: relative; }
.navbar ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
top: 3em;
left: 0;
z-index: 99999;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
.navbar ul ul li {
float: none; }
.navbar ul ul ul {
left: 100%;
top: 0; }
@media (min-width: 1024px) {
.navbar { }
.navbar ul {
display: flex;
justify-content: flex-end;
flex-wrap: wrap; }
.navbar > ul > li:last-child a {
padding-right: 0; }
.navbar > ul > li:last-child.current_page_item a, .navbar > ul > li:last-child.current_page_ancestor a {
padding-right: 1.5rem !important; }
.navbar > ul > li:last-child > ul {
float: right;
right: 0;
left: auto; }
.navbar > ul > li:last-child > ul ul {
left: auto;
right: 100%; } }
@media (max-width: 1024px) {
.navbar > ul > li:first-child a {
padding-left: 0; }
.navbar > ul > li:first-child.current_page_item a, .navbar > ul > li:first-child.current_page_ancestor a {
padding-left: 1.5rem !important; } }
.navbar ul li:hover > ul {
display: block; }
.navbar ul {
background-color: #fff; }
.navbar li {
color: #333; }
.navbar li:hover {
color: #2f4f98; }
.navbar li.current_page_item, .navbar li.current_page_ancestor {
color: #2f4f98;
background-color: whitesmoke; }
.navbar .template-page-hidden {
display: none; }
html.no-touch .navbar .template-page-redirect > a {
pointer-events: none;
cursor: default; }
.navrows {
border-top: 1px solid #2f4f98; }
@media (max-width: 640px) {
.navrows {
display: none; } }
.navrows a {
padding: 0 1.5rem; }
.navrows a {
line-height: 3em; }
.navrows ul {
list-style: none;
margin: 0;
padding: 0 1.5rem; }
.navrows li {
float: left; }
.navrows a {
display: block;
text-decoration: none;
white-space: nowrap; }
.navrows ul {
border-bottom: 1px solid #2f4f98; }
.navrows li {
border-bottom: 3px solid transparent; }
.navrows li:hover, .navrows li.current_page_item, .navrows li.current_page_ancestor {
border-bottom: 3px solid #2f4f98; }
.navlist {
background-color: #fff; }
@media (min-width: 640px) {
.navlist {
display: none; } }
.navlist ul {
list-style: none;
margin: 0;
padding: 0; }
.navlist a {
line-height: 3em;
display: block;
text-decoration: none;
white-space: nowrap; }
.navlist__icon {
display: block;
height: 1.5em;
width: auto;
margin: 0.75em 3rem;
cursor: pointer; }
.navlist .children {
display: none; }
.navlist__list a {
padding-left: 3rem; }
.navlist__list ul a {
padding-left: calc(1.5 * 3rem); }
.navlist__list ul ul a {
padding-left: calc(2 * 3rem); }
.navlist__list ul ul ul a {
padding-left: calc(2.5 * 3rem); }
.navlist__list ul ul ul ul a {
padding-left: calc(3.5 * 3rem); }
.navlist .current_page_item > a {
color: #2f4f98; }
.navlist ul {
background-color: #fff; }
.navlist li {
color: #333; }
.navlist li:hover, .navlist li.current_page_item, .navlist li.current_page_ancestor {
color: #2f4f98;
background-color: whitesmoke; }
.navlist .template-page-hidden {
display: none; }
@media (max-width: 768px) {
.navlist {
display: flex;
order: -1;
width: 100%;
flex-wrap: wrap; }
.navlist ul {
width: 100%; }
.navlist ul.open {
display: block !important; }
.navlist .navlist__icon {
position: absolute;
top: 20px;
right: 0; } }
.main__sidebar {
float: none;
clear: both;
width: 100%;
margin-top: 3rem; }
@media (min-width: 768px) {
.main__sidebar {
float: right;
clear: right;
width: 20em;
border-left: 1px solid #ddd; } }
.main__content {
float: left;
clear: left;
width: calc( 100% - 20em); }
@media (max-width: 768px) {
.main__content {
float: none;
clear: both;
width: 100%; } }
.main__content--full {
width: 100%; }
.sidebar__widget {
margin: 3rem;
border-top: 1px solid #ddd;
padding-top: 3rem; }
.sidebar__widget:first-child {
border-top: none;
padding-top: 0; }
@media (min-width: 768px) {
.sidebar + .content + .sidebar > .sidebar__widget:first-child {
border-top: 1px solid #ddd;
padding-top: 3rem;
margin-top: 0; } }
@media (max-width: 768px) {
.content + .sidebar > .sidebar__widget:first-child {
border-top: 1px solid #ddd;
padding-top: 3rem;
margin-top: 0; } }
.content__article, .content__pagination, .content__postnavigation {
margin: 3rem;
padding-top: 3rem; }
@media (min-width: 768px) {
.content__article:first-child {
border-top: none;
padding-top: 0; } }
@media (max-width: 768px) {
.content__article:first-child {
margin-top: 0; } }
.content__pagination {
text-align: right; }
.content__pagination .nav-links > * {
display: inline-block;
padding: 0;
margin-right: 0.75rem; }
.content__pagination .nav-links > *:last-child {
margin-right: 0; }
.content__pagination a {
color: #2f4f98; }
.content__pagination a:hover {
color: #2f4f98; }
.content__pagination a.next {
padding-right: 1em; }
.content__pagination a.next:after {
content: "›";
position: relative;
left: 0.375em;
transition: all 0.2s ease; }
.content__pagination a.next:hover:after {
left: 0.75em;
transition: all 0.2s ease; }
.content__pagination a.prev {
padding-left: 1em; }
.content__pagination a.prev:before {
content: "‹";
position: relative;
right: 0.375em;
transition: all 0.2s ease; }
.content__pagination a.prev:hover:before {
right: 0.75em;
transition: all 0.2s ease; }
.content__postnavigation .nav-links > * {
display: block;
float: right;
margin-right: 0.75rem;
padding-right: 0.75rem;
border-right: 1px solid #ddd; }
.content__postnavigation .nav-links > *:first-child {
margin: 0;
padding: 0;
border-right: none; }
.content__postnavigation .nav-previous a {
color: #2f4f98;
padding-right: 1em; }
.content__postnavigation .nav-previous a:hover {
color: #2f4f98; }
.content__postnavigation .nav-previous a:after {
content: "›";
position: relative;
left: 0.375em;
transition: all 0.2s ease; }
.content__postnavigation .nav-previous a:hover:after {
left: 0.75em;
transition: all 0.2s ease; }
.content__postnavigation .nav-next a {
color: #2f4f98;
padding-left: 1em; }
.content__postnavigation .nav-next a:hover {
color: #2f4f98; }
.content__postnavigation .nav-next a:before {
content: "‹";
position: relative;
right: 0.375em;
transition: all 0.2s ease; }
.content__postnavigation .nav-next a:hover:before {
right: 0.75em;
transition: all 0.2s ease; }
.content__postnavigation .backlink {
display: block;
float: right;
color: #2f4f98;
padding-right: 1em; }
.content__postnavigation .backlink:hover {
color: #2f4f98; }
.content__postnavigation .backlink:after {
content: "›";
position: relative;
left: 0.375em;
transition: all 0.2s ease; }
.content__postnavigation .backlink:hover:after {
left: 0.75em;
transition: all 0.2s ease; }
.footer {
padding-top: 0; }
.footer__widget {
margin: 3rem;
padding-top: 3rem;
border-top: 1px solid #ddd; }
.footer__widget:first-child {
margin-top: 0; }
@media (min-width: 640px) {
.article__date {
text-align: right; } }
.widget ul {
list-style: none; }
.widget ul li:before {
display: none; }
.widget ul, .widget ol {
margin: 0;
padding: 0; }
.widget ul ul, .widget ol ol {
margin-left: 1.5rem;
padding: 0; }
@media (max-width: 640px) {
.widget.fluxus_pageswidget {
display: none; } }
.widget.fluxus_pageswidget .current_page_item > a {
color: #e5007d; }
.typo .accordionsection {
padding-top: 1.5em;
border-top: 1px solid #ddd; }
.typo .accordionsection:last-of-type {
border-bottom: 1px solid #ddd; }
.typo .accordionsection__content {
display: none; }
.typo .accordionsection__tab {
cursor: pointer; }
.typo .accordionsection__tab a::after {
display: inline-block; }
.typo .accordionsection__tab:hover a::after, .typo .accordionsection--current .accordionsection__tab a::after {
left: 0.375em;
transform: rotate(90deg); }
.breadcrump {
display: block;
margin-bottom: 1.5em; }
.contentgallerymasonry {
width: calc(100% + 0.75rem); }
.contentgallerymasonry__item {
padding: 0 0.75rem 0 0;
margin: 0 0 0.75rem 0; }
@media (min-width: 1024px) {
.contentgallerymasonry__item--1columns {
width: 100%; }
.contentgallerymasonry__item--2columns {
width: 50%; }
.contentgallerymasonry__item--3columns {
width: 33.33%; }
.contentgallerymasonry__item--4columns {
width: 25%; }
.contentgallerymasonry__item--5columns {
width: 20%; }
.contentgallerymasonry__item--6columns {
width: 16.66%; }
.contentgallerymasonry__item--7columns {
width: 14.28%; }
.contentgallerymasonry__item--8columns {
width: 12.5%; }
.contentgallerymasonry__item--9columns {
width: 11.11%; } }
@media (max-width: 1024px) {
.contentgallerymasonry__item--1columns {
width: 100%; }
.contentgallerymasonry__item--2columns {
width: 50%; }
.contentgallerymasonry__item--3columns, .contentgallerymasonry__item--4columns, .contentgallerymasonry__item--5columns, .contentgallerymasonry__item--6columns, .contentgallerymasonry__item--7columns, .contentgallerymasonry__item--8columns, .contentgallerymasonry__item--9columns {
width: 33.33%; } }
@media (max-width: 768px) {
.contentgallerymasonry__item--1columns {
width: 100%; }
.contentgallerymasonry__item--2columns {
width: 50%; }
.contentgallerymasonry__item--3columns {
width: 33.33%; }
.contentgallerymasonry__item--4columns {
width: 25%; }
.contentgallerymasonry__item--5columns {
width: 20%; }
.contentgallerymasonry__item--6columns {
width: 16.66%; }
.contentgallerymasonry__item--7columns {
width: 14.28%; }
.contentgallerymasonry__item--8columns {
width: 12.5%; }
.contentgallerymasonry__item--9columns {
width: 11.11%; } }
@media (max-width: 640px) {
.contentgallerymasonry__item--1columns {
width: 100%; }
.contentgallerymasonry__item--2columns, .contentgallerymasonry__item--3columns, .contentgallerymasonry__item--4columns, .contentgallerymasonry__item--5columns, .contentgallerymasonry__item--6columns, .contentgallerymasonry__item--7columns, .contentgallerymasonry__item--8columns, .contentgallerymasonry__item--9columns {
width: 50%; } }
.contentgallerymasonry__link {
display: block; }
.contentgallerymasonry__img {
display: block;
width: 100%;
height: auto; }
.contentgallerymasonry__caption {
display: block;
clear: both;
width: 100%;
font-size: 0.75em;
line-height: 2em;
margin: 0;
border-bottom: 1px solid #ddd; }
.contentgalleryslider {
border-top: 1px solid #ddd; }
.contentgalleryslider__slider {
border-bottom: 1px solid #ddd;
background: #eee; }
.contentgalleryslider__item {
display: none; }
.contentgalleryslider__img {
display: block;
max-width: 100%;
height: auto;
max-height: 20em;
width: auto;
margin: 0 auto 0 0; }
.contentgalleryslider__thumbs {
border-bottom: 1px solid #ddd; }
.contentgalleryslider__thumb {
height: 6em;
width: auto;
float: left;
opacity: 0.5; }
.contentgalleryslider__thumb--current {
opacity: 1; }
.contentgalleryslider__controls {
border-bottom: 1px solid #ddd;
padding: 0.75em 0; }
.contentgalleryslider__controlitem {
display: inline-block;
margin-right: 0.75em; }
.contentgalleryslider__controlitem--hidden {
visibility: hidden; }
.contentgalleryslider__controlprev, .contentgalleryslider__controlnext, .contentgalleryslider__thumb {
cursor: pointer; }
.contentgalleryslider__captions {
border-bottom: 1px solid #ddd; }
.contentgalleryslider__controlcaptionmix {
border-bottom: 1px solid #ddd;
padding: 0.75em 0; }
.imagelightbox {
cursor: pointer;
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none;
-webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75);
box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); }
.imagelightbox__loading,
.imagelightbox__loading div {
border-radius: 50%; }
.imagelightbox__loading {
position: fixed;
z-index: 10003;
top: 50%;
left: 50%; }
.imagelightbox__loading div {
position: relative;
left: -3em;
top: -3em;
border: 2px solid #fff;
opacity: 0.3;
border-right: 5px solid rgba(0, 0, 0, 0);
border-radius: 50px;
width: 5em;
height: 5em;
margin: 0 auto;
-moz-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear; }
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.imagelightbox__overlay {
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.imagelightbox__close {
width: 2.5em;
height: 2.5em;
text-align: left;
border-radius: 50%;
position: fixed;
z-index: 10002;
top: 2.5em;
right: 2.5em;
border: none;
cursor: pointer;
-webkit-transition: color .3s ease;
transition: color .3s ease; }
.imagelightbox__close:before,
.imagelightbox__close:after {
width: 2px;
content: '';
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px; }
.imagelightbox__close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.imagelightbox__close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.imagelightbox__caption {
text-align: center;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 0.625em; }
.imagelightbox__arrow {
width: 3.75em;
height: 7.5em;
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em;
border: none;
cursor: pointer; }
.imagelightbox__arrow--left {
left: 2.5em; }
.imagelightbox__arrow--right {
right: 2.5em; }
.imagelightbox__arrow:before {
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em; }
.imagelightbox__arrow--left:before {
border-left: none;
margin-left: -0.313em; }
.imagelightbox__arrow--right:before {
border-right: none;
margin-right: -0.313em; }
#imagelightbox__loading,
#imagelightbox__overlay,
#imagelightbox__close,
#imagelightbox__caption,
.imagelightbox__arrow {
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear; }
@-webkit-keyframes fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
@media only screen and (max-width: 41.25em) {
.container {
width: 100%; }
.imagelightbox__close {
top: 1.25em;
right: 1.25em; }
.imagelightbox__arrow {
width: 2.5em;
height: 3.75em;
margin-top: -2.75em; }
.imagelightbox__arrow--left {
left: 1.25em; }
.imagelightbox__arrow--right {
right: 1.25em; } }
@media only screen and (max-width: 20em) {
.imagelightbox__arrow--left {
left: 0; }
.imagelightbox__arrow--right {
right: 0; } }
.imagelightbox__overlay {
background: #2f4f98;
opacity: 0.95; }
.imagelightbox__close {
opacity: 0.3;
background-color: rgba(0, 0, 0, 0); }
.imagelightbox__close:hover,
.imagelightbox__close:focus {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5); }
.imagelightbox__close:before,
.imagelightbox__close:after {
background-color: #fff; }
.imagelightbox__caption {
color: #fff;
background: rgba(0, 0, 0, 0.5); }
.imagelightbox__arrow {
opacity: 0.3;
background-color: rgba(0, 0, 0, 0); }
.imagelightbox__arrow:hover,
.imagelightbox__arrow:focus,
.imagelightbox__arrow:active {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5); }
.imagelightbox__arrow--left:before {
border-right-color: #fff; }
.imagelightbox__arrow--right:before {
border-left-color: #fff; }
.imagelightbox__imglink {
display: block;
position: relative; }
.imagelightbox__icon {
position: absolute;
z-index: 100;
left: 0;
bottom: 0;
margin: 0;
padding: 3em 3em 0.5em 0.5em;
width: auto;
height: auto;
line-height: 0;
background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); }
.imagelightbox__icon {
opacity: 0;
content: url(//hno-krueger.de/wp-content/themes/fluxus/img/zoom-white.svg); }
.imagelightbox__imglink:hover .imagelightbox__icon {
opacity: 1;
content: url(//hno-krueger.de/wp-content/themes/fluxus/img/zoom-white.svg); }
.postlist__item {
margin: 1.5rem 3rem;
border-top: 1px solid #ddd; }
.postlist__item:first-child {
margin-top: 0; }
.postlist__head {
display: block; }
@media (min-width: 640px) and (max-width: 768px), (min-width: 1024px) {
.postlist__head {
display: flex;
flex-flow: row nowrap;
align-items: flex-end; } }
.postlist__postthumbnail {
height: auto;
margin-right: 1.5rem;
display: block;
width: 10em; }
.postlist__postthumbnail.hf {
width: calc(10em - 2em); }
.postlist__postthumbnail.qf {
width: calc(10em + 2em); }
@media (min-width: 640px) and (max-width: 768px), (min-width: 1024px) {
.postlist__postthumbnail {
flex: 1 1 10em; }
.postlist__postthumbnail.hf {
flex: 1 1 calc(10em - 2em); }
.postlist__postthumbnail.qf {
flex: 1 1 calc(10em + 2em); } }
.postlist__headinfo {
display: block; }
@media (min-width: 640px) and (max-width: 768px), (min-width: 1024px) {
.postlist__headinfo {
flex: 2 2 100%;
transform: translateY(0.25em);
padding-top: 1.5rem; } }
.postlist__date {
margin-bottom: 0.75rem !important; }
.postlist__content {
clear: both; }
.postlist .more-link {
display: block;
padding: 0.375em 1.5em 0.375em 0.375em;
text-align: right;
font-weight: 600;
background: whitesmoke; }
.postlistlinks__item {
margin: 1.5rem 3rem;
border-top: 1px solid #ddd; }
.postlistlinks__item:first-child {
margin-top: 0; }
.postlistlinks__head {
color: #333;
display: block; }
@media (min-width: 640px) and (max-width: 768px), (min-width: 1024px) {
.postlistlinks__head {
display: flex;
flex-flow: row nowrap;
align-items: flex-end; } }
.postlistlinks__postthumbnail {
height: auto;
margin-right: 1.5rem;
display: block;
width: 10em; }
.postlistlinks__postthumbnail.hf {
width: calc(10em - 2em); }
.postlistlinks__postthumbnail.qf {
width: calc(10em + 2em); }
@media (min-width: 640px) and (max-width: 768px), (min-width: 1024px) {
.postlistlinks__postthumbnail {
flex: 1 1 10em; }
.postlistlinks__postthumbnail.hf {
flex: 1 1 calc(10em - 2em); }
.postlistlinks__postthumbnail.qf {
flex: 1 1 calc(10em + 2em); } }
.postlistlinks__headinfo {
padding-top: 1.5rem;
display: block; }
@media (min-width: 640px) and (max-width: 768px), (min-width: 1024px) {
.postlistlinks__headinfo {
flex: 2 2 100%;
transform: translateY(0.25em); } }
.postlistlinks__date {
margin-bottom: 0.75rem !important; }
.postlistlinks__content {
color: #333;
clear: both; }
.postlistlinks__title {
padding-right: 1em;
color: #2f4f98 !important;
transition: all 0.2s ease; }
.postlistlinks__title::after {
content: "›";
position: relative;
left: 0.375em;
transition: all 0.2s ease; }
.postlistlinks__item:hover .postlistlinks__title {
color: #e5007d !important;
transition: all 0.2s ease; }
.postlistlinks__item:hover .postlistlinks__title::after {
left: 0.75em;
transition: all 0.2s ease; }
.postlistmasonry {
overflow: visible;
margin: 3rem calc(3rem - 1.5rem) 3rem 3rem; }
.postlistmasonry__link {
display: block; }
.postlistmasonry__item {
overflow: hidden;
padding: 0 1.5rem 0 0;
margin: 0 0 1.5rem 0; }
@media (min-width: 1024px) {
.postlistmasonry__item {
width: 33.33%; } }
@media (max-width: 1024px) {
.postlistmasonry__item {
width: 50%; } }
@media (max-width: 768px) {
.postlistmasonry__item {
width: 50%; } }
@media (max-width: 640px) {
.postlistmasonry__item {
width: 100%; } }
.postlistmasonry__title {
text-transform: uppercase;
background: rgba(0, 0, 0, 0.5);
padding: 0.75rem;
color: #fff;
letter-spacing: 0.1em; }
.postlistmasonry__excerpt {
padding: 0.75rem;
background: #fff;
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1); }
.postlistmasonry__postthumbnail {
display: block;
width: 100%;
height: auto;
z-index: -1; }
.postlistmasonry__title {
text-align: right;
padding: 0.75rem;
color: #fff;
background: rgba(0, 0, 0, 0.5);
transition: all 0.2s ease; }
.postlistmasonry__item:hover .postlistmasonry__title, .postlistmasonry__item--active .postlistmasonry__title {
background: #2f4f98;
transition: all 0.2s ease; }
.postlistaccordion__item {
margin: 0 3rem;
border-top: 1px solid #ddd; }
.postlistaccordion__item:first-child {
margin-top: 0; }
.postlistaccordion__postthumbnail {
display: block;
width: 10em;
height: auto;
margin-bottom: 0 !important;
float: left; }
@media (max-width: 1024px) {
.postlistaccordion__postthumbnail {
float: none; } }
@media (max-width: 768px) {
.postlistaccordion__postthumbnail {
float: left; } }
@media (max-width: 640px) {
.postlistaccordion__postthumbnail {
float: none; } }
.postlistaccordion__headinfo {
padding: 1.5rem 1.5rem 0 1.5rem;
overflow: hidden; }
.postlistaccordion__date {
margin-bottom: 0.75rem !important; }
.postlistaccordion__content {
clear: both;
padding: 1.5rem; }
.postlistaccordion__title {
padding-right: 1em;
color: #2f4f98 !important;
transition: all 0.2s ease; }
.postlistaccordion__title::after {
content: "›";
position: relative;
left: 0.375em;
transition: all 0.2s ease;
display: inline-block; }
.postlistaccordion__item:hover .postlistaccordion__title, .accordionsection--current .postlistaccordion__title {
color: #e5007d !important;
transition: all 0.2s ease; }
.postlistaccordion__item:hover .postlistaccordion__title::after, .accordionsection--current .postlistaccordion__title::after {
left: 0.375em;
transform: rotate(90deg);
transition: all 0.2s ease; }
.postlistaccordion__item:hover, .postlistaccordion__item.accordionsection--current {
background: whitesmoke; }
.pagelist__item {
margin: 1.5rem 3rem;
padding-top: 3rem;
border-top: 1px solid #ddd; }
.pagelist__item:first-of-type {
margin-top: 0; }
.pagelist__postthumbnail {
display: block;
width: 10em;
height: auto;
margin-right: 1.5rem;
float: left; }
@media (max-width: 1024px) {
.pagelist__postthumbnail {
float: none; } }
@media (max-width: 768px) {
.pagelist__postthumbnail {
float: left; } }
@media (max-width: 640px) {
.pagelist__postthumbnail {
float: none; } }
.pagelist__headinfo {
padding-top: 1.5rem; }
.pagelist__date {
margin-bottom: 0.75rem !important; }
.pagelist__content {
clear: both; }
.pagelist .more-link {
display: block;
padding: 0.375em 1.5em 0.375em 0.375em;
text-align: right;
font-weight: 600;
background: whitesmoke; }
.addgallerymasonry {
animation: fadein 1s;
margin: 3rem calc(3rem - 0.75rem) 3rem 3rem; }
.addgallerymasonry > * {
width: 16.66%; }
@media (max-width: 1024px) {
.addgallerymasonry > * {
width: 20%; } }
@media (max-width: 640px) {
.addgallerymasonry > * {
width: 33.33%; } }
.addgallerymasonry__item, .addgallerymasonry__item--first {
float: left;
padding-right: 0.75rem;
margin-bottom: 0.75rem; }
.addgallerymasonry__item img {
filter: grayscale(100%);
opacity: 0.5;
transition: all 0.2s ease; }
.addgallerymasonry__item:hover img, .addgallerymasonry__item--first img {
filter: grayscale(0%);
opacity: 1; }
@media (min-width: 1024px) {
.addgallerymasonry__item--first {
width: 50%; } }
@media (max-width: 1024px) {
.addgallerymasonry__item--first {
width: 60%; } }
@media (max-width: 640px) {
.addgallerymasonry__item--first {
width: 100%; } }
.addgallerymasonry__img {
display: block;
width: 100%;
height: auto; }
.addgalleryslideshow {
animation: fadein 1s;
position: relative;
height: 18em; }
@media (max-width: 768px) {
.addgalleryslideshow {
height: 18em; } }
.addgalleryslideshow__item {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
display: none;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.addgalleryslideshow__item:first-of-type {
display: block; }
.addgalleryslider {
border-top: 1px solid #ddd; }
.addgalleryslider__slider {
border-bottom: 1px solid #ddd;
background: #eee; }
.addgalleryslider__item {
display: none; }
.addgalleryslider__img {
display: block;
max-width: 100%;
height: auto;
max-height: 20em;
width: auto;
margin: 0 auto 0 0; }
.addgalleryslider__thumbs {
border-bottom: 1px solid #ddd; }
.addgalleryslider__thumb {
height: 6em;
width: auto;
float: left;
opacity: 0.5; }
.addgalleryslider__thumb--current {
opacity: 1; }
.addgalleryslider__controls {
border-bottom: 1px solid #ddd;
padding: 0.75em 0; }
.addgalleryslider__controlitem {
display: inline-block;
margin-right: 0.75em; }
.addgalleryslider__controlitem--hidden {
visibility: hidden; }
.addgalleryslider__controlprev, .addgalleryslider__controlnext, .addgalleryslider__thumb {
cursor: pointer; }
.addgalleryslider__captions {
border-bottom: 1px solid #ddd; }
.addgalleryslider__controlcaptionmix {
border-bottom: 1px solid #ddd;
padding: 0.75em 0; }
.addimageheaderimage {
animation: fadein 1s;
position: relative;
height: 22em;
background: #333; }
@media (max-width: 768px) {
.addimageheaderimage {
height: 18em; } }
.addimageheaderimage img {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%; } #breadcrumbs {
max-width: 60em;
margin: 0 auto;
padding: 10px 3rem 0 3rem; }
#breadcrumbs > span {
font-size: .75rem; }
#breadcrumbs > span > span > span a {
color: #009ee3; }
#breadcrumbs > span > span > span a.breadcrumb_last {
color: #333; }
.postlistmasonry__item .article__date {
display: block;
font-size: .75em;
margin: 5px 0; }
.mobile-menu-toggle {
position: absolute;
right: 30px;
font-size: 1.5em;
padding: 7px;
transform: rotate(-90deg);
color: #009ee3; }
.page_item.open > .mobile-menu-toggle {
transform: rotate(90deg); }
.dr_toggle h4 {
color: #009ee3;
position: relative;
display: block;
max-width: 500px; }
.dr_toggle h4:after {
content: '>';
position: absolute;
right: 0px;
color: #009ee3;
top: 0px;
font-size: 2rem; }
.dr_toggle h4:hover {
cursor: pointer; }
.dr_toggle.open h4:after {
transform: rotate(90deg); }
.dr_row {
display: flex;
flex: 1; }
@media (max-width: 768px) {
.dr_row {
display: block !important; } }
.dr_row .dr_col.third {
width: 33%; }
@media (max-width: 768px) {
.dr_row .dr_col {
width: 100% !important; } }