@charset "UTF-8";
/*
 Theme Name:   henrikschipper.de child theme
 Description:  child theme für henrikschipper.de
 Author:       amicaldo GmbH
 Author URI:   https://amicaldo.de/
 Template:     fluxus
 Version:      1.0
*/
/* Parent Theme Style */
@import url("../fluxus/style.css");
/* Cookie Banner */
#cookies-eu-banner {
  background: #0e0d06;
  position: fixed;
  width: 200px;
  height: 136px;
  bottom: 150px;
  font-weight: 100;
  left: 50px;
}

#cookies-eu-reject {
  margin: 0;
}

#cookies-eu-more, #cookies-eu-accept, #cookies-eu-reject {
  background: #545454;
  padding: 4px 7px;
  margin: 6px 0 0 6px;
}

.swiper-pagination-bullet-active .double-circle__top {
  stroke-dashoffset: 0;
  stroke: #a4a4a4 !important;
}

.swiper-pagination-bullets--autoplaying .swiper-pagination-bullet-active .double-circle__top {
  animation: spin-bullet-amc 3000ms linear forwards;
}

@keyframes spin-bullet-amc {
  0% {
    stroke-dashoffset: 32;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    stroke: #f5f5f5;
  }
}
@keyframes cool-down {
  0% {
    stroke-dashoffset: 0;
    stroke: #f5f5f5;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}
.content-box.out-of-bounds--top[style].out-of-bounds--bottom[style]:not(.ui-draggable) {
  overflow: hidden;
}

.iScrollVerticalScrollbar {
  display: none;
}

.nav-tip__button {
  display: none;
}

@media screen and (max-width: 768px) {
  #content, #page-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
  }
  body, html, #page-wrapper {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
}
/* Gallery overlay fix */
@media screen and (max-width: 768px) {
  .image-overlay.overlay {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .site-navigation {
    display: none;
  }
}
/* contact form */
.entry-content {
  font: normal 16px/1.875 "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
  font-weight: 200;
}
.entry-content a {
  text-decoration: underline;
}

.kontaktdaten {
  width: 100%;
  margin-bottom: 40px;
}

.kd-left {
  width: 48%;
  margin-right: 2%;
  float: left;
}

.kd-right {
  width: 48%;
  margin-left: 2%;
  float: left;
}

@media screen and (max-width: 680px) {
  .kd-right,
  .kd-left {
    width: 100%;
    margin: 0;
  }
  .kd-right span {
    float: left !important;
    text-align: left !important;
    margin-bottom: 20px;
  }
  .kd-left span {
    margin-bottom: 20px;
  }
}
.test {
  width: 25%;
  margin: 0 auto;
}

.test span,
.test a {
  color: #888;
}

.page-id-57 .entry-header + .entry-content {
  margin-top: 0;
}

#post-57 {
  margin-top: 100px;
}

form br {
  display: none;
}

.kontaktdaten span,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel, textarea.wpcf7-form-control.wpcf7-textarea {
  font-size: 12px !important;
}

.display-contact-form {
  padding: 20px 30px 20px;
  border-radius: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.page-contacts .display-contact-form .wpcf7 {
  display: block;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel, textarea.wpcf7-form-control.wpcf7-textarea {
  background: rgba(235, 235, 235, 0);
  /*     color: #ffffff; */
  padding-left: 0px;
  font-size: 14px !important;
  font-weight: 100;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
  border-bottom: 1px solid #ebebeb;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  background: #ebebeb;
  font-size: 14px;
  padding: 11px 16px;
  font: normal 12px/1.2 "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: 0;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
  border: none;
  border-bottom: 1px solid #000;
}

input.wpcf7-form-control.wpcf7-text {
  width: 100%;
}

.wpcf7-response-output.wpcf7-display-none {
  font-family: Lato, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
  font-size: 15px;
}

input[type=text], input[type=password], input[type=email],
input[type=tel],
textarea {
  color: #999;
}

input[type=text]:hover, input[type=password]:hover, input[type=email]:hover,
input[type=tel]:hover,
textarea:hover, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
  color: #111;
  border-color: #c5c5c5;
}

/* info page */
.info-column {
  text-align: left;
  color: #000;
  padding: 1px 10px 1px;
  background-color: rgba(235, 235, 233, 0.5);
  height: 100%;
}

.info-column h3 {
  margin-top: 10px;
  font-weight: 300;
  margin-bottom: 1em;
}

.info-column p {
  font-size: 14px;
  font-weight: 100;
  color: #464749;
}

@media screen and (min-width: 1024px) {
  .info-content .row-fluid {
    display: flex;
  }
}
@media screen and (max-width: 568px) {
  .info-column.column2 {
    margin-top: 25px;
  }
  a.preview {
    pointer-events: none !important;
  }
}
/* infopage columns*/
.column-left {
  float: left;
  width: 48% !important;
  margin-right: 2% !important;
}

.column-right {
  float: left;
  width: 48% !important;
  margin-left: 2% !important;
}

* {
  font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif !important;
}

/* cookies */
#cookies-eu-banner {
  opacity: 0.5;
}

#cookies-eu-more, #cookies-eu-reject {
  display: none;
}

/* font-size global */
p {
  font-size: 12px !important;
}

/* general changes */
.site-navigation a {
  text-transform: none;
  font-size: 14px;
}

.home .nav-tip {
  display: none;
}

.entry-content p, .sidebar p {
  font-size: 14px;
  font-weight: 100;
}

.entry-content a {
  color: #888;
}

#header {
  padding: 0 0 25px;
}

nav.portfolio-navigation.sharing-enabled.other-projects-enabled {
  display: none;
}

.entry-content .panel-content a {
  color: #fff;
}

.swiper-slide__overlay {
  display: none !important;
}

.swiper-pagination-bullet-active .double-circle__top {
  stroke: #000000;
}

.swiper-pagination-bullet-active .double-circle__top {
  stroke-dashoffset: 0;
  stroke: #000000;
}

.hover-box-disabled, .overlay-box-disabled {
  display: none !important;
}

.grid-project .hover-box {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
}

.grid-project .hover-box:hover {
  opacity: 1;
}

.grid-project .hover-box .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 10px;
  text-align: center;
  display: block;
  box-sizing: border-box;
}

.grid-project .hover-box b {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: block;
  font-size: 21px;
  line-height: 1.1em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.page-id-57 .entry-title,
.page-id-523 .entry-title,
.page-id-539 .entry-title {
  border: none;
  text-align: left;
  width: 25%;
  margin: 0 auto;
  color: #888;
}

.page-id-523 .entry-content,
.page-id-539 .entry-content {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}

.page-id-523 .entry-content p,
.page-id-539 .entry-content p {
  text-align: justify;
}

/* media queries boxed content width */
@media screen and (max-width: 1280px) {
  .test,
  .page-id-57 .entry-title,
  .page-id-523 .entry-title,
  .page-id-539 .entry-title,
  .page-id-523 .entry-content,
  .page-id-539 .entry-content {
    width: 35%;
  }
}
@media screen and (max-width: 920px) {
  .test,
  .page-id-57 .entry-title,
  .page-id-523 .entry-title,
  .page-id-539 .entry-title,
  .page-id-523 .entry-content,
  .page-id-539 .entry-content {
    width: 45%;
  }
}
@media screen and (max-width: 480px) {
  .test,
  .page-id-57 .entry-title,
  .page-id-523 .entry-title,
  .page-id-539 .entry-title,
  .page-id-523 .entry-content,
  .page-id-539 .entry-content {
    width: 100%;
  }
}
.horizontal-page .scroll-container {
  margin-top: 40px;
}

/* portfolio */
.single.single-fluxus_portfolio .nav-tip .nav-tip__button.nav-tip__button--prev {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: fixed;
  left: 0;
  color: #cccccc;
  border: 0;
  width: 70px;
  height: 90px;
  right: 20px;
  top: 53%;
}

.single.single-fluxus_portfolio .nav-tip .nav-tip__button.nav-tip__button--next {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: fixed;
  right: 80px;
  color: #cccccc;
  border: 0;
  width: 70px;
  height: 90px;
  right: 20px;
  top: 53%;
}

.single.single-fluxus_portfolio .nav-tip .nav-tip__button::before {
  font-size: 100px;
}

@media screen and (max-width: 1024px) {
  .nav-tip {
    display: block !important;
  }
}
.nav-tip .nav-tip__button:hover {
  color: #868686 !important;
}

.content-box.content-box--effect-slide.content-box--text-dark {
  display: none;
}

.widget.fluxus-project-types {
  display: none;
}

.site-title {
  padding-left: 18px;
  padding-right: 15px;
}

.site-title img {
  width: 100%;
}

.site-navigation .current-menu-item > a,
.primary-navigation .current-menu-parent > a {
  background: #fff !important;
}

.sidebar p {
  text-align: justify;
  padding: 0px 0px 0px 15px;
}

.site-title {
  padding-right: 15px;
}

.info-column p {
  font-size: 12px;
}

/* Mobile fixes */
@media screen and (max-width: 768px) {
  #main {
    top: 0 !important;
    margin-top: 50px !important;
  }
  .site-footer {
    position: fixed !important;
    bottom: 0 !important;
    background-color: #fff;
  }
  .site-footer::before,
  .footer-links li::before {
    display: none !important;
    border: 0 !important;
  }
  .wpcf7 {
    padding-bottom: 50px !important;
  }
  #header {
    background-color: #fff;
  }
  .nav-tip__button {
    display: none !important;
  }
  #page-wrapper .horizontal-page--loaded #main {
    width: 100% !important;
    padding-top: 0 !important;
  }
  #main.site-with-sidebar {
    padding: 0 !important;
  }
}
.nav-tip__button:focus {
  background-color: transparent;
}/*# sourceMappingURL=style.css.map */