/* ****** TESTING STYLES ****** */
.errorPageTitle {
  color: white;
  text-align: center;
  margin-top: 48px;
  padding: 26px;
}
.errorPageText {
  margin-top: 48px;
  padding: 26px;
}
.errorPageText h2 {
  color: white;
  text-align: center;
}
.myTopParallax404 {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 0px 36px 0px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/06/Restaurant-Untergrenchenberg_Hintergrund_Haus_Darker_HDR_B.jpg");
}
/* BLINKER */
.blink_me {
  animation: blinker 1.5s linear infinite;
  color: #c5b308;
}
.blink_me_orange {
  animation: blinker 1s linear infinite;
  /* color: red; */
}

@keyframes blinker {
  50% {
    opacity: 0.25;
  }
}

/* ****** ANIMATIONS ****** */
.blink {
    animation-duration: 2.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0,.5,1,.5);
	-webkit-animation-timing-function: cubic-bezier(0,.5,1,.5);
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* ****** POPUP STYLES ****** */
/******************************/
@charset "utf-8";
/* CSS Document */

/* ******* FONT STYLE ******* */
body {
    font-family: "Montserrat", Arial, sans-serif;
}

/* ****** ANIMATIONS ****** */
.blink {
    animation-duration: 1.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0,.25,1,.75);
	-webkit-animation-timing-function: cubic-bezier(0,.25,1,.75);
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* ****** POPUP STYLES ****** */
/******************************/
/* Generic Popup Styles */
.sg-popup-content {
  margin: 0px;
  padding: 0px;
}
.infoPopup {
  padding: 26px;
  text-align: center;
}
.infoPopupGreenGradient {
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(107,155,0,1);
  -moz-box-shadow: inset 0px 0px 22px 5px rgba(107,155,0,1);
  box-shadow: inset 0px 0px 22px 5px rgba(107,155,0,1);
}
.infoPopupRedGradient {
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(255,0,0,1);
  -moz-box-shadow: inset 0px 0px 22px 5px rgba(255,0,0,1);
  box-shadow: inset 0px 0px 22px 5px rgba(255,0,0,1);
}
.infoPopupGoldGradient {
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(197,179,88,1);
  -moz-box-shadow: inset 0px 0px 22px 5px rgba(197,179,88,1);
  box-shadow: inset 0px 0px 22px 5px rgba(197,179,88,1);
}
.greenGradient {
	background: rgb(113,163,0);
	background: linear-gradient(90deg, rgba(113,163,0,1) 0%, rgba(165,239,0,1) 100%); 
}
.infoPopupOnPage {
  padding: 0%;
  text-align: center;
}
.popupMain {
  padding: 0 0 15px 0;
  margin: 0 auto;
  text-align: center;
}
.popupHeader {
  padding: 0; /* Check where this one is used and maybe merge with next style */
  margin: 0 auto; /* Check where this one is used and maybe merge with next style */
}
.popupHeaderBanner {
  padding: 0px;
  margin: -2px auto;
}
.popupContent {
	padding: 13px;
}
.popupContent p {
  font-size: 150% !important;
  text-align: center !important;
  margin: 0 auto;
  padding: 26px 20px 26px 20px; /* This might be obsolete */
}
@media (max-width: 744px) and (min-width: 1px) {
	.popupContent p {
  	font-size: 100% !important;
	}
}
.popupContentHeader h1 {
  font-size: 400% !important;
  text-align: center !important;
  color: #a5ef00; /*Easter*/
  margin: 0 auto;
  padding: 26px 20px 26px 20px; /* This might be obsolete */
}
@media (max-width: 744px) and (min-width: 1px) {
	.popupContentHeader h1 {
  	font-size: 200% !important;
	}
}
.popupSpacerTop {
  height: 10px;
}
.popupSpacerBottom {
  height: 35px;
}
.popupFooter {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/01/Untergrenchenberg_Logo_196x110.png");
  width: 196px;
  height: 110px;
  margin: 0 auto;
  background-repeat: no-repeat;
}
/* Popup Font Styles */
.infoPopup h1 {
  font-size: 36px;
  text-align: center;
}
.infoPopup h2 {
  font-size: 24px;
  text-align: center;
}
.infoPopup h3 {
  font-size: 18px;
  text-align: center;
}
.infoPopup p {
  font-size: 14px !important;
  text-align: center;
}
@media (max-width: 744px) and (min-width: 481px) {
	.infoPopup h1 {
	  font-size: 24px;
	}
	.infoPopup h2 {
	  font-size: 18px;
	}
	.infoPopup h3 {
	  font-size: 16px;
	}
	.infoPopup p {
	  font-size: 14px !important;
	}
}
@media (max-width: 480px) and (min-width: 1px) {
	.infoPopup h1 {
	  font-size: 18px;
	}
	.infoPopup h2 {
	  font-size: 16px;
	}
	.infoPopup h3 {
	  font-size: 14px;
	}
	.infoPopup p {
	  font-size: 12px !important;
	}
}
/* Metzgete Popup */
.metzgetePopupBackground {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2021/10/Metzgete_Popup_Background_2.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
/* 1. August Popup */
.ersterAugustPopupBackground {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/07/ErsterAugust-Popup_Background_01.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

/* Silvester Popup */
.starsSpacing {
	margin: 5px 0 5px 0 !important;
	color:  #C5B358 ;
	text-align: center;
}
.silvesterConfettiBackground {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/12/Confetti_Background_01.png");
  background-position: center;
  background-size: contain;
  background-repeat: repeat-y;
}
/* Oster Popup */
.osterMainContainer {
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(165,239,0,1);
  -moz-box-shadow: inset 0px 0px 22px 5px rgba(165,239,0,1);
  box-shadow: inset 0px 0px 22px 5px rgba(165,239,0,1);
}
/* Muttertags Popup */
.muttertagsMainContainer {
  background-color: rgba(113,163,0,0.666);
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(108,124,186,1);
  -moz-box-shadow: inset 0px 0px 22px 5px rgba(108,124,186,1);
  box-shadow: inset 0px 0px 22px 5px rgba(108,124,186,1);
}
.muttertagsWhiteHeader {
	color: #fff;
	text-align: center;
	font-size:200%;	
	text-shadow:
		1px 1px 0 #6c7cba,
		-1px -1px 0 #6c7cba,  
		1px -1px 0 #6c7cba,
		-1px 1px 0 #6c7cba,
		1px 1px 0 #6c7cba;
    -webkit-text-stroke: 3px #6c7cba;
}
.muttertagsYellowHeader {
	color: #f2d467;
	text-align: center;
	font-size:150%;
	font-weight: 800;
	text-shadow:
		1px 1px 0 #000,
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
    -webkit-text-stroke: 1px #000;
}
.muttertagsPreislisteText{
	font-size:150% !important;
	text-align: left !important;
}
@media (max-width: 744px) and (min-width: 1px) {
	.muttertagsWhiteHeader {
		font-size:85%;
    	-webkit-text-stroke: 1px #6c7cba;
	}
	.muttertagsYellowHeader {
		font-size:75%;
	}
	.muttertagsPreislisteText {
	text-align: center !important;
	}
}
/* Jubilaeums Popup */
.jubilaeumsPopupYellowGradient {
  /*width: 80%;*/
  padding: 20px;
  text-align: center;
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(242,212,103,1);
  -moz-box-shadow: inset 0px 0px 22px 5px rgba(242,212,103,1);
  box-shadow: inset 0px 0px 22px 5px rgba(242,212,103,1);
}
.jubilaeumsPopupBackground {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2018/04/Jubilaeumsbackground_01.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  max-width: 960 px;
}
.jubilaeumsYellowHeader{
	color: #f2d467;
	text-align: center;
	font-size:150%;
	font-weight: 800;
	text-shadow:
		1px 1px 0 #000,
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
    -webkit-text-stroke: 1px #000;
}
@media (max-width: 744px) and (min-width: 1px) {
	.jubilaeumsYellowHeader {
		font-size: 150%;
		text-shadow: none;
		-webkit-text-stroke: 0px #000;
	}
}

/* ****** APROVED STYLES ****** */
/********************************/
/* Add shadow to NextGEN Gallery (don't forget to change this if the shadow changes) */
.ngg-slideshow {
  position: relative;
  -webkit-box-shadow: 0 6px 12px rgba(1, 0, 0, 0.56), 0 0 40px rgba(1, 0, 0, 0.1);
  -moz-box-shadow: 0 6px 12px rgba(1, 0, 0, 0.56), 0 0 40px rgba(1, 0, 0, 0.1);
  box-shadow: 0 6px 12px rgba(1, 0, 0, 0.56), 0 0 40px rgba(1, 0, 0, 0.1);
}

/* ****** SPECIAL STYLES ****** */
/********************************/
/* Winter/Sommer slide show style */
.houseSommerWinter {
  background-image: url(https://www.untergrenchenberg.ch/wp-content/uploads/2015/12/Restaurant-Untergrenchenberg_Pano_Haus_B__Haus_Schnee-Pano_A_B_900px.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /*padding: 26px 20px 26px 20px;*/
}
.imageFader {
  animation: myImageFade 15s infinite;
}
@keyframes myImageFade {
  0% {
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.0;
  }
}

/* ****** SELF MULTI LAYER PARALLAX ****** */
/*******************************************/
/*body {
  padding: 0;
  margin: 0;
  background-color: #130d0a;
  font-family: 'Playfair Display', serif;
  color: #fff;
}*/
.coverUpForSelfParallax {
  background: white;
  padding-bottom: 48px;
}
.spacerTopSelfParallax{
  height: 80px;
  background: white;
}
#hero {
  height: 1099px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  /*background-color: -webkit-linear-gradient(#0054a8, #5db5f9); 
  background-color: -o-linear-gradient(#0054a8, #5db5f9); 
  background-color: -moz-linear-gradient(#0054a8, #5db5f9); 
  background-color: linear-gradient(#0054a8, #5db5f9);*/
  z-index: -1;
}
#heroInline {
  height: 320px;
  overflow: hidden;
  position: relative;
}
.layer {
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 1099px;
  position: fixed;
  z-index: -1;
}
.layerInline {
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 800px;
  /*position: fixed;*/
  z-index: 1000;
}
#hero-mobile {
  display: none;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Hintergrund_Haus_HDR_B.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 320px;
  z-index: 999;
}
/* This is currently unused .mobile-layer-overlay {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Logo.png");
  background-position: 50% 20%;
  background-size: 80%;
  z-index: 1000;*/
}
#hero, .layer {
  min-height: 1099px;
}
#heroInline, .layerInline {
  min-height: 320px;
}
.layer-bg {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Layer-bg.png");
}
.layer-1 {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Layer-1.png");
  /*background-position: left bottom;*/
}
.layer-2 {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Layer-2.png");
}
.layer-3 {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Layer-3.png");
  /*background-position: right bottom;*/
}
.layer-4 {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Layer-4.png");
}
.layer-overlay {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Logo.png");
  background-position: 50% 20%;
  /*background-size: 40%;*/
  /*z-index: 1000;*/
}
.layer-signature {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Multi-Parallax_Signature.png");
}

/*
.blurred-image-bg, .blurred-image-l1, .blurred-image-l2, .blurred-image-l3, .blurred-image-l4 {
    opacity:1;
    -webkit-filter: blur(0.1px);
    -ms-filter: blur(0.1px);
    -o-filter: blur(0.1px);
    filter: blur(0.1px);
}
.blurred-image-ol {
    opacity:1;
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
}
*/
@media only screen and (max-width: 767px) {
  #hero {
    display: none;
  }

  #hero-mobile {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .spacerTopSelfParallax {
    display: none;
    visibility: none;
  }
}

/* ****** TOP IMAGES PARALLAX ****** */
/*************************************/
/* One Page Top Styles */
.myTopParallax {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 5% 10px 5% 10px;
  min-height: 100vh;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/01/HintergrundSymbolbild.jpg");
}
.myTopParallaxWinter {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 5% 10px 5% 10px;
  min-height: 100vh;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/03/Restaurant-Untergrenchenberg_Hintergrund_Schneelandschaft.jpg");
}
.myTopParallaxSommer {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 5% 10px 5% 10px;
  min-height: 100vh;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/03/Restaurant-Untergrenchenberg_Hintergrund_Sonnenuntergang.jpg");
}
/* Regular Page Top Styles */
.myTopParallaxUebernachten {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 100vh;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/03/Restaurant-Untergrenchenberg_Hintergrund_Zimmer-6.jpg");
}
.myTopParallaxRestaurant {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/03/Restaurant-Untergrenchenberg_Hintergrund_Ostertisch-Gedeckt.jpg");
}
.myTopParallaxUeberUns {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Hintergrund_Nebelmeer.jpg");
}
.myTopParallaxAnreise {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Hintergrund_Bus.jpg");
}
.myTopParallaxKontaktformular {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/03/Restaurant-Untergrenchenberg_Hintergrund_Restaurant-Ostern-Gedeckt.jpg");
}
.myTopParallaxLinks {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Hintergrund_Haus_HDR_B.jpg");
}
.myTopParallaxAngusherde {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Hintergrund_Angusherde.jpg");
}
.myTopParallaxAngusherdexx {
  /*background-size: contain;
  background-position: left 50px top 50px;*/
  /*background-origin: border-box;*/
  /*background-attachment: fixed;*/
  margin:0 auto 0 auto;
  padding: 36px 10px 36px 10px;
  min-height: 1080px;
  /*max-width: 1920px;*/
  background-repeat: no-repeat;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/05/Restaurant-Untergrenchenberg_Hintergrund_Angusherde.jpg");
}
/* Hide the background image for devices below 744 px */
/* Set this for release: @media (screen and max-device-width(744px) */
@media (max-width: 744px) and (min-width: 1px) {
   .largeBackgroundImage {
    background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/01/4x4px-Transparent.png") !important;
  	padding: 0;
  }
  .untergrenchenbergContentShadow {
      position: relative !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
  }
}

/* ****** FONTS ****** */
/***********************/
@font-face {
    font-family: 'Untergrenchenberg_SiteIcons';
    src: url('https://www.untergrenchenberg.ch/wp-content/themes/untergrenchenberg/FONTS/UntergrenchenbergIcons/v3/Untergrenchenberg_SiteIcons.eot?rhmzha');
    src: url('https://www.untergrenchenberg.ch/wp-content/themes/untergrenchenberg/FONTS/UntergrenchenbergIcons/v3/Untergrenchenberg_SiteIcons.eot?rhmzha#iefix') format('embedded-opentype'),
         url('https://www.untergrenchenberg.ch/wp-content/themes/untergrenchenberg/FONTS/UntergrenchenbergIcons/v3/Untergrenchenberg_SiteIcons.ttf?rhmzha') format('truetype'),
         url('https://www.untergrenchenberg.ch/wp-content/themes/untergrenchenberg/FONTS/UntergrenchenbergIcons/v3/Untergrenchenberg_SiteIcons.woff?rhmzha') format('woff'),
         url('https://www.untergrenchenberg.ch/wp-content/themes/untergrenchenberg/FONTS/UntergrenchenbergIcons/v3/Untergrenchenberg_SiteIcons.svg?rhmzha#Untergrenchenberg_SiteIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Untergrenchenberg_SiteIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 200%;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Untergrenchenberg_NewBackToTop:before {content: "\e90b";}
.icon-Untergrenchenberg_BackToTop:before {content: "\e90a";}
.icon-Untergrenchenberg_Biken:before {content: "\e900";}
.icon-Untergrenchenberg_Carfahrten:before {content: "\e901";}
.icon-Untergrenchenberg_Gleitschrimfliegen:before {content: "\e902";}
.icon-Untergrenchenberg_Schlitteln:before {content: "\e903";}
.icon-Untergrenchenberg_Schneeschuhlaufen:before {content: "\e904";}
.icon-Untergrenchenberg_Skifahren:before {content: "\e905";}
.icon-Untergrenchenberg_Sternwarte:before {content: "\e906";}
.icon-Untergrenchenberg_Trottinett:before {content: "\e907";}
.icon-Untergrenchenberg_Wandern:before {content: "\e908";}
.icon-Untergrenchenberg_Wellness:before {content: "\e909";}

/* ****** MAKE FONTS SMALLER ON MOBILE ****** */
@media (max-width: 480px) and (min-width: 1px) {
	h1 {
	  font-size: 18px;
	  line-height: 26px !important;
	}
	h2 {
	  font-size: 16px;
	  line-height: 24px !important;
	}
	h3 {
	  font-size: 14px;
	  line-height: 22px !important;
	}
	h4 {
	  font-size: 12px;
	  line-height: 20px !important;
	}
	p {
	  font-size: 12px !important;
	}
}

/* ****** BACK TO TOP BUTTON ****** */
/************************************/
/* Sticky BackToTop Button Container (actually the container that is on the page from the Ultimatum Layout...) */
.backToTopButtonContainer {
  height: 0px;
}
/* Sticky BackToTop Button */
.makeStickyBackToTopButton {
  font-size: 200%;
  display: none;
  position: fixed;
  bottom: 2%;
  right: 2%;
  width: 48px;
  height: 48px;
  text-shadow: 2px 2px 4px #777777;
}
@media (max-width: 744px) and (min-width: 481px) {
  .makeStickyBackToTopButton {
    bottom: 5%;
    right: 5%;
  }
}
@media (max-width: 480px) and (min-width: 1px) {
  .makeStickyBackToTopButton {
    bottom: 3%;
    right: 8%;
  }
}
.makeStickyBackToTopButton a {
  color: #a7a7a7;
  opacity: 0.6;
}
.makeStickyBackToTopButton a:hover {
  color: #a5ef00;
  opacity: 1.0;
}
/* Animations on hover */
.myHoverAnim {
  /*Set our animation play state to paused initially */
  /*max-width: 10%;*/
  animation-play-state: paused;
  text-align: left;
}
.myHoverAnim:hover {
  /* Toggle our animation play state to running when we are hovering over our sticker */
  animation-play-state: running;
}

/* ****** GENERAL STYLES ****** */
/********************************/
/* Shut off the dottet lines around links of all types! */
a, a:hover, a:active, a:focus {
  outline: 0;
  text-decoration: none;
}
input::-moz-focus-inner {
  border: 0;
}
p {
  text-align: justify;
  font-size: 13px !important;
}
h2 {
  line-height: 42px;
}
/* Paragraph style for mobile */
@media (max-width: 744px) and (min-width: 1px) {
    p
	{
    	text-align: left;
    }
}
/* ul & li style */
.listStyle {
  font-size: 90%;
}
.frontPageList {
  text-align: center;
  font-size: 120% !important;
  font-weight: bold;
  padding-top: 15px
}
.inlinePageList {
  text-align: center;
  font-size: 110% !important;
  font-weight: bold;
  padding-top: 8px
}
/* Block Google maps from zooming on scroll */
.scrolloff {
  pointer-events: none;
}

/* ****** CONTENT STYLES ****** */
/********************************/
/* The div that adds space on the page (ultimatum layout) */
.spacerTop {
  height: 120px;
  /*background: #f2f2f2;*/
}
@media (max-width: 744px) and (min-width: 1px) {
    .spacerTop {
        height: 0px;
    }
}
/* Space on top for boxed layout */
.spacerTopBoxed {
  height: 160px;
}
@media (max-width: 744px) and (min-width: 1px) {
    .spacerTopBoxed {
        height: 20px;
    }
}
/*.contentContainer {
  max-width: 960px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
}*/

.contentPage {
  max-width: 960px;
  margin: 0 auto;
  background-color: white;
  padding: 26px 20px 26px 20px;
  /*margin-bottom: 36px;*/
}
.fullWidthRow {
  margin: 20px -20px 20px -20px;
  padding: 0;
}
.homeSlider {
  margin: 20px 0px 40px 0px;
  padding: 0;
}
.contentTitle {
  background-color: white;
  padding: 26px 20px 26px 20px;
}
.contentTitleTransparent {
  padding: 26px 20px 26px 20px;
}
.contentTop {
  background: -webkit-linear-gradient(#97C87C, #85C861); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#97C87C, #85C861); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#97C87C, #85C861); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#b7cf64, #fff); /* Standard syntax */
  padding: 26px 20px 26px 20px;
}
.contentTopRev {
  background: -webkit-linear-gradient(#fff, #b7cf64); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #b7cf64); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #b7cf64); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #b7cf64); /* Standard syntax */
  padding: 26px 20px 26px 20px;
}
.content {
  background-color: white;
  padding: 26px 20px 26px 20px;
}
.contentFrontLogo {
  background-color: white;
  padding: 0px 20px 0px 20px;
}
.contentBottom {
  background-color: white;
  padding: 26px 20px 26px 20px;
}
/* Space between images and text in the same div */
.spaceUnderImages {
  height: 13px;
}
/* Stacking of three images on large and mobile screens */
.imageContainer1, .imageContainer2, .imageContainer3 {
  border: 1px solid black;
}
.imageContainer1 {
  background-color: red;
  opacity: 0.5;
}
.imageContainer2 {
  background-color: blue;
  opacity: 0.5;
}
.imageContainer3 {
  background-color: green;
  opacity: 0.5;
}
/* Wellness Massagen */
.ugTaGysMassagen {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2017/01/Restaurant-Untergrenchenberg_Tagys-Massagen_Background.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 679px;
  padding: 0 26px 0 26px;
}
.contentTaGysMassagen {
  padding: 26px 30px 26px 30px;
  font-size: 120%;
}
/*.contentTaGysMassagen p {
  font-size: 120%;
}*/
.ugTaGysAngebotText {
  color: #005F45;
}
@media (max-width: 480px) and (min-width: 1px) {
  .contentTaGysMassagen {
  	padding: 5px 5px 5px 5px;
    font-size: 100%;
  }
  /*.contentTaGysMassagen p {
    font-size: 100%;
  }*/
  .hideOnTablet {
    display: none;
  	visibility: hidden;
  }
}
/* ****** SHADOWS ****** */
/*************************/
.untergrenchenbergShadowInset {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
/* Grenchenberg Shadow */
.untergrenchenbergContentShadow {
    position: relative;
    -webkit-box-shadow: 0px 16px 24px 12px rgba(1, 0, 0, 0.4);
    -moz-box-shadow: 0px 16px 24px 12px rgba(1, 0, 0, 0.4);
    box-shadow: 0px 16px 24px 12px rgba(1, 0, 0, 0.4);
}
.untergrenchenbergShadowSideBelow {
    position: relative;
    -webkit-box-shadow: 0 6px 12px rgba(1, 0, 0, 0.56), 0 0 40px rgba(1, 0, 0, 0.1) ;
    -moz-box-shadow: 0 6px 12px rgba(1, 0, 0, 0.56), 0 0 40px rgba(1, 0, 0, 0.1) ;
    box-shadow: 0 6px 12px rgba(1, 0, 0, 0.56), 0 0 40px rgba(1, 0, 0, 0.1) ;
}

/* ****** ONE PAGE NAVIGATION STYLES ****** */
/********************************************/
/* *** "Hand-Made" navigation *** */
.masterWrapper {
    /*position: absolute;
    top: 120px;
    width: 150%;
    background-color: red;*/
}
/* The main navigation container */
.onePageNavWrapper {
  position: fixed;
  top: 120px;
  width: 100%;
  height: 45px;
  padding: 0;
  margin: 0;
  background-color: rgba(242,242,242,1);
  box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.4);
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
  z-index: 9998;
}
.onePageNavWrapper.scrolled {
    top: 80px;
    background-color: rgba(255,255,255,1);
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
/* Reposition the onePageNavWrapper on mobile devices AND make it higher*/
@media (max-width: 767px) and (min-width: 1px) {
    .page-id-152 .onePageNavWrapper.scrolled, .page-id-152 .onePageNavWrapper,
    .page-id-435 .onePageNavWrapper.scrolled, .page-id-435 .onePageNavWrapper {
        top: 35px;
    	height: 65px;
  		/*z-index: 10000;  DELETE: This moves the nav on top of everything for testing */
  }
}
.onePageNavRow {
    max-width: 960px;
    margin: 0 auto;
}
.onePageNavCell {
    height: 45px;
    line-height: 45px;
    min-width: 16.666%;
  	background-color: rgba(242,242,242,1);
    text-align: center;
    white-space: nowrap;
    z-index: 9998;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.onePageNavCell.scrolled {
  	background-color: rgba(255,255,255,1);
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
/* Alter height of sub-menu container */
@media (max-width: 767px) and (min-width: 1px) {
    .onePageNavCell, .onePageNavCell.scrolled
	{
    	height: 65px;
    	line-height: 85px;
  		font-size: 150%;
    }
}
/* Hide navigation ICONS on desktop devices */
.onePageNavCell b1 {
  visibility: hidden;
  display: none;
}
.onePageNavCell b2 {
  visibility: visible;
  display: inline;
}
/* Hide the navigation TEXT on mobile devices */
@media screen and (max-width: 767px) {
	.onePageNavCell b1 {
    	visibility: visible;
    	display: inline;
	}
	.onePageNavCell b2 {
    	visibility: hidden;
    	display: none;
	}
}
/* Active and hover state */
/* "Warme Tage" pages */
.onePageNavCell a {
    color: #a7a7a7;
    text-decoration: none;
    font-weight: bold;
}
.onePageNavCell .active {
    color: #6b9b00;
}
.onePageNavCell a:hover {
    color: #a5ef00;
}
/* "Kalte Tage" pages */
.page-id-435 .onePageNavCell .active {
    color: #0054a8;
}
.page-id-435 .onePageNavCell a:hover {
    color: #5db5f9;
}

/* ****** OnePage HEADER STYLES ****** */
/***************************************/
.contentOnePageHeader {
  min-height: 320px;
  max-width: 680px;
  margin: 0 auto;
  padding: 13px 48px 48px 48px;  
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.contentOnePageHeaderText {
  line-height: 26px;
  font-size: 18px;
  line-height: 36px;
}

/* ****** OnePage SECTION STYLES ****** */
/****************************************/
#AktivitaetenTop {
  position: relative;
  min-height: 100vh;
  padding: 0px 0px 0px 0px;
}
#TrottiPlausch, #Wandern, #Wellness, #Biken, #GleitschirmFliegen, #Carfahrten, #Skifahren, #Schneeschuhlaufen, #Schlitteln, #WinterWellness {
  /*background-color: orange;
  background-image: url("https://www.untergrenchenberg.ch/wp-content/themes/untergrenchenberg/img/Header_Parallax_HausStrichzeichnung_01_D.png");*/
  /*padding: 26px 10px 26px 10px;*/
  position: relative;
  min-height: 960px;
  padding: 0px 10px 64px 10px;
}
/* Content of sections styles */
.contentOnePage {
  max-width: 960px;
  margin: 0 auto;
  background-color: white;
  padding: 26px 20px 26px 20px;
}
/* This pushes the content down based on browser window width */
.spacerTopOnePage, .spacerInbetweenOnePage {
    height: 206px;
}
@media (max-width: 1200px) and (min-width: 970px) {
    .spacerTopOnePage {
        height: 206px;
    }
}
@media (max-width: 969px) and (min-width: 768px) {
    .spacerTopOnePage {
        height: 206px;
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .spacerTopOnePage {
        height: 126px;
    }
}
@media (max-width: 479px) and (min-width: 1px) {
    .spacerTopOnePage {
        height: 126px;
    }
}
/* SpacerTop height for scrolled state */
.spacerTopOnePage.scrolled {
    height: 166px;
}
@media (max-width: 1200px) and (min-width: 970px) {
    .spacerTopOnePage.scrolled {
        height: 166px;
    }
}
@media (max-width: 969px) and (min-width: 768px) {
    .spacerTopOnePage.scrolled {
        height: 166px;
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .spacerTopOnePage.scrolled {
        height: 126px;
    }
}
@media (max-width: 479px) and (min-width: 1px) {
    .spacerTopOnePage.scrolled {
        height: 126px;
    }
}
/* Sections backgrounds */
#TrottiPlausch {
    background: -webkit-linear-gradient(#6b9b00, #fffd73); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6b9b00, #fffd73); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6b9b00, #fffd73); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6b9b00, #fffd73); /* Standard syntax */
    /*background: #c0c0c0;*/
}
#Wandern {
    background: -webkit-linear-gradient(#fffd73, #6b9b00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fffd73, #6b9b00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fffd73, #6b9b00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fffd73, #6b9b00); /* Standard syntax */
    /*background: #dedede;*/
}
#Wellness {
    background: -webkit-linear-gradient(#6b9b00, #fffd73); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6b9b00, #fffd73); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6b9b00, #fffd73); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6b9b00, #fffd73); /* Standard syntax */
    /*background: #c0c0c0;*/
}
#Biken {
    background: -webkit-linear-gradient(#fffd73, #6b9b00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fffd73, #6b9b00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fffd73, #6b9b00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fffd73, #6b9b00); /* Standard syntax */
    /*background: #dedede;*/
}
#GleitschirmFliegen {
    background: -webkit-linear-gradient(#6b9b00, #fffd73); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6b9b00, #fffd73); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6b9b00, #fffd73); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6b9b00, #fffd73); /* Standard syntax */
    /*background: #c0c0c0;*/
}
#Carfahrten {
    background: -webkit-linear-gradient(#fffd73, #6b9b00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fffd73, #6b9b00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fffd73, #6b9b00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fffd73, #6b9b00); /* Standard syntax */
    /*background: #dedede;*/
}
#Skifahren {
    background: -webkit-linear-gradient(#5db5f9, #0054a8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5db5f9, #0054a8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5db5f9, #0054a8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5db5f9, #0054a8); /* Standard syntax */
    /*background: #dedede;*/
}
#Schneeschuhlaufen {
    background: -webkit-linear-gradient(#0054a8, #5db5f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0054a8, #5db5f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0054a8, #5db5f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0054a8, #5db5f9); /* Standard syntax */
    /*background: #c0c0c0;*/
}
#Schlitteln {
    background: -webkit-linear-gradient(#5db5f9, #0054a8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5db5f9, #0054a8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5db5f9, #0054a8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5db5f9, #0054a8); /* Standard syntax */
    /*background: #dedede;*/
}
#WinterWellness {
    background: -webkit-linear-gradient(#0054a8, #5db5f9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0054a8, #5db5f9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0054a8, #5db5f9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0054a8, #5db5f9); /* Standard syntax */
    /*background: #c0c0c0;*/
}
/* Set this for release: @media (screen and max-device-width(744px) */
/*@media (max-width: 744px) and (min-width: 1px) {
   #TrottiPlausch, #Wandern, #Wellness, #Biken, #GleitschirmFliegen, #Carfahrten, #Skifahren, #Schneeschuhlaufen, #Schlitteln, #WinterWellness {
	padding: 0px 0px 0px 0px !important;
  	min-height: 0px !important;
  }
  .spacerTopOnePage, .spacerInbetweenOnePage {
      height: 0px !important;
  }
}*/

/* ****** HEADER STYLES ****** */
/*******************************/
/* Sticky Header */
.header {
  width: 100%;
  min-height: 1px;
  height: 120px;
  background: #6b9b00;
  background: -webkit-linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); /* Standard syntax */
  background-color: rgba(107,155,0,1);
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.4);
  z-index: 9999;
  /*transition: height 750ms, background 1280ms;*/
  /*transition-timing-function: cubic-bezier(0,.6,0,.6);*/
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
/* Header @ scrolled state */
.header.scrolled {
  min-height: 1px;
  height: 80px;
  background: rgba(255,255,255,1);
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.4);
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.headerColumn a {
  color: #6b9b00;
}
.headerColumn.scrolled {
  
}

/* ****** SITE LOGO ****** */
/***************************/
/* Text Logo */
/*#logo-container {
    margin-top: 18px;
    margin-bottom: 0px;
    text-align: center;
}*/
/* Image Logo Conatiner */
#logo-container {
    margin-top: 0px;
}

/* ****** IE TRY ****** */
/************************/
.imgLogo {
  width: 196px;
  height: 110px;
  margin: 0px;
  -webkit-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
   -moz-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
     -o-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
     -ms-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
        transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
  transition-timing-function: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
}
/* Site logo @ scrolled state */
.imgLogo.scrolled {
  width: 125px;
  height: 70px;
  -webkit-transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
   -moz-transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
     -o-transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
     -ms-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
        transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
  transition-timing-function: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
}

/* ****** NAVIGATION ****** */
/****************************/
/* TOP LEVEL */
/* Navigation container NOTE: affects the navigation font */
.nav-holder {
  height: 36px;
  font-size: 17px;
  line-height: 42px;
  width: 100%;
  margin: 0px;
  padding-top: 78px;
  text-align: center ;
  /* Shadow in navigation text-shadow: 2px 2px 2px #888;*/
  font-weight: 200;
  transition: padding-top 750ms;
  transition-timing-function: ease; /*cubic-bezier(0,.6,0,.6);*/
}
.nav-holder.scrolled {
  padding-top: 38px;
  transition: padding-top 750ms;
  transition-timing-function: ease; /*cubic-bezier(0,.6,0,.6);*/
}
/* Change link color in top navigation */
.nav-holder a {
  color: #fff;
  transition: color 150ms;
  transition-timing-function: ease; /*cubic-bezier(0,.6,0,.6);*/
}
.nav-holder a:hover {
  color: #bef73e;
  transition: color 150ms;
  transition-timing-function: ease; /*cubic-bezier(0,.6,0,.6);*/
}
/* Set the focus color on links */
a:focus {
  color: #bef73e;
}
/* Set the color for the currently active page in the top level */
.nav-holder ul>.current-menu-parent>a {
  color: #bef73e;
}
.nav-holder ul>.current-menu-parent>a:hover {
  color: #bef73e;
}
/* Set the color for the currently active page */
.current_page_item a {
  color: #6b9b00 !important;
}
.current_page_item a:hover {
  color: #bef73e;
}

/* Set @ scrolled state */
.nav-holder.scrolled a {
  color: #000;
  transition: color 150ms;
  transition-timing-function: ease; /*cubic-bezier(0,.6,0,.6);*/
}
.nav-holder.scrolled a:hover {
  color: #a5ef00;
  transition: color 150ms;
  transition-timing-function: ease; /*cubic-bezier(0,.6,0,.6);*/
}
.current_page_item.scrolled a {
  color: #6b9b00;
}

/* 1ST LEVEL */
/* 1st level navigation @ non-scrolled state */
.nav-holder ul li {
  height: 36px;
  width: 33%;
}
/* 1st level navigation @ scrolled state */
.nav-holder.scrolled ul li  {
	
}

/* 2ND LEVEL */
/* 2nd level navigation */
/* Main container */
.nav-holder ul ul {
  font-size: 16px;
  width: 100%;
}
.nav-holder ul ul li  {
  height: 34px;
  width: 100%;
}
.nav-holder ul li ul li>a {
    padding: 7px 0 7px 0;
}

/* 3D LEVEL */
/* Main container */
.nav-holder ul ul ul {

}
.nav-holder ul ul ul li {

}

/* Switch the (stupid) down-arrow off!! */
.caret {
  visibility: hidden;
  display: none;
}


/*  MOBILE RENDERING */
/*********************/
/* Edit the "OnTop" mobile navigation */
/* The div containing the navigation */
.slicknav_menu {
  font-size: 15px;
  padding: 6px 0px 0px;
}
/* Remove dropshadow */
.slicknav_menutxt {
  /*color: red !important;*/
  font-weight: 500 !important;
  text-shadow: 2px 2px 2px #888 !important;
}
/* The button inside the div */
.slicknav_btn {
  width: 100%;
  margin: -6px 0px 0px 0px;
  padding: 10px 0px 8px 26px;
}
/* The 2. lvl sub items of the navigation */
ul.slicknav_nav a {
  margin: 0px;
  padding-left: 36px;
  /*background: #fff;*/
}
/* The 2nd lvl sub itmes */
.slicknav_nav .slicknav_row {
  margin: 0px 0px;
}


/* ****** MOBILE NAVIGATION ****** */
/***********************************/
/* Mobile Navigation Container (Ultimatum) */
.mobileNavContainer {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: #6b9b00;
  background: -webkit-linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); 
  background: -o-linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); 
  background: -moz-linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1)); 
  background: linear-gradient(rgba(255,253,115,1), rgba(107,155,0,1));
  background-color: rgba(107,155,0,1);
  z-index: 9999;
}
/* OnePage mobile navigations style */
.page-id-152 .mobileNavContainer, .page-id-435 .mobileNavContainer {
  position: fixed;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    margin: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/* ****** NINJA FORMS ****** */
/*****************************/
/* Make sure the country select feild is not going beyond the div */
/*.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea*/
.ninja-forms-field {
  width: 100% !important;
}
/*.field-wrap.label-left .ninja-forms-field, .field-wrap.label-left .ninja-forms-star-rating-control*/
.field-wrap.label-left .ninja-forms-field {
  margin-left: 0px !important;
}

/* ****** WooCommerce Styles ****** */
/************************************/
/* Buttons Style */
/*.woocommerce ul.products li.product .button,
.woocommerce-cart .wc-proceed-to-checkout .button,
.woocommerce input.button.alt,
.woocommerce wc-forward.button,*/
.woocommerce div.product form.cart .button,
.woocommerce input.button,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce a.button {
  background: #6b9b00;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#6b9b00),to(#fffd73));
  background: -webkit-linear-gradient(#6b9b00,#fffd73);
  background: -moz-linear-gradient(center top,#6b9b00 0%,#fffd73 100%);
  background: -moz-gradient(center top,#6b9b00 0%,#fffd73 100%);*/
  color: #fff;
  /*height: 26px;*/
  line-height: 9px;
  /*width: 100%;*/
  /*margin: 5px 0px 5px 0px;*/
  text-align: center;
}
/*.woocommerce ul.products li.product .button:hover,
.woocommerce-cart .wc-proceed-to-checkout .button:hover,
.woocommerce input.button.alt:hover,*/
.woocommerce div.product form.cart .button:hover,
.woocommerce input.button:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce a.button:hover {
  color: #000;
  background: #fffd73;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#8c7f3f),to(#ffffff));
  background: -webkit-linear-gradient(#8c7f3f,#ffffff);
  background: -moz-linear-gradient(center top,#8c7f3f 0%,#ffffff 100%);
  background: -moz-gradient(center top,#8c7f3f 0%,#ffffff 100%);*/
}
/*.woocommerce ul.products li.product .button:active,
.woocommerce-cart .wc-proceed-to-checkout .button:active,
.woocommerce input.button.alt:active,*/
.woocommerce div.product form.cart .button:active,
.woocommerce input.button:active,
.woocommerce .widget_price_filter .price_slider_amount .button:active,
.woocommerce a.button:active {
  background: #fffd73;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#8c7f3f),to(#ffffff));
  background: -webkit-linear-gradient(#8c7f3f,#ffffff);
  background: -moz-linear-gradient(center top,#8c7f3f 0%,#ffffff 100%);
  background: -moz-gradient(center top,#8c7f3f 0%,#ffffff 100%);*/
  color: #fff;
}
/* Treat above buttons further */
/* Related products button width */
.woocommerce ul.products li.product .button {
  width: 100%
}
.woocommerce div.product form.cart .button:visited,
.woocommerce ul.products li.product .button added {
  background: #6b9b00;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#8c7f3f),to(#ffffff));
  background: -webkit-linear-gradient(#8c7f3f,#ffffff);
  background: -moz-linear-gradient(center top,#8c7f3f 0%,#ffffff 100%);
  background: -moz-gradient(center top,#8c7f3f 0%,#ffffff 100%);*/
}
/* Cart buttons */
.woocommerce .cart .button, .woocommerce .cart input.button {
  /*height: 26px;*/
  margin: px 0px 8px 0px;
  line-height: 9px;
}
/* Back To Shop Button */
.woocommerce .wc-backward.button {
  background: #6b9b00;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#6b9b00),to(#fffd73));
  background: -webkit-linear-gradient(#6b9b00,#fffd73);
  background: -moz-linear-gradient(center top,#6b9b00 0%,#fffd73 100%);
  background: -moz-gradient(center top,#6b9b00 0%,#fffd73 100%);*/
  color: #fff;
  /*height: 26px;*/
  line-height: 9px;
  width: 25%;
  margin-left: 0%;
  text-align: center;
}
.woocommerce .wc-backward.button:hover {
  color: #fff;
  background: #6b9b00;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#8c7f3f),to(#ffffff));
  background: -webkit-linear-gradient(#8c7f3f,#ffffff);
  background: -moz-linear-gradient(center top,#8c7f3f 0%,#ffffff 100%);
  background: -moz-gradient(center top,#8c7f3f 0%,#ffffff 100%);*/
}
/* Proceede to checkout button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    line-height: 0px;
  background: #6b9b00;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: #fffd73;
  color: #000;
}
/* Price slider button */
.woocommerce .widget_price_filter .price_slider_amount .button  {
    width: 100%;
}
/* Sidebar cart buttons */
.wc-forward  {
    width: 100%;
    margin: 5px 0px 5px 0px;
}
/* Woo Links Style */
.woocommerce ul.products li.product h3 {
  /*float: left;*/
  /*height: 32px;*/
  width: 100%;
  line-height: 18px;
  padding: 0px 0px 60px 0px;
  text-align: center;
  color: #6b9b00;
}
.woocommerce ul.products li.product h3:hover {
  /*float: left;*/
  color: #fffd73;
}
/* Woo Prices Style */
.woocommerce ul.products li.product .price {
  height: 3px;
  line-height: 9px;
  color: #6b9b00;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.woocommerce ul.products li.product .price:hover {
  color: #fffd73;
}
/* Price Slider Color */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #6b9b00;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
    background-color: #F0F0E2;
    border: 0;
}
/* Price Slider Button Color */
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #ffffff;
}
/* Input Field Style */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  /*height: 26px;*/
}
/* Font Styles */
/* "Auf Lager" style */
ul.products li.product .stock.in-stock {
  color: #000000;
  text-align: center;
  font-weight: bold;
}
/* Preis single product style */
.woocommerce div.product p.price {
  color: #000000;
}
/* "Auf Lager" Single product style */
.woocommerce div.product .stock {
  color: #000000;
  font-weight: bold;
}
/* Single product long text container */
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 26px;
}
/* move log description up to tabs lower border */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0;
}
/* Remove the check mark on "In den Warenkorb" once added to the cart */
/*.woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after {
  visibility: hidden;
  display: none;
}
*/
/* Remove "View Cart" link under "In den Warenkorb" once added to cart */
/*.woocommerce a.added_to_cart {
  visibility: hidden;
  display: none;
}
*/

/* Treat the single-product page main image (wtf...) */
.woocommerce-main-image{
    width: 416px; 
    height: 416px;
}
@media (max-width: 767px) and (min-width: 1px) {
  .woocommerce-main-image{
      width: 100%; 
      height: 100%;
  }
}
/* Product container div */
.woocommerce ul.products li.product{
  /*max-width: 250px;*/
  height: auto;
  /*box-shadow: 2px 2px 9px;*/
  /*border-style: solid;*/
  border-width: 1px;
  border-radius: 5px;
}
/* Treat the woocommerce archive pages */
/* The main container */
/*.woocommerce .related ul li.product.one_fourth, .woocommerce .related ul.products li.product.one_fourth, .woocommerce .upsells.products ul li.product.one_fourth, .woocommerce .upsells.products ul.products li.product.one_fourth, .woocommerce-page .related ul li.product.one_fourth, .woocommerce-page .related ul.products li.product.one_fourth, .woocommerce-page .upsells.products ul li.product.one_fourth, .woocommerce-page .upsells.products ul.products li.product.one_fourth, .woocommerce .cart-collaterals .cross-sells ul.products li.one_fourth, .woocommerce-page .cart-collaterals .cross-sells ul.products li.one_fourth, .woocommerce ul.products li.product.one_fourth, .woocommerce-page ul.products li.product.one_fourth*/
.woocommerce ul.products li.product.one_fourth {
    display: inline;
    float: left;
    /*margin-right: 1%;*/
    overflow: hidden;
    position: relative;
    width: 22%;
}

@media (max-width: 1023px) and (min-width: 745px) {
  .woocommerce ul.products li.product.one_fourth
  {
    width: 45%;
  	/*margin-left: 12%;*/
  }
}

@media (max-width: 744px) and (min-width: 480px) {
  .woocommerce ul.products li.product.one_fourth
  {
    width: 45%;
  	/*margin-left: 20%;*/
  }
}

@media (max-width: 479px) and (min-width: 1px) {
  .woocommerce ul.products li.product.one_fourth
  {
    width: 100%;
  	/*margin-left: 0%;*/
  }
}
/* The info bar */
.woocommerce .woocommerce-info {
    border-top-color: #69615F;
}
.woocommerce .woocommerce-info:before {
    color: #ffffff;
}
/* The confirmation messages */
.woocommerce .woocommerce-message {
    border-top-color: #ffffff;
}
.woocommerce .woocommerce-message:before {
    color: #ffffff;
}
/* YITH Plugins Styles */
/*.yith_magnifier_mousetrap*/ 
/*.yith_magnifier_lens {
    left: 0px !important;
    top: 0px !important;
}*/




/* !!!!!! DELETE BELOW FOR RELEASE !!!!!! */
/******************************************/

/* Shift navigation down when logged in because of admin bar */
/*.logged-in .onePageNavWrapper {
	top: 152px;
}
.logged-in .onePageNavWrapper.scrolled {
	top: 112px;
}*/

/* Shift header down when logged in because of admin bar */
/*.logged-in .header {
  top: 32px;
}*/

/* This is using the Ultimatum Site Logo container */
/*.img-responsive {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/01/Untergrenchenberg_Logo_196x110.png");
  background-repeat: no-repeat;
  background-size: 196px 110px;
  background-attachment: scroll;
  background-position: left top; 
  width: 196px;
  height: 110px;
  margin: 0px;
  transition: background-size 1500ms, width 1500ms, height 1500ms, margin 1500ms;
  transition-timing-function: cubic-bezier(0,.6,0,.6);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
*/
/*
  -webkit-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
   -moz-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
     -o-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
     -ms-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
        transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
  transition-timing-function: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
*/
/*
}
*/
/* Site logo @ scrolled state */
/*.img-responsive.scrolled {
  background-image: url("https://www.untergrenchenberg.ch/wp-content/uploads/2016/01/Untergrenchenberg_Logo_196x110.png");
  background-size: 125px 70px; 
  width: 125px;
  height: 70px;
  transition: background-size 1500ms, width 1500ms, height 1500ms, margin 1500ms;
  transition-timing-function: cubic-bezier(0,.6,0,.6);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;*/
/*
-webkit-transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
   -moz-transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
     -o-transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
     -ms-transition: all 500ms cubic-bezier(0.500, 0.000, 1.000, 0.500);
        transition: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
  transition-timing-function: all 500ms cubic-bezier(0, 0.5, 0.5, 1);
*/
/*
}
*/