/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-serif-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-700italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-serif-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/noto-serif-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v21-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

* {
    margin: 0;
    padding: 0;
}
body, html {
	width:100%;
  height: 100%;
}
body {
    margin: 0;
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    overflow-x: hidden;
}
header{
	position: absolute;
	top:0;
	width:100%;
	height:95%;
	z-index: 200;
}
#headline {
	display:none;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.clear {
    clear: both;
}

@-webkit-keyframes flyin400 {
	  from {left: -2000px;}
	  to {left: 0px;}
}

@keyframes flyin400 {
	  from {left: -2000px;}
	  to {left: 0px;}
}



.background-slider {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
figure {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
}
.pic-1 {
    opacity: 1;
    background: url(../images/bg/1.webp) no-repeat center center;
    background-size: cover;
}
.pic-2 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url(../images/bg/2.webp) no-repeat center center;
    background-size: cover;
}
.pic-3 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url(../images/bg/3.webp) no-repeat center center;
    background-size: cover;
}
.pic-4 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url(../images/bg/4.webp) no-repeat center center;
    background-size: cover;
}
.pic-5 {
    opacity: 1;
    background: url("../images/bg/5.webp") no-repeat center center;
    background-size: cover;
}
.pic-6 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/bg/6.webp") no-repeat center center;
    background-size: cover;
}
.pic-7 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url("../images/bg/7.webp") no-repeat center center;
    background-size: cover;
}
.pic-8 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url("../images/bg/8.webp") no-repeat center center;
    background-size: cover;
}

.pic-9 {
    opacity: 1;
    background: url("../images/bg/9.webp") no-repeat center center;
    background-size: cover;
}
.pic-10 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/bg/10.webp") no-repeat center center;
    background-size: cover;
}
.pic-11 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url("../images/bg/11.webp") no-repeat center center;
    background-size: cover;
}
.pic-12 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url("../images/bg/12.webp") no-repeat center center;
    background-size: cover;
}

.pic-13 {
    opacity: 1;
    background: url("../images/bg/14.webp") no-repeat center center;
    background-size: cover;
}
.pic-14 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/bg/13.webp") no-repeat center center;
    background-size: cover;
}
.pic-15 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url("../images/bg/15.webp") no-repeat center center;
    background-size: cover;
}
.pic-16 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url("../images/bg/16.webp") no-repeat center center;
    background-size: cover;
}

.pic-17 {
    opacity: 1;
    background: url("../images/bg/17.webp") no-repeat center center;
    background-size: cover;
}
.pic-18 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/bg/18.webp") no-repeat center center;
    background-size: cover;
}
.pic-19 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url("../images/bg/19.webp") no-repeat center center;
    background-size: cover;
}
.pic-20 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url("../images/bg/20.webp") no-repeat center center;
    background-size: cover;
}

.pic-21 {
    opacity: 1;
    background: url("../images/bg/21.webp") no-repeat center center;
    background-size: cover;
}
.pic-22 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/bg/22.webp") no-repeat center center;
    background-size: cover;
}
.pic-23 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url("../images/bg/23.webp") no-repeat center center;
    background-size: cover;
}
.pic-24 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url("../images/bg/24.webp") no-repeat center center;
    background-size: cover;
}

.pic-25 {
    opacity: 1;
    background: url("../images/bg/25.webp") no-repeat center center;
    background-size: cover;
}
.pic-26 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    background: url("../images/bg/26.webp") no-repeat center center;
    background-size: cover;
}
.pic-27 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    background: url("../images/bg/27.webp") no-repeat center center;
    background-size: cover;
}
.pic-28 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    background: url("../images/bg/28.webp") no-repeat center center;
    background-size: cover;
}

@keyframes slideShow {
    0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1);
}
5% {
    opacity: 1;
}
25% {
    opacity: 1;
}
30% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}
100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transformm: scale(1);
}
}@-webkit-keyframes slideShow {
    0% {
    opacity: 0;
    -webkit-transform: scale(1);
}
5% {
    opacity: 1;
}
25% {
    opacity: 1;
}
30% {
    opacity: 0;
    -webkit-transform: scale(1.1);
}
100% {
    opacity: 0;
    -webkit-transformm: scale(1);
}
}

/* Background Video */


.video-container {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    top:0;
    background-color: #fff;
}


.bg-video {
      min-height: 100%;
      min-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%,-0);
}

.bg-video-2 {
      min-height: 100%;
      min-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-50%,-0);
}


.container {
	position: relative;
	top:95%;
  width:100%;
	padding-bottom:1.5%;
  z-index: 100;
	background:url('../images/bg/holz-rep.webp');
	background-repeat: repeat-y;
	background-position: center;
}
.row{
	position: relative;
	top:-10px;
	margin:0 auto;
	padding:30px 0 90px 0;
  width: 96%;
  z-index: 120;
	background:url('../images/bg/content-mid.webp');
	background-repeat: repeat-y;
	background-position: center;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 9px;
	box-shadow:0 0 10px #666;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*=col-] {
    float: left;
	word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.col-1 {
    margin-top: 20px;
    width: 100%}
.col-2 {
    margin-top: 20px;
    width: 100%}
.col-3 {
    margin-top: 20px;
    margin-bottom: 100px;
    width: 100%}

		footer {
			position: relative;
			top:100%;
		  height: 50%;
		  width: 100%;
		  z-index: 120;
		}
#logo {
    position: absolute;
    top: 0;
    margin-left:auto;
		margin-right:auto;
    width: 100%;
    height: 100px;
    z-index: 200;
    text-align: center;
}
.logoimg {
    width: 320px;
    height: auto;
    border: 0;
}
#logo a:hover {
    text-decoration: none;
    background: 0 0;
}
nav {
    width: 100%;
    height: 122px;
    background: url(../images/nav/topbar.webp) repeat-x;
}
input#hamburg {
    display: none;
}
label.hamburg {
    display: block;
    background:linear-gradient(to bottom,#93D103, #6D9E02);
		border-radius: 50%;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
		z-index: 300;
}
.line {
    position: absolute;
    left: 11px;
    height: 3px;
    width: 33px;
    background: #fff;
    border-radius: 2px;
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.line:nth-child(1) {
    top: 16px;
}
.line:nth-child(2) {
    top: 26px;
}
.line:nth-child(3) {
    top: 36px;
}
#hamburg:checked+.hamburg .line:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}
#hamburg:checked+.hamburg .line:nth-child(2) {
    opacity: 0;
}
#hamburg:checked+.hamburg .line:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
}
#move {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #72a500;
    top: 107px;
    left: -105%;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 0;
    padding: 0;
		z-index: 300;
}
nav ul li ul {
    background: #85c000;
}
nav li {
    width: 100%}
nav ul li a {
    display: block;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2rem;
    padding: 20px;
    border-bottom: 1px #fff dotted;
    color: #fff;
    text-decoration: none;
}
nav a.active, nav a:hover {
    background: #fff;
    color: #000;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
#hamburg:checked~#move {
    left: 0;
}
.mobil-menu {
    display: none;
}
.col-1 img {
    width: 100%;
		height:auto;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    border-radius: 8px;
/*    border: solid 5px white;*/
}

.container h1 {
    letter-spacing: -.005em;
    margin: 15px 5% 50px 5%;
    color: #93D103;
    font-size: 2.1rem;
    font-weight: 400;
}
.container h2, h3, h4 {
    letter-spacing: -.005em;
    margin: 15px 5% 50px 5%;
    color: #93D103;
    font-size: 1.9rem;
    font-weight: 400;
}
.container h4 {
    letter-spacing: -.005em;
    margin: 15px 5% 50px 5%;
    color: #93D103;
    font-size:1.9rem;
    font-weight: 400;
}
#contact{
  width:90%;
  margin:0 5%;
}
.headstart {
    padding-top: 25px;
}
.container p {
    color: #5e5e5e;
    line-height: 1.7em;
    font-size: 1.3rem;
    font-style: normal;
    margin: 20px 5%;
    font-weight: 400;
}

.tfw-calendar-app {
    margin: 20px 5%;    
}

.container ul {
    color: #5e5e5e;
    line-height: 1.7em;
    font-size: 1.3rem;
    font-style: normal;
    margin: 20px 5% 20px 10%;
    font-weight: 400;
}
.container a {
    color: #03759f;
    text-decoration: none;
}
.container a:hover {
    color: #03759f;
    text-decoration: underline;
}

.container table {
    width: 90%;
    color: #5e5e5e;
    line-height: 1.9rem;
    font-size: 1.1rem;
    font-style: normal;
    margin: 20px 5%;
    font-weight: 300;
}
.container td {
    vertical-align: top;
}
.container table td:nth-of-type(2) {
    width: 30%;
    text-align: right;
}
.col-1 .container p:last-of-type {
    text-align: right;
    padding-bottom: 8%}
.col-2 .container p:last-of-type {
    padding-bottom: 6%}

.anschrift{
	width: 96%;
	height:auto;
	margin: 0 auto;
	z-index: 300;
	position: relative;
}
.anschrift p{
	text-align:left;
	color: #FFF;
	font-size: 1.1em;
	padding: 16px;
	background: #291301;
	opacity: 0.8;
	margin:0;
}
.anschrift a{
	color: #FFF;
	text-decoration: none;
}
.anschrift a:hover{
	color: #FFF;
	text-decoration: underline;
}
.scrollToTop {
    width: 100px;
    height: 130px;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    color: #444;
    text-decoration: none;
    position: fixed;
    top: 85%;
    right: 0;
    display: none;
    z-index: 10000;
}
.scrollToTop img {
    border: 0;
}
.scrollToTop:hover {
    text-decoration: none;
}
.borderbottom {
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px #999 dotted;
}
.bordertop {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px #999 dotted;
}
.gastgeber {
    text-align: center;
}
.contentimages {
    margin-bottom: 10px;
}
.galerie{
	width:90%;
}
.col-1 .galerieimg {
    display: inline;
		border-radius:4px;
		border:none;
    -webkit-box-shadow: 0 0 5px #9f9f9f;
    box-shadow: 0 0 5px #9f9f9f;
    width: 47%;
    height: auto;
    margin: 1% 1%}
.imgfull {
    width: 100%;
    padding: 0;
    margin: 1% 0;
}
.center {
    text-align: center;
}
.imgr {
    float: none;
}
.imgl{
	float: left;
}
#siegel{
	width:120px;
	height:auto;
	float:right;
    margin-left: 15px;
    margin-bottom: 15px;
    border:0;
    box-shadow:none;

}
.red{
	color:red;
}
.hidden-mobil, .hidden-xs, .hidden-lg,.hidden-xl{
	display: none;
}


.boots{
	display:none;
}
#callme {
    width: 280px;
    height: 175px;
    position: absolute;
	top:70%;
	left:2%;
    float: left;
    background: url(../images/content/call-me.webp) no-repeat;
    background-size: cover;
}
#callme p {
  color: #FFFFFF;
  width: 220px;
  padding: 0;
  text-align: center;
  line-height: 1.8rem;
  position: relative;
  left:-6px;
    top:1px;
}
.callhead {
  font-size: 1.6em;
/*  text-transform: capitalize;*/
  margin: 25px 0 0 60px;
}
.callcontent {
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 2px 0 0 60px;
}
#callme p a {
  color: #FFF;
  text-decoration: none;
}
#callme p a:hover{
	text-decoration: underline;
}
.cookie {
  position: fixed;
  bottom: 15px;
  left: 22px;
  color: #4e7c91;
  z-index: 200;
  font-size: .6rem;
  font-weight: 700;
}
.video {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    top:20px;
    overflow: hidden;
    width: 90%;
    padding-top: 49.375%;
/*    padding-top: 56.25%;*/
    margin:0 5%;
}
.videoiframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  border:none;}

@media (min-width:660px) {
	#callme {
		top:20%;
		left:5%;
	}
		  .logoimg{
				width:472px;
			}
#move {
    top: 135px;}

	.col-1 img {
	    width: 350px;
	}
	.imgr {
	    float: right;
			margin:10px 5px 10px 50px;
	}
	.imgl{
		float: left;
		margin:10px 15px 10px 5px;
	}
	.col-1 .galerieimg {
	    width: 30%;
}

  .dandelion{
    position:relative;
    top:-50px;
    margin-left:-50px;
    z-index: 0;
  }
}
@media (min-width:720px) {

.col-1 .galerieimg {
		width: 22%;
}

.boots{
  display: block;
  position: absolute;
  background: url(../images/content/schuhe2.webp) top left no-repeat;
  background-position-x: 170px;
  width:374px;
  height: 269px;
  bottom:-110px;
  right: 0;
}

}
@media (min-width:890px) {

	#headline {
	  -webkit-animation: flyin400;
	          animation: flyin400;
	  -webkit-animation-delay: 1s;
	          animation-delay: 1s;
	  -webkit-animation-duration: 2s;
	          animation-duration: 2s;
	  -webkit-animation-fill-mode: forwards;
	          animation-fill-mode: forwards;
	  display: inline;
	  width:96%;
	  position:absolute;
	  bottom:150px;
	  left:-2000px;
	  z-index: 200;
	}
	#headline p {
	  font-size:3.8rem;
	  color:white;
		text-align: right;
    text-shadow: 1px 1px 4px black;
	}


}

@media (min-width:920px) {
    
.anschrift {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    top:-215px;
}

.anschrift p {
    display: inline-block;
}

#callme {
		left:10%;
}

.col-2 {
  width: 50%;
  flex:1;
  margin-bottom: -4px;
}

.scrollToTop {
    right: 30px;
}

.container h1 {
    margin: 15px 7% 40px 7%;
    font-size: 2.4rem;
}

.container h2, h3, h4 {
    margin:  15px 7% 40px 7%;
    font-size: 2.3rem;
}

.container h4 {
    margin: 15px 7% 40px 7%;
    font-size: 2.3rem;
}

.container p {
    font-size: 1.4rem;
    margin: 20px 7%;
}

.tfw-calendar-app {
    margin: 20px 7%;    
}    
    
.container ul {
    margin: 20px 7% 20px 11%;
}

.video {
  width:86%;
    margin:0 7%;
}

#contact {
  width:86%;
  margin:0 7%;
}

.anschrift p {
	margin:10px;
	font-size:1.1rem;
}

.galerie {
	width:86%;
    margin:2% 7%;
}
    
.col-1 .galerieimg {
		width: 190px;
        height: auto;
        margin: 0.5% 0.5% }    

.boots {
    background-position-x: 100px;
  }

}

@media (min-width:1024px) {

.col-1 img {
	    width: 450px;
}    
    
#siegel{
	width:180px;

}
    
label.hamburg {
			display: none;
	}    
    
.hidden-xs{
		display:inline;
	} 
    
.hidden-mobil{
		display: inline-block;
	}

    
nav {
    position: absolute;
    bottom:100px;
}
	#move {
			width: 100%;
			height: 50px;
			left:0;
			background: transparent;
			text-align: center;
			margin: 0;
			padding: 0;
            z-index: 500;
	}
	nav ul {
			float: left;
			margin: 0 2%;
	}
	nav ul li {
			display: inline-block;
			padding: 12px 15px;
			margin-right:5px;
			width: auto;
			border-radius:5px;
			background:linear-gradient(to bottom, #93D103, #6D9E02);
			color:#fff;
			font-size:0.8rem;
			font-weight:300;
			box-shadow: 0 5px 10px #333;
            vertical-align: middle;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.55);
           /* text-shadow: 0 1px #333;*/
	}
	nav>ul>li:last-of-type{
		margin-right:0;
	}
	nav ul li a {
			display: inline;
			border-bottom: 0;
			color: #fff;
			font-size: 1.3rem;
			text-decoration: none;
			text-transform: none;
			font-weight: 300;
			padding:0;
	}


	nav ul li.active > a {
			background: transparent;
			color: #fff;
            text-decoration: underline;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
	}
	nav ul li:hover > a{
			background:transparent;
			color: #fff;
			text-decoration: underline;
			-webkit-transition: .3s;
			-o-transition: .3s;
			transition: .3s;
	}

	nav ul li ul {
			display: none;
			position: absolute;
	/*		background: 0 0;*/
			z-index: 120;
	}
    
    nav ul li ul li {
        background: none;
        box-shadow: none;
        text-align: left;
    }

	nav ul>li>ul {
			margin: 9px 0 0 -15px;
            background: rgba(109, 158, 2, 0.95);
    		/* background:linear-gradient(to bottom, #93D103, #6D9E02);
    		border-radius:5px;
            padding-bottom: 10px;
            padding-top: 5px;
            padding-left: 7px;
            padding-right: 7px;*/
        padding: 5px 7px 10px; 
	}
    
    
	nav ul li:hover>ul {
			display: block;
	}

	nav ul>li>ul>li {
			display: block;
			padding: 8px 13px;
/*			margin-top: 10px;*/
			width: auto;
/*			background-color:grey;*/


			color:#fff;
			font-weight:300;
/*			box-shadow: 0 2px 10px #666;*/
	}

	nav ul>li>ul>li>a {
			display: block;
			background:0 0 ;
			font-size:1.2rem;
	}    

}





@media (min-width:1090px) {

.row, .anschrift {
    width: 80%;
}
nav ul {
    margin: 0 0 0 11%;
}
#headline {
	width:80%;
}
.col-3 {
    width:33.333%;
}

.dandelion{
  margin-left:0;
}
}
@media (min-width:1300px) {
 

    .boots{
        background-position-x: 20px;
      }
    
}
@media (min-width:1620px) {

  .hidden-lg{
		display: inline-block;
	}    
    
  .hidden-xl{
		display: inline-block;
	}
  .visible-xs{
    display: none;
  }
  .boots{
    right: 5%;
  }
}