/*
Theme Name: Laika Loves Lassie
Theme URI: http://underscores.me/
Author: Laika Loves Lassie
Author URI: http://laikaloveslassie.com
Description: A custom theme by Laika Loves Lassie
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: laikaloveslassie
Tags:
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Main Content
# Sidebar
# Homepage

--------------------------------------------------------------*/



/*------------------------------------------------------------------------------
# Hero
------------------------------------------------------------------------------*/




.hero-wrapper {
  width: 100%;
  overflow: hidden;
}


.hero-image {
    -webkit-height: calc(100vh - 156px);
       -moz-height: calc(100vh - 156px);
            height: calc(100vh - 156px);

    width: 100%;
    background-position: center center;
    background-size: cover !important;
    position: relative;
}




.hero-image-reduced {

    -webkit-height: calc(65.51724137931034vh - 60px);
       -moz-height: calc(65.51724137931034vh - 60px);
            height: calc(65.51724137931034vh - 60px);

    width: 100%;
    background-position: center center;
    background-size: cover !important;
    position: relative;
}



.hero-image-minimal {
    width: 100%;
    background-position: center center;
    background-size: cover !important;
    position: relative;
    -webkit-height: 240px;
       -moz-height: 240px;
            height: 240pX;
}




.home-hero-image {
  height: 75vh;
  overflow: hidden;
}


.hero-text-container {
    font-size: 144px;
		letter-spacing: 0.2px;
    animation-name: text-animation;
    animation-duration: 1000s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: relative;
    white-space: nowrap;
    backface-visibility: hidden;
    perspective: 1000;
}


.hero-text-container img {
	max-width: none;
	width: auto;
}

.hero-text-container span {
  text-transform: uppercase;
}


.hero-text-container span.outline-font {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}

.hero-text-container span.full-font {
  color: #fff;
}

.hero-text-container span.hero-icon {
  display: inline-block;
  transform: scale(.65, 1);
	font-size: 100px;
	position: relative;
	top: -10px;
}


.hero-headline-wrapper {
  position: absolute;
  top: 0;
}


.hero-headline-container {
  padding-top: 50px;
  padding-bottom: 50px;
}


.parallax-wrapper {
  height: 60vh;
}



.parallax-image {
  height: 80vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  z-index: -1;
  top: 0px;
}



@keyframes text-animation {
    from { transform: translateX(0);}
    to { transform: translateX(-80000px);}
}



.hero-badge-image-container {
	position: absolute;
	bottom: 50px;
	right: 50px;
}


.hero-badge {
  width: 220px;
  height: 130px;
  border: 2.5px solid #fff;
  border-radius: 50%;

  position: absolute;
  bottom: 50px;
  right: 100px;
}


.hero-badge span {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  top: -4px;
}



@media (max-width: 375px) {

    .hero-title-container h1 {
        font-size: 32px!important;
        line-height: 48px;
    }

    .hero-title-container h2 {
        font-size: 24px!important;
        line-height: 36px;

    }

}



@media (max-width: 414px) {

  .hero-headline-container {
    padding-top: 0px;
    padding-bottom: 0px;
  }

}




@media only screen and (max-width : 767px) {


	.hero-badge-image-container {
		position: absolute;
		bottom: 30px;
		right: 8.33333%;
	}


  .hero-headline-wrapper {
    position: relative;
    top: 0;
    height: auto!important;
  }

  .hero-headline-wrapper .hero-headline-container {
    padding: 0!important;
  }

  .hero-headline-wrapper .hero-headline-container .row {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-headline-wrapper .hero-headline-container .row,
  .hero-headline-wrapper .hero-headline-container .row div {
    width: 100%;
  }


  .hero-text-container { margin-top: -10%; }

  .hero-text-container img {
  	width: 60%;
  }




  .hero-image {
          -webkit-height: calc(100vh - 60px);
             -moz-height: calc(100vh - 60px);
                  height: calc(100vh - 60px);
  }



  .hero-image-reduced {
      -webkit-height: calc(65vh - 99px);
         -moz-height: calc(65vh - 90px);
              height: calc(65vh - 90px);
  }


  .hero-image-minimal {
      -webkit-height: calc(100vh - 60px);
         -moz-height: calc(100vh - 60px);
              height: calc(100vh - 60px);
  }



  .hero-title-container {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 20px 10%;
      position: relative;
      z-index: 2;
  }


  .hero-title-container h1,
  .hero-title-container h2 { margin: 0; font-family: "Knockout 34 A", "Knockout 34 B", serif; }

  }

}




@media only screen and (min-width: 768px ) and (max-width : 1199px) {


  .hero-text-container img {
  	width: 90%;
  }

}




@media only screen and (max-width : 1199px) {

    .hero-image {
        -webkit-height: calc(80.17241379310345vh - 60px);
           -moz-height: calc(80.17241379310345vh - 60px);
                height: calc(80.17241379310345vh - 60px);
    }




}





/*--------------------------------------------------------------
# Hero Bottom Bar
--------------------------------------------------------------*/

.hero-bottom-bar {
  top: 0px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 700;
}

.admin-bar .hero-bottom-bar {
  top: 32px;
}



.phone-icon {
  margin-right: 10px;
  font-size: 26px;
  color: #ffffff;
}

.telefonnummer a {
  text-decoration: underline;
  font-size: 24px;
}


.telefonnummer a:hover {
  text-decoration: underline;
}



@media all and (min-width: 768px) {

/*
.telefonnummer a,
.telefonnummer a:hover {
  text-decoration: none;
  cursor: default;
}
*/

}


.logo-flag-container .col { min-height: 0; }

.logo-flag-container {
  position: sticky;
  z-index: 20;
  top: 0px;
  margin-top: -59px;
}

.logo-flag-container #flag-logo {
  width: 44px;
  height: 44px;
  display: block;
}


.logo-flag {
  padding-top: 4px;
}






/*------------------------------------------------------------------------------
# Main Container
------------------------------------------------------------------------------*/


.site-content {
  padding-top: 177px!important;
}

@media (min-width: 1025px) {
  .site-content {
    padding-top: 147px!important;
  }
}

.main-container {
	width: calc ( 100% + 30px; )
}




/*------------------------------------------------------------------------------
# Social
------------------------------------------------------------------------------*/


.social-sharing-container a {
	color: #326771;
	font-size: 36px;
	margin-right: 12px;
}

.social-sharing-container a:hover {
	color: #2d5c65;
}



.social-profile-container a {
	color: #FF5A36;
	font-size: 36px;
	margin: 0 6px;
}

.social-profile-container a:hover {
	color: #e55130;
}



.social-profile-container {
	border: 2px solid #FF5A36;
	padding: 15px;
	text-align: center;
	display: block;
	color: #FF5A36;
	width: 100%;
}




.social-links .fa { position: relative; }

.fa-facebook { top: 1px; }

.fa-twitter { top: 1px; right: -1px;}

.fa-instagram { right: -1px; }

.fa-xing {}

.fa-linkedin {}

.fa-google-plus { right: -1px; }

.fa-youtube-play {}



/*------------------------------------------------------------------------------
# Sidebar
------------------------------------------------------------------------------*/

.related-posts a,
.related-posts a:hover {
	color: #000;
}



#sidebar-content #flexible-content a.sidebar-button-link {
	text-decoration: none!important;
}

.sidebar-button-container {
	padding: 15px;
}



.sidebar-title {
  margin-bottom: 20px;
}

.sidebar-menu {
  list-style: none;
  padding: 0;
  margin-left: -15px;
}

#flexible-content .sidebar-menu li a { text-decoration: none!important; }

.sidebar-menu li { margin-bottom: 4px;}



.sidebar-button-container {
    position: relative;
}



.sticky-offset {
	top: 70px!important;
	margin-bottom: 81px;
}



.sticky-top {
	z-index: 500!important;
}

@media (max-width: 767px) {

.sticky-top {
    position: relative!important;
    top: 0!important;
  }

}





/*------------------------------------------------------------------------------
# Homepage
------------------------------------------------------------------------------*/

.home section.text-one-column {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 1px;
}


a.home-hero-button {
  color: #000;
  display: block;
  font-size: 32px;
  letter-spacing: 0.3px;
  padding: 12px 25px;
  margin: 5px auto;
  border: 4px solid;
  border-color: transparent;
  text-transform: uppercase;
  line-height: normal;
  text-decoration: none;
}


a.home-hero-button:hover {
  color: #000;
  border-color: #000;
  transition: border-color 0.4s;
}




@media only screen and (max-width : 767px) {

  a.home-hero-button:first-child { margin-top: 30px;}
  a.home-hero-button:last-child { margin-bottom: 30px;}

}



@media only screen and (min-width : 768px) {

	a.home-hero-button {
			display: inline-block;
			margin: 10px auto;
			font-size: 24px;
			letter-spacing: 0.1px;

		}
}


@media only screen and (min-width : 991px) {

	a.home-hero-button {
			margin: 20px auto;
			font-size: 32px;
			letter-spacing: 0.1px;

		}
}


@media only screen and (min-width : 1200px) {

	a.home-hero-button {
	  font-size: 46px;
		letter-spacing: 0.3px;
  }

}


@media only screen and (min-width : 1340px) {

	a.home-hero-button {
		font-size: 54px;
		letter-spacing: 0.3px;
  }

}




/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/


.four-zero-four-bgimg {
    height: 100vh;
    width: 100%;
    position: absolute;
    z-index: -1;
    background-image: linear-gradient(125deg, #ffffff 25%, #f7f7f7 25%, #f7f7f7 50%, #ffffff 50%, #ffffff 75%, #f7f7f7 75%, #f7f7f7 100%);
    background-size: 48.83px 69.74px;
}



.four-zero-four-wrapper {
    position: relative;
    height: calc(70vh);
    width: 100%;
}

.four-zero-four-title-container {
    width: 100%;
    position: absolute;
    top: 200px;
    text-align: center;
    color: #000000;
}

.four-zero-four-title-container h1 {
  font-size: 64px;
}

.four-zero-four-link-container {
    width: 100%;
    position: absolute;
    bottom: 200px;
    text-align: center;
    color: #000000;
}


.four-zero-four-link-container a {
  color: #000000;
  text-decoration: underline;
}

.four-zero-four-link-container a:hover { color: #000000; }


/*--------------------------------------------------------------
# Privay Policy
--------------------------------------------------------------*/

.privacy-policy h2 {
  color: #ff5a36;
  margin: 60px 0 20px 0;
}

.privacy-policy h3 {
  color: #2c8c99;
  margin: 40px 0 20px 0;
}

.privacy-policy h4 {
  margin: 30px 0 10px 0;
}

.privacy-policy p {
  color: #28464b!important
  text-align: center;
}