﻿/*
Responsive CSS
*/



@media (max-width: 1500px) {

  header nav.subnav ul.level1 {
    float: left !important;
  }

}

@media (max-width: 1199px) {

  header nav.subnav ul.level1 > li {
    min-width: 120px;
  }

}


@media (max-width: 991px) {
  
  header nav.subnav ul.level1 > li {
    min-width: 90px;
  }

  header nav.subnav > div {
    display:none;
  }

  h1.page-title {
    margin-top: 60px;
  }


    .gmaps {
    	width:245px;
    	height:245px;
    	margin-top:35px;
    	position:relative;
    }

    .page-id-11 .text-right {
    	text-align:left;
    }

    .page-id-11 .entry-content {
    	margin-bottom:35px;
    }

    .home-aktuell {
      text-align: left;
    }

    .home-entry img, .home-entry .date {
      float: left;
    }



}

@media (max-width: 767px) {


  .hamburger {
      display: inline-block;
  }

  #menu-hauptmenu {
    display:none;
  }

  #menu-hauptmenu.is-active {
    display: inline;
    background-color:rgba(98, 78, 66, 0.99);
    width:100%;
  }

  .woocommerce ul.products li.product .button {
  margin-top: 0.4em;
  opacity: 1;
  transform: translateY(0);
}

.woocommerce ul.products li.product:hover .button {
  transform: translateY(0);
  opacity: 1;
}




}


@media (max-width: 630px) {

    	.parallax-window {
    		min-height:250px;
    	}

      header nav {
        font-size:14px;
      }

      header nav ul li {
        min-width: 80px;
      }

    	.wp-post-image {
    		float:none;
    	}

    	#logo_transition {
    		width:112px;
    		margin:0 auto;
    	}

	}


  @media (max-width: 385px) {

      header nav ul li {
        min-width: 65px;
      }

  }