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

:root {
  /* [disabled]--nav_hover: #B11B41; */
  /* [disabled]--nav_hover: #1357A9; */
  /* [disabled--nav_hover: #c39b39; */
  --nav_hover: #c39b39;
  --nav_hover_bright: #D2B368;
  --nav: #31373C;
  --nav_scroll: #383F44;
  --text: #383F44;
  --h: #383F44;
  --bg_color: #B2AEB0;
  --bg_color_dark: #979295;
  --bg_color_bright: #DEDCDD;
  --bg_color_w00: #F5F5F5;
  --bg_color_w01: #EDEDED;
  --test: red;
  --imppressum_bg: #e1e1e1;
    color: #D2B368;
}
h5 {
letter-spacing: 0.07rem;
}

::-moz-focus-inner, :active, :focus {
    outline: none !important;
    border: 0 !important;
    -moz-outline-style: none !important;
}

/* Magnific Popup zoom animation */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    /* [off]opacity: 0.8; */
    opacity: 1;
    /* [off]background-color: var(--bg_color); */
    /* [off]background-color: #242525; */
    background-color: var(--bg_color_w00); 
  }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Magnific Popup zoom animation END */

.tm-gallery-2-bg .mfp-with-zoom.mfp-ready.mfp-bg:after,
.tm-gallery-bg .mfp-with-zoom.mfp-ready.mfp-bg:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.tm-gallery-bg .mfp-with-zoom.mfp-ready.mfp-bg:after {
    /* [disabled]background-image: url("../img/einblicke-background-bg.jpg"); */
}
.tm-gallery-2-bg .mfp-with-zoom.mfp-ready.mfp-bg:after {
    /* [disabled]background-image: url("../img/auftragsarbeiten/auftragsarbeiten-006-gr.jpg"); */
}

/* Magnific Popup img animation */

.mfp-figure figure {
  /* [off]overflow: hidden; */
}
.mfp-figure:after {
  /* [off]display: none; */
  pointer-events: none;
  z-index: auto;
  background: none;
  border: 1px solid var(--bg_color_bright);
}
img.mfp-img {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
    
  position: relative;
  opacity: 1;
}
.mfp-figure:after {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.mfp-img-c img,
.mfp-img-c .mfp-figure:after {
 left: 0px;
 opacity: 1;
}
.mfp-img-r-in img,
.mfp-img-r-in .mfp-figure:after {
 left: 100%;
 opacity: 0;
}
.mfp-img-r-out img,
.mfp-img-r-out .mfp-figure:after {
/* [off]left: -100%;  */
 opacity: 1;
}
.mfp-img-l-in img,
.mfp-img-l-in .mfp-figure:after {
 left: -100%;
 opacity: 0;
}
.mfp-img-l-out img,
.mfp-img-l-out .mfp-figure:after {
/* [off]left: 100%; */
 opacity: 1;
}

/* Magnific Popup img animation END */

.pb-section {
padding-bottom: 60px;
}
.social a {
color: var(--bg_color);
}
.grid figure.effect-honey:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: '\f00e';
      font-size: 2rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: white;
      opacity: 0.0;
      transition: all 0.5s ease;
}
.grid figure.effect-honey:hover:after {
     opacity: 0.9;
     font-size: 3rem;
}
.grid figure.effect-honey:hover figcaption h2 {
    background-color: var(--bg_color_dark);
    opacity: 0.9;
}
.grid figure.effect-honey:hover img {
    transition: all 0.5s ease;
    transform: scale(1.1);
}
.grid figure.effect-honey:hover {
    cursor: zoom-in;
}
.slick-prev::before, .slick-next::before {
    color: #000000;
    font-size: 1.75rem;
    opacity: 0.3;
}
.slick-prev,
.slick-next {
    width: auto;
    height: auto;
}
.slick-prev {
    left: 30px;
    opacity: 1;
    z-index: 999;
}
.slick-next {
    right: 30px;
    opacity: 1;
    z-index: 999;
}
button.mfp-arrow-right {
    display: none;
}
#gallerye-play-stop {
    z-index: 9999;
    position: absolute;
    top: 50%;
    right: 28.5px;
}
#gallerye-play-stop li {
  margin-top: .4rem;  
  margin-right: 0px;
  display: block;
}
#gallerye-play-stop .play-gallery {
    margin-top: -3.65rem;
}
#gallerye-play-stop i {
    cursor: pointer;
    font-size: 2rem;
    color: #000000;
    opacity: 0.3;
}
#gallerye-play-stop i:hover {
   color: var(--nav_hover);
   opacity: 0.8;
}
#gallerye-play-stop {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    right: 17px;
    }
#gallerye-play-stop .play-gallery {
    margin-top: -4.35rem;
}
.mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 1;
}
.mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; 
}
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; 
}


@media all and (max-width: 900px) {
#gallerye-play-stop {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    right: 17px;
    }
#gallerye-play-stop .play-gallery {
    margin-top: -4.35rem;
}
  }
.small-pdf {
  font-size: 80%;   
}
.impressum-bg {
 background-color: var(--imppressum_bg);
 height: 100%;
 position: relative;
}
.impressum-bg .bottom {
    position: absolute;
    bottom: 1.5rem;   
}
.footer-margin-top {
 /* [disabled]margin-top: 182px !important; */       
}
.footer-links {
    position: relative;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.07rem;
}
.footer-links form .php-link {
letter-spacing: 0.07rem;
}
.footer-links .php-link {
    margin-top: 0px;
    margin-bottom: 1rem;
    color: var(--text);
    font-weight: 400;
    background-color: transparent;
    border: none;
    padding: 0px;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}
.footer-links .php-link:hover {
   color: var(--nav_hover);
}
.footer-links .php-link {
    display: block;
}
.footer-links p {
 display: block;
}
.display-none {
 display: none;
}
#link-datenschutz:hover {
  color: var(--nav_hover);
    cursor: pointer;
}

#datenschutz_webseite a {
  color: var(--text);  
}
#datenschutz_webseite a:hover {
  color: var(--nav_hover);  
}
#datenschutz-shop h3 {
    font-size: 1rem
}

.bar::before {
    display: inline-block;
    content: "";
    border-right-style: solid;
    border-right-width: thin;
    margin-right: 0.5em;
    margin-left: 0.5em;
    height: 0.8em;
    
}
.bar-php-link::before {
    margin-right: 0.3em;
}
.browser-size p {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: white;
    font-size: medium;
    color: #B11B41;
}
.browser-size {
  position: fixed;
  left: 6px;
  top: 2px;
  z-index: 9999;
}
.slick-slide {
  /* [disabled]width: 400px !important; */
}
.slick-slider {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}
.slick-service.slick-slider {
max-width: 100%;
}
.tm-gallery {
}
.tm-gallery-col {
}
.navbar-nav.ml-auto .nav-item ul {
  /* [disabled]display: block; */
  /* [disabled]position: absolute; */
  /* [disabled]padding-left: 0px; */
}
.navbar .nav-item:hover .dropdown-menu {
  display: block;
}
.navbar .nav-item .dropdown-menu {
  margin-top: 0px;
}
@media (min-width:992px) {
.dropdown-menu:after {
  content: ''; /* Required to display content */
  position: absolute; /* Sets the position absolute to the top div */
  top: 0;
  left: 35%; /* position the little arrow */
  margin-left: -30px;
  margin-top: -7px; /* Set margin equal to border px */
  width: 0;
  z-index: 1;
  height: 0;
  border-bottom: solid 15px #FFF; /* Creates the arrow pointing up, to change to a notch instead user border-top */
  border-left: solid 10px transparent; /* Creates triangle effect */
  border-right: solid 10px transparent; /* Creates triangle effect */
}
}
.img-home {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  /* [disabled]background-color: #FCFF00; */
}
#auftragsarbeiten.tm-section-pad-top {
    /* [disabled]margin-top: -130px; */
}
#galerie {
}
.col-titel {
    writing-mode: tb-rl;
    /* [disabled]transform: rotate(-180deg); */
    text-transform: uppercase;
    position: relative;
    /* [disabled]left: -15px; */
    top: auto;
    /* [off]font-size: 1rem; */
    font-size: 0.9rem;
    line-height: 1;
    /* [off]letter-spacing: 0.15rem; */
    letter-spacing: 0.30rem;
    color: var(--nav_hover);
    }
.col-img {
    padding-top: 15px;
}
.col-img-impressum {
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 45px;
    padding-bottom: 1.5rem;
}
.h-impressum {
    padding-left: 30px;
    padding-top: 1.5rem;
}
.col-lg-5-pdf-r,.col-lg-5-datenschutz-r {
    padding-right: 30px;
  }
#contact .container {
    padding-bottom: 64px;
  }
.contact .col-lg-5-pdf-r {
    padding-right: 15px;
  }
.tm-section-pad-top.service {
    padding-top: 0px;
}
.container.service {
    padding-top: 80px;
}
#einblicke {
    /* [disabled]background-image: url("../img/einblicke-background-bg.jpg"); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
    position: relative;
    background-color: var(--bg_color_w01);
}
.dropdown-item.active, .dropdown-item:active {
  background-color: white !important;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before, .slick-next:focus:before {
      color: var(--nav_hover);
      opacity: 0.8;
}
.slick-arrow {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
    
  opacity: 0;
}
.slick-hover .slick-arrow {
  opacity: 1;
}

#referenzen.tm-section-pad-top {
    /* [off]margin-top: -80px; */
    position: relative;
}
#referenzen .tm-intro-text-container,
#referenzen .tm-section-title {
    text-align: center;
}
.row.referenzen {
    padding-top: 70px;
    position: relative;
    padding-bottom: 6%;
}

#referenzen .col-lg-5-ref {
    /* [disabled]margin-top: 3%; */
    margin-left: 3%;
    width: 45.5%;
    margin-bottom: 3%;
}
.col-lg-5-ref:last-child {
    /* [disabled]padding-bottom: 3%; */
}
.img-ref {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid var(--bg_color_dark);
}
#footer {
    position: relative;
    /* [disabled]margin-top: 160px; */
    /* [disabled]height: 160px; */
    padding-bottom: 35px;
}

.contact .btn.tm-btn-submit {
    float: right;
    padding-left: 15px;
    padding-right: 15px;
    width: 30%
}
.contact #zustimmung {
    margin-right: 15px;
  
}

.contact #zustimmung {
    accent-color: var(--nav_hover);
}
.contact label[for=zustimmung] a {
    color: var(--text);
    font-weight: 400;
}
.contact label[for=zustimmung] a:hover {
    color: var(--nav_hover);
}

@media (max-width: 991px) {
#einblicke {
    /* [disabled]background-image: url("../img/einblicke-background-mobile-bg.jpg"); */
    /* [disabled]background-position: center 0px; */
  }
.footer-links .bar {
        display: none;
    }
}

@media (min-width:992px) {
.footer-links p, .footer-links .php-link {
    display: inline-block;
}
.right {
    text-align: right;
}
.col-lg-1-pdf-2 {
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
    position: absolute;
  }    
 .col-lg-1-pdf {
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%
  }
  .col-lg-5-pdf {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%
  }
  .col-lg-5-pdf-r {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 50px;
  }
  .col-lg-5-impressum {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%
  }
  .col-lg-5-impressum-r {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    padding-right: 50px;
  }
  .col-lg-5-datenschutz-r {
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
    padding-right: 50px;
  }
.contact .col-lg-5-pdf-r {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 15px;
  }
#referenzen .col-lg-5-ref {
    width: 16.4%;
    padding-bottom: 0px;
}
.footer-margin-top {
 /* [disabled]margin-top: 182px !important; */    
}
.col-img-impressum {
    padding-right: 30px;
}
}