/* scss */
/*52em;*/
/*72em;*/
/* Colors */
/* Dimensions Large */
/*526px;*/
/* Dimensions Medium */
/*376px;*/
/*680px;*/
/* Dimensions Small */
/*52.6%;*/
/* aspect ratio of 100% width of image */
body {
  /*background-color:#f7f7f7;*/
  font-family: 'GreySans-Regular';
  font-size: 12px; }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    body {
      background: url(../images/background.png);
      background-size: 100% 100%; } }
  @media screen and (min-width: 78em) {
    body {
      background: url(../images/background.png);
      background-size: 100% 100%; } }

.container-centered {
  margin: 0 auto;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 52em) {
    .container-centered {
      box-sizing: border-box;
      padding-left: 12px;
      padding-right: 12px; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .container-centered {
      width: 716px; } }
  @media screen and (min-width: 78em) {
    .container-centered {
      width: 1000px; } }

.wrapper-white {
  position: relative;
  background-color: #ffffff;
  box-sizing: border-box; }
  @media screen and (max-width: 52em) {
    .wrapper-white {
      width: 100%; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .wrapper-white {
      width: 597px;
      padding-right: 0px; } }
  @media screen and (min-width: 78em) {
    .wrapper-white {
      width: 858px;
      padding-right: 0px; } }

.wrapper-white-main {
  padding-top: 17px; }
  @media screen and (max-width: 52em) {
    .wrapper-white-main {
      margin-bottom: 32px; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .wrapper-white-main {
      margin-bottom: 0px;
      min-height: 500px;
      /*margin-left:$medium-margin;*/
      padding-right: calc(196px + 28px); } }
  @media screen and (min-width: 78em) {
    .wrapper-white-main {
      margin-bottom: 0px;
      min-height: 420px;
      /*margin-left:$large-margin;*/
      padding-right: calc(282px + 28px); } }

.header {
  width: 100%;
  /*background-color:#ffffff;*/ }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .header {
      width: 716px; } }
  @media screen and (min-width: 78em) {
    .header {
      width: 1000px; } }

.secondnav {
  float: right;
  margin-top: 19px;
  margin-right: 8px;
  border-left: 1px solid #008a53; }
  .secondnav .pure-menu-item {
    margin: 0;
    padding: 0;
    white-space: normal; }
  .secondnav .pure-menu-item:hover {
    background-color: #f8f8f8; }
  .secondnav .pure-menu-link {
    padding: 0;
    padding-left: 7px;
    padding-right: 7px;
    border-right: 1px solid #008a53; }

/* Main Nav */
.mainnav {
  /*margin-left:$large-margin;*/
  font-size: 12px;
  margin-bottom: 3px; }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .mainnav {
      /*margin-left:$medium-margin;*/
      font-size: 10px; } }

.mainnav .pure-menu-item {
  width: 140px;
  height: 23px;
  line-height: 15px; }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .mainnav .pure-menu-item {
      width: 117px; } }

/* order of these two is important */
.pure-menu-link {
  white-space: normal;
  padding: 6px 8px; }

/* order of these two is important */
.mainnavlink {
  text-transform: uppercase;
  white-space: nowrap; }

.mainnav > .pure-menu-item {
  border-top: 2px solid #a1a1a1;
  /*border-bottom:1px solid #f5f5f5;*/
  background-color: #f5f5f5; }

.mainnav > .pure-menu-item:hover {
  background-color: #e8e8e8; }

.mainnav > .pure-menu-item.menu-item-empty:hover {
  background-color: transparent; }

.mainnav > .menu-open {
  border-top: 2px solid #008a53; }

.mainnav > .menu-item-empty {
  background-color: transparent;
  border-bottom-color: transparent; }

.pure-menu-children {
  background-color: transparent;
  margin-top: -2px;
  padding-top: 4px; }
  .pure-menu-children .pure-menu-item {
    margin-bottom: 1px;
    background-color: rgba(255, 255, 255, 0.75);
    border: 0;
    height: auto;
    line-height: 12px;
    font-size: 10px; }
  .pure-menu-children .pure-menu-link {
    color: white;
    color: black;
    padding: 4px 8px 4px 8px; }
  .pure-menu-children .menu-open .pure-menu-link {
    color: black;
    color: #008a53; }

/*.pure-menu-selected .pure-menu-link {
	color:red !important;
}
*/
.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
  background: transparent; }

/* --- */
.content-wrapper {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  /*background-color:#ffffff;*/
  padding-top: 1px; }
  @media screen and (max-width: 52em) {
    .content-wrapper {
      padding-left: 12px;
      padding-right: 12px; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .content-wrapper {
      width: 716px; } }
  @media screen and (min-width: 78em) {
    .content-wrapper {
      width: 1000px; } }

.imageslider {
  position: relative;
  overflow: hidden;
  /*margin-left:$small-margin;*/
  /*
		width:$small-width-imageslider;

		@include small {
			padding-top:$small-imageslider-height;
		}
		*/
  /* Aspect Ratio: https://stackoverflow.com/questions/20157752/set-height-to-percent-of-width */ }
  @media screen and (max-width: 52em) {
    .imageslider {
      height: 300px;
      /*padding-top: 50%;*/
      width: 100%; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .imageslider {
      /*margin-left:$medium-margin;*/
      width: 715px;
      height: 357px; } }
  @media screen and (min-width: 78em) {
    .imageslider {
      /*margin-left:$large-margin;*/
      width: 998px;
      height: 498px; } }

.imagesliderhome {
  width: 100%;
  margin-left: 0px; }

.imageslider img {
  width: 100%;
  /*height:100%;*/
  position: absolute;
  top: 0%;
  left: 0px; }

.imageslider .sliderbutton {
  position: absolute;
  box-sizing: border-box;
  bottom: 10px;
  left: 10px;
  width: 22px;
  height: 22px;
  border-radius: 12px;
  font-size: 26px;
  background-color: rgba(255, 255, 255, 0.15);
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden; }

.imageslider .sliderbutton:hover {
  background-color: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.9); }

.imageslider span {
  position: absolute;
  left: 1px;
  top: -1px; }

.imageslider .sliderright {
  left: 40px; }

.imageslider .sliderleft span {
  left: 3px; }

#slideshowhome {
  height: 100%; }
  #slideshowhome .sliderhomeel {
    height: 100%;
    background-size: cover;
    background-position: top center; }
    #slideshowhome .sliderhomeel .spacer {
      width: 100%;
      clear: all; }
    #slideshowhome .sliderhomeel .headline {
      color: rgba(255, 255, 255, 0.7);
      font-family: Enriqueta;
      font-weight: bold;
      font-size: 49px;
      line-height: 51px;
      text-transform: uppercase;
      display: block;
      margin: 0 auto;
      margin-top: 0;
      /*margin-top:230px;
				margin-top:0%;*/
      /*margin-bottom:0px;*/
      /*height:90%;*/
      /*text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.34);*/
      /*margin-left:$large-margin;*/ }
      @media screen and (max-width: 52em) {
        #slideshowhome .sliderhomeel .headline {
          width: 100%; } }
      @media screen and (min-width: 52em) and (max-width: 78em) {
        #slideshowhome .sliderhomeel .headline {
          width: 716px; } }
      @media screen and (min-width: 78em) {
        #slideshowhome .sliderhomeel .headline {
          width: 1000px; } }
      #slideshowhome .sliderhomeel .headline p {
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em; }
      @media screen and (min-width: 52em) and (max-width: 78em) {
        #slideshowhome .sliderhomeel .headline {
          /*margin-left:$medium-margin;*/
          font-size: 32px;
          line-height: 36px; } }
      @media screen and (max-width: 52em) {
        #slideshowhome .sliderhomeel .headline {
          /*margin-left:$small-margin;*/
          font-size: 24px;
          line-height: 26px; } }

@media screen and (max-width: 52em) {
  /*.imageslider img {
			position:relative;
		}*/
  .imageslider .sliderbutton {
    display: none; } }

.logo {
  width: 200px;
  margin-bottom: 28px; }
  @media screen and (max-width: 52em) {
    .logo {
      margin-top: 20px;
      margin-left: 20px; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .logo {
      margin-left: -56px; } }
  @media screen and (min-width: 78em) {
    .logo {
      width: 256px;
      height: 47px;
      margin-left: -116px; } }

.logo-wannental {
  width: 200px;
  margin-left: 26px;
  margin-bottom: 28px; }
  @media screen and (max-width: 52em) {
    .logo-wannental {
      margin-top: 20px;
      margin-left: 12px;
      width: 160px; } }
  @media screen and (min-width: 78em) {
    .logo-wannental {
      width: 200px;
      margin-left: 59.5px;
      margin-bottom: 28px;
      width: auto;
      height: 76px;
      /*height:47px;*/
      /*
    width:200px;




    margin-left:59.5px;
    margin-bottom:28px;


      width:auto;
      height:76px;
*/ } }

.logocontainer {
  position: relative; }

.shopbutton {
  box-sizing: border-box;
  position: absolute;
  right: -36px;
  top: -6px;
  width: 74px;
  height: 74px;
  font-size: 12px;
  border-radius: 37px;
  background-color: #008a53;
  color: white;
  text-align: center;
  padding-top: 25px;
  -ms-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg); }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .shopbutton {
      right: -30px;
      top: -6px;
      width: 62px;
      height: 62px;
      font-size: 10px;
      padding-top: 20px; } }

.shopbutton:hover {
  background-color: #a0c7ac; }

/* Sidebar */
.sidebar {
  position: absolute; }
  @media screen and (max-width: 52em) {
    .sidebar {
      position: relative;
      top: auto; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .sidebar {
      right: 0px;
      right: 119px;
      top: 230px;
      top: -130px; } }
  @media screen and (min-width: 78em) {
    .sidebar {
      right: 0px;
      right: 142px;
      top: 370px;
      top: -130px; } }
  .sidebar a {
    text-decoration: none; }

.sidebarelement {
  box-sizing: border-box;
  background-color: #a0c7ac;
  margin-top: 2px;
  padding: 6px 6px 14px 8px;
  font-size: 12px;
  line-height: 14px;
  color: white;
  width: 282px; }
  @media screen and (max-width: 52em) {
    .sidebarelement {
      /*margin-left:auto;
		margin-right:auto;*/ } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .sidebarelement {
      width: 196px; } }
  .sidebarelement a {
    color: #008a53;
    text-decoration: none; }
  .sidebarelement p {
    margin: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-bottom: 12px; }
  .sidebarelement p:last-child {
    margin-bottom: 0px; }
  .sidebarelement h1 {
    font-family: 'GreySans-Bold';
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 4px;
    font-size: 12px;
    letter-spacing: 0.5px; }
  .sidebarelement.contact {
    margin-top: 0px; }
  .sidebarelement.blockcontact {
    margin-top: 0px; }
  .sidebarelement.blockcontact.addborder {
    margin-top: 2px; }
  .sidebarelement.blockbanner {
    padding: 0; }
    .sidebarelement.blockbanner img {
      width: 100%;
      vertical-align: middle;
      padding: 0;
      margin: 0; }

.contactblocks > div {
  float: left; }

.contactblocks .col1 {
  margin-right: 4px; }

.contactblocks .sidebarelement {
  background-color: #f7f7f7;
  color: black;
  /*border:1px solid red;*/
  /*float:left;*/
  margin-bottom: 4px; }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .contactblocks .sidebarelement {
      width: 180px; } }
  @media screen and (min-width: 78em) {
    .contactblocks .sidebarelement {
      width: 272px; } }

.sidelinks {
  position: absolute;
  /*right:-140px;
	right:-116px;*/
  right: calc(0px - 130px - 10px);
  right: 0px;
  top: 596px;
  top: 113px; }
  @media screen and (max-width: 52em) {
    .sidelinks {
      right: auto;
      position: relative;
      top: auto;
      margin-top: 24px;
      margin-bottom: 12px;
      height: 94px; }
      .sidelinks br {
        display: none; } }
  @media screen and (min-width: 52em) and (max-width: 78em) {
    .sidelinks {
      /*top:400px;*/
      right: calc(0px - 106px - 10px);
      right: 0px; } }
  .sidelinks .sidelinkslogo {
    width: 130px;
    margin-bottom: 21px; }
    @media screen and (max-width: 52em) {
      .sidelinks .sidelinkslogo {
        float: left;
        width: auto;
        height: 32px; } }
    @media screen and (min-width: 52em) and (max-width: 78em) {
      .sidelinks .sidelinkslogo {
        width: 106px;
        margin-bottom: 21px; } }
  .sidelinks .sidelinkslogo2 {
    width: 104px; }
    @media screen and (min-width: 52em) and (max-width: 78em) {
      .sidelinks .sidelinkslogo2 {
        width: 85px; } }
  @media screen and (max-width: 52em) {
    .sidelinks .sidelinkslogo3 {
      margin-left: 24px; } }
  .sidelinks .logo-altried {
    height: 24px; }
    @media screen and (min-width: 52em) and (max-width: 78em) {
      .sidelinks .logo-altried {
        height: 19.5px; } }

/* Maincontent */
.maincontent ul {
  padding-left: 14px; }

.maincontent ol {
  padding-left: 18px; }

.maincontent dl {
  /*border: 3px double #ccc;
	    padding: 0.5em;*/ }

.maincontent dt, .maincontent dd {
  padding: 2px;
  background-color: #f7f7f7;
  margin-bottom: 2px;
  -webkit-margin-start: 0px; }

.maincontent dt {
  float: left;
  clear: left;
  width: 80px;
  /*width: 100px;
	    text-align: right;
	    font-weight: bold;
	    color: green;*/
  margin-right: 16px; }

.maincontent dt::after {
  /*content: ":";*/ }

.maincontent dd {
  padding-left: 100px;
  margin-left: 0px; }

.maincontent h1, .maincontent h2 {
  text-transform: uppercase;
  color: #808080;
  font-family: Enriqueta;
  /*margin-top:30px;*/
  margin-bottom: 42px;
  font-size: 19px;
  letter-spacing: 0.7px; }

.maincontent h2 {
  font-size: 16px;
  letter-spacing: 0.3px;
  margin: 0;
  margin-top: 24px;
  color: black; }

.maincontent h1:before {
  content: "";
  background-color: #008a53;
  width: 46px;
  height: 5px;
  display: block;
  margin-bottom: 8px; }

.maincontent p {
  line-height: 16px; }
  .maincontent p strong {
    display: inline-block;
    margin-top: 14px; }

.maincontent a {
  color: #008a53;
  text-decoration: none; }

.maincontent hr {
  border: 0px;
  border-top: 1px solid black; }

.maincontent figure {
  margin: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px; }

.maincontent img {
  max-width: 100%; }

/* maincontent tables */
table {
  width: 100%;
  margin-bottom: 12px; }

tr {
  background-color: #f8f8f8;
  border-top: 2px solid white;
  border-bottom: 2px solid white; }

th {
  text-align: left;
  /*font-weight:normal;*/
  padding: 10px 4px; }
  th a {
    text-decoration: none;
    color: black !important; }

td {
  vertical-align: top;
  padding: 4px; }

td:nth-child(1) {
  width: 210px; }

td:nth-child(2) {
  width: 185px; }

td:nth-child(3) {
  width: 120px; }

td:nth-child(4) {
  width: 80px; }

/* Footer */
.footer {
  /*height:22px;*/
  line-height: 22px;
  background-color: #e0e0e0;
  /*padding-left:$small-margin;
	@include medium {
		padding-left:$medium-margin;
	}
	@include large {
		padding-left:$large-margin;
	}
	*/
  text-align: center; }

.footer a {
  color: #008a53;
  text-decoration: none; }

.footer2 {
  line-height: 22px;
  background-color: #a0c7ac;
  text-align: center; }

.footer2 a {
  color: #008a53;
  text-decoration: none; }

/* Burger Nav Mobile */
.burgerbutton {
  width: 46px;
  height: 46px;
  background-color: #9B9B9B;
  font-size: 26px;
  padding-top: 9px;
  padding-left: 11px;
  color: white; }

#burgeropen {
  position: fixed;
  box-sizing: border-box;
  top: 0px;
  right: 0px; }

#burgerclose {
  box-sizing: border-box;
  margin-right: 2px; }

.burgernav {
  position: fixed;
  width: 334px;
  right: -326px;
  top: 0px;
  transition: transform 0.35s; }

.burgernav > div {
  float: left; }

.burgernav .firstlevel {
  /*background-color:silver;*/ }
  .burgernav .firstlevel .navel {
    background-color: #a0c7ac; }
  .burgernav .firstlevel a {
    text-decoration: none; }

.burgernav .secondlevel {
  /*background-color:silver;*/ }
  .burgernav .secondlevel .navel {
    background-color: #008a53; }
  .burgernav .secondlevel a {
    text-decoration: none; }
  .burgernav .secondlevel .navel.nav-open {
    background-color: #9B9B9B; }

.burgernav .navel.active {
  background-color: #008a53; }

.burgernav .navel {
  box-sizing: border-box;
  position: relative;
  /*padding-left:12px;*/
  width: 140px;
  height: 40px;
  margin-right: 2px;
  margin-bottom: 2px;
  /*line-height:46px;*/
  color: white;
  font-size: 10px;
  line-height: 11px;
  vertical-align: middle; }
  .burgernav .navel .naveltext {
    padding: 0px 10px 0px 10px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .burgernav .navel span {
    /*float:right;
		line-height:46px;
		font-size:16px;
		margin-right:8px;*/
    font-size: 16px;
    position: absolute;
    right: 3px;
    top: 11px; }

/* Visibility */
.breakdash {
  display: none; }

@media screen and (max-width: 52em) {
  .pure-sma-visible {
    display: inherit !important; }
  .pure-sma-hidden {
    display: none !important; } }

@media screen and (min-width: 52em) and (max-width: 78em) {
  .pure-med-visible {
    display: inherit !important; }
  .breakdash {
    display: inline-block !important; } }

@media screen and (min-width: 78em) {
  .pure-lag-visible {
    display: inherit !important; } }

/* Pure corrections */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
  content: "";
  display: none; }

.pure-menu-has-children > .pure-menu-link:after {
  content: "";
  display: none; }

/*008a53 */
/*
@media screen and (min-width: 48em) {
    .pure-med-visible {
        display:inherit !important;
    }

	.mainnav .pure-menu-item {
		width:100px;
	}

    .header, .content-wrapper {
    	width:680px;
    }

    .imageslider {
    	width:616px;
    }
}

@media screen and (min-width: 72em) {
	.pure-med-visible {
        display:none !important;
    }
    .pure-lag-visible {
        display:inherit !important;
    }

	.mainnav .pure-menu-item {
		width:142px;
	}

    .header, .content-wrapper {
    	width:1000px;
    }

    .imageslider {
    	width:1000px;
    }
}
*/