/* 
lennartbader.de
written with love and lots of coffee by lennart bader
copyright (c) 2020
*/ 

img {
    color: transparent;
}

body {background:white;}

.big-sep {margin-bottom:40px;}

/* Preloader */
.pre-loader, .pre-loader-anim {background:white !important;}
.preloadlogo {max-width:200px;height:auto;}
.pre-loader-anim span { top:45%; }

/* Logo und Menüanpassung */
/*.header-nav ul {
    margin-bottom: 37px;
    margin-top: 39px;
  }*/

.header-nav li {margin: 0 10px;}

.header-nav ul li a, footer ul li a {
  font-weight:normal;
  padding:4px 8px;
  transition:all 0.4s ease;
}

  @media  (min-width: 1025px) {
    .header-nav ul li a:hover, footer ul li a:hover {
            box-shadow: inset 0 0 0 2px #333;
    }

    .header-nav ul li a:active, footer ul li a:active {
      background-color:#aaa;
      transition:all 0.2s ease;
    }

    .header-nav ul {
      margin-top:30px;
      margin-bottom:0;
    }
  }

.logo {
  max-height:50px;
  left: 40px;
  top:10px;
}

  @media  (max-width: 1024px) {
    .logo {
      width:auto; 
      max-height:45px;  
      left: 40px;
      top:15px;
    }

    .menucontact {display:none !important;}
  }


.navbar-collapse.collapse {height:auto !important;}

.header-nav ul li a {font-size: 100% !important;}

/* Footer */

.imprint {
  line-height:normal;
}

  .imprint > a {
    color:#bbb;
  }

footer.footer-type-1 .left-line, footer.footer-type-1 .right-line {
  visibility:hidden;
}

footer.footer-type-1 {
  min-height:0;
  /*padding-top:50px;*/
  padding:5px;
  background:white;
}

  footer.footer-type-1 .copyright {
    padding-top:0;
  }

  footer.footer-type-1 .copyright p {
    padding-bottom: 2px;
  }

footer.footer-type-1 ul li a, #example-navbar-collapse ul > li > a, footer.footer-type-2 ul li a {
  font-size:90%;
  font-weight:normal;
}   

  footer.footer-type-1 ul li a:hover, #example-navbar-collapse ul > li > a:hover, footer.footer-type-2 ul li a:hover {
  color:#222;
} 

  footer.footer-type-1 ul  {
    /*padding-top:3px;*/
    display:none;
  }

  .socialmedia img {height:30px;}

  footer.footer-type-2 .copyright {
    display:none;
  }

  @media  (min-width: 1025px) and (-webkit-min-device-pixel-ratio:0) {
    footer.footer-type-2 .copyright {
      display:block;
      color:white;
      padding-bottom:1px;
    }

    footer.footer-type-2 .copyright .imprint > a {
      color:white;
      display:none;
    }

    .wedding footer.footer-type-2 ul {padding-bottom:0;
      margin-top:3px;}
  }


footer .goto-top a::before {height:0;}
footer .goto-top a:hover
{
        box-shadow: none;
}

footer.footer-type-1 ul li a {font-weight:normal;}
footer.footer-type-1 ul li a:hover {color:black;}

footer.footer-type-2 ul {padding-bottom:5px;}

footer ul li a, #example-navbar-collapse ul > li > a {
  position: relative;
  text-decoration: none;
}

/* CHROME */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .home-2 footer.footer-type-2 {position:relative;}

}

  /*footer ul li a:before, #example-navbar-collapse ul > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #888;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

  footer ul li a:hover:before, #example-navbar-collapse ul > li > a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }*/



/***************************************/
/* Startseite */

@media screen and (min-width: 1025px){
.padding-sec-top-xl {
    padding-top: 100px;
}
}

.hovertext {
  opacity:0;
  z-index: 10;
  position: absolute;
  top: 50%;
  margin-top: -0.7em;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  height: 100%;
  font-size: 55px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  transition: all 0.3s ease 0s;
  text-shadow: 0 0 6px rgba(0,0,0,.2);
}

.img-wrap:hover .hovertext {
  opacity:.9;
  position: absolute;
  top: 50%;
  margin-top: -0.7em;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  height: 100%;
  font-size: 55px;
  text-align: center;
  color: white;
  transition: all 0.3s ease 0s;
}

.hovertext > h2 {
  color:white;
}
  @media  (max-width: 1024px) {
  .hovertext > h2 {
   font-size:22px;
   line-height:35px;
   margin-top:10px;
  }
  }

  @media  (min-width: 1025px) {
  .hovertext > h2 {
   font-size:24px;
   line-height:40px;
   margin-top:10px;
  }
  }

  @media  (min-width: 1280px) and (max-width: 1600px) {
  .hovertext > h2 {
   font-size:30px;
  }
  }

  @media  (min-width: 1600px) {
  .hovertext > h2 {
   font-size:36px;
  }}

   @media  (min-width: 2200px) {
  .hovertext > h2 {
   font-size:45px;
  }
  }

.hovertext > h4 {
  color:white;
  line-height: 20px;
  font-size: 16px;
  font-style: italic;
  margin-bottom:10px;
}

.hovertext > p {
  color: white;
  display: flex;
  flex-direction: row;
}

    .hovertext > p:before, .hovertext > p:after {
      content: "";
      flex: 1 1;
      border-bottom: 1px solid #fff;
      margin: auto;
    }

.hovertext >p {display:none;}

@media screen{.item .item-overlay {
  opacity:0;
  background:black;
  -moz-transition: all 3s ease 0s;
  -o-transition: all 3s ease 0s;
  -webkit-transition: all 3s ease 0s;
  transition: all 3s ease 0s;
}

  .item:hover .item-overlay {
    

    opacity:1 !important;
  }
}

.nachrechts {
  clear:both;
}

.layout-change li.cat-filter {
    position: absolute;
    right: 0;
    left:auto ;
}

.info-link {
  display:inline !important;
}

.info-text-wrap {
  padding-top:8px;
  display:none;
}

@media  (min-width: 1025px) {
.info-text-wrap {display:none;}
}

.info-text-wrap > a {display:inline;}

.cat {
  float:right;
  font-style:italic;
}

.more {
  font-size: 14px;
  color: #9b9b9b;
  display: inline;
  text-decoration: none;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  
  .cat:hover, .cat:focus, .cat:active {
    text-decoration: none; }

.nolink {
  cursor:default !important;
}

#content {
  padding-bottom:50px;
}


@media screen and (max-width: 1024px) {
  .img-wrap .border {display:block;}

  .img-wrap .hovertext {opacity:1 !important;

  }
}

/***************************************/

/* Single [home2]*/


/* social ausblenden */
.container > ul:nth-child(1) > li:nth-child(1),.container > ul:nth-child(1) > li:nth-child(2),.container > ul:nth-child(1) > li:nth-child(4),.container > ul:nth-child(1) > li:nth-child(5) {
  visibility: hidden;
}

.home-2 .owl-carousel .item {margin-bottom:10px;}

.singletitle {
  position: fixed;
  top: 75px;
  left: 20px;
  z-index: 5;
  margin-top:0;
  display:none;
}

  .singletitle > h1 {
    padding-bottom:0;
    color:white;
    text-shadow: 1px 4px 5px rgba(0,0,0,0.15);
  }

    .singletitle > h1 > a, .singletitle > p >a {color:white;}

  .singletitle > p {
    color:rgba(255,255,255,.9);
    text-transform: uppercase;
    font-size:90%;
    line-height:1;
    margin-top:-0.5em;
  }

.expandtozoom {background:rgba(0,0,0,.2) !important;}

.backtomain {
  position:absolute;
  z-index: 5;
  bottom:0;
  left: 0;
  padding: 12px 12px 12px 10px;
  transition: all 0.5s ease 0s;
}
  
  .backtomain:hover {
    background-color:rgba(0,0,0,.7);
  }

  .backtomain a img {
    max-height: 22px;
    opacity:0.7;
    transition: all 0.5s ease 0s;
  }

    .backtomain:hover a img{
      opacity:1;
    }

.home-2 .info-text-wrap {
  display:none;
  /*bottom:10px;
  right:10px;
  left:auto;*/
}

.home-2 .expandtozoom {display:none !important;}

.home-2 .img-wrap-h-overlay, .home-2 .img-wrap-h-overlay:hover {display:none !important;}

@media screen and (max-width: 1024px){
.home-2 .owl-carousel{margin-top:50px;}
.singletitle {padding-top:0.4em;}
}
    
@media  (min-width: 1025px) {
.home-2 h1 {
  font-size:400%;
  line-height:80px;
}

.home-2 .singlenav {
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 5;
}
  .home-2 .singlenav > a {
    padding-right:15px;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .home-2 .singlenav {
      bottom: 60px;
    }

    .backtomain {
      bottom: 50px;
      left:1px;
    }
  }

}

@media  (max-width: 1024px) {
  .home-2 h1 {
    font-size: 46px;
    line-height: 0.8;
    padding-bottom: 10px !important;
  }

  .singletitle {
        top: 80px;
        left:15px;}
}

@media  (max-width: 480px) {
  .home-2 h1 {
    font-size: 35px;
  }
}

.home-2 .singlenav {
  mix-blend-mode: exclusion;
}
/***********************************/
/* Kontakt */
.centerbitte {text-align: center;}

.panel-default .panel-title a {
  font-size:13px;
}

.panel-body > h6 {
  margin-top: 25px;
}

#collapse_2 .panel-body > p {
  padding-top: 0;
}

.contacth {
  text-transform:none; 
  padding-bottom:10px;
  transition:all 0.4s ease;
  box-shadow: inset 0 0 0 3px #333;
  display:inline;
  padding: 5px 10px 10px 10px;
}

  #mailto .contacth:hover {
    box-shadow: inset 0 0 0 50px black;
    background-color:black;
    color:white;
  }

#mailto {
  cursor:pointer;
  display:inline;
}

  .contacthint {
    opacity:0;
    transition:all 0.4s ease;
    padding-top:0.6em;
    font-style:italic;
  }


.contact-page .big-sep {
  opacity:0;
  font-size:30px;
}

.contact-page .padding-sec-bottom-lg {
  padding-bottom:20px;
}

.contact-page .col-sm-12 .col-sm-6 {
  padding-bottom:4em;
}

.contact-page .col-sm-12 .nopadding {padding-bottom:0;}

@media  (min-width: 768px) {
  .kontaktbox {
    border: 1px solid #000;
    width:30%;
    margin:0 1%;
  }

  #btn_submit {
    margin: 0 auto;
    width: 100%;
  }
}

@media  (max-width: 520px) {.contacth {font-size:30px;} .contact-page .big-sep{margin:5px !important;}}
@media  (max-width: 464px) {.contacth {font-size:26px;}}
@media  (max-width: 416px) {.contacth {font-size:22px;}}


.header-nav .contacth {
  padding:5px 7px;
  box-shadow: inset 0 0 0 2px #333;
  transition:all 0.6s ease;

}

  .header-nav #mailto .contacth:hover {
    box-shadow: inset 0 0 0 20px black;
    background-color:black;
    color:white;
  }
  
  .header-nav #copied {
    font-size: 80%;
  }
  
  .header-nav #copied {
    font-size: 80%;
  }

  .header-nav .contacthint {
    transition:all 0.4s ease;
    position:relative;
  }

  .header-nav .contactwrap {
    padding-top:2px;
    float:right;
    margin-right:4px;
  }

/***************************************/
/* Wedding */

/*.home-4 .wrapper.wrapper-anim, .project-detail-page-type-1 .wrapper.wrapper-anim {
  padding-top:95px;
}*/

.home-4 .nav-arrow-wrap, .project-detail-page-type-1 .nav-arrow-wrap, .project-detail-page-type-1 .nav-arrow-wrap{
  top:52%;
}

.home-4 .resizable {
  right:0;
  height:45px;
  width:45px;
  padding-top:10px;
  background: rgba(0,0,0,.15);
}

.home-4 .resizable img {
  width:23px;
  height:23px;

}

.centerwrap {
  width:100%;
}

.centerwrap .caption-slider {
  max-width:60%; 
  background:rgba(0,0,0,.4); 
  padding:4em 1em 2em 1em;
}

.centerwrap .resizable {
  position:relative;
  margin:0 auto;
  background:rgba(0,0,0,.45);
  margin-top:1em;
}

@media  (min-width: 768px) {
.centerwrap .caption-slider  span{ 
  font-size:120%;
}
}

@media  (max-width: 767px) {
  .home-4 .nav-arrow-wrap, .project-detail-page-type-1 .nav-arrow-wrap, .project-detail-page-type-1 .nav-arrow-wrap {
    top:95px;
  }

  .fullscreenpls {display:none;}

  .centerwrap .caption-slider {
    max-width:80%;
    background:rgba(0,0,0,.7);
    padding:2em 0.5em 1em 0.5em;
  }

  .centerwrap .caption-slider > span{
    line-height:1.5;
  }
}

/*@media  (min-width: 1600px) {
  .centerwrap .caption-slider {
    margin: 25% auto; 
  }
}*/


@media only screen  
  and (max-device-width: 736px) 
  and (orientation: landscape) { 
    .centerwrap .caption-slider {
      display:none;
    }
  }

/*@media only screen 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  {
  .centerwrap .caption-slider {
    margin-top:25em; 
  }
}*/





/* temp */
.comingsoon {
  background: white url('images/bg.jpg') top center no-repeat no-repeat;

  text-align:center;
}

.centernow {
  margin:0 auto;
}

.centersoon {
  position: absolute;
  width:100%;
  top: 50%;
  transform: translateY(-50%);
  margin:0 auto;
}
.centersoon > div {
  width: 400px;
  margin: 0 auto;
  background-color: rgba(255,255,255,.2);
  padding:10px;
}


/* wedding ausblenden */

#example-navbar-collapse > ul:nth-child(1) > li:nth-child(2) {display:none;}

.caption-slider .fullscreenpls .weddingdescwrap {margin:auto; text-align:center;}

.caption-slider .fullscreenpls .weddingdesc {
    font-size: 100%;
    font-weight: 400;
    max-width: 400px;
    float:left;
    text-align: justify;
    text-transform: unset;
    line-height: 1.4;
    padding:15px;
    display:inline-block;
}


/* purelei dooh swap */

.imgswap video {
  display:none;
}

  .imgswap:hover img {display:none;}
  .imgswap:hover video {display:block;}