/* niconne-regular - latin */
@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/niconne-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Niconne'), local('Niconne-Regular'),
       url('../fonts/niconne-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/niconne-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/niconne-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/niconne-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/niconne-v9-latin-regular.svg#Niconne') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../fonts/open-sans-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v14-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media only screen{
@-ms-viewport {width: device-width; zoom:1;}
@-o-viewport {width: device-width; zoom:1;}
@viewport {width: device-width; zoom:1;}

* {
	padding: 0;
	margin: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a:link, a:visited{
  color: #401314;
	text-decoration: none;
}
a:hover, a:focus, a:active{
	transition: .3s all ease;
}
.white a:link, .white a:visited{
	color: #fff;
	text-decoration: none;
}
.white a:hover, .white a:focus, .white a:active{
	color: #fff;
	text-decoration: none;
	transition: .3s all ease;
}
section a:link, section a:visited{
  text-decoration: underline;
}
section a:hover, section a:focus, section a:active{
  text-decoration: none;
}
body, html {
  font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	background-color: #fefdf9;
	-webkit-text-size-adjust: none;
	color: #39281b;
  font-weight: 300;
  -webkit-backface-visibility: hidden;
}
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
h1, h2, h3, h4{
	font-weight: normal;
}
.white{
	color: #fff;
}
.block {
	display: block;
}
.bold{
	font-weight: 700;
}
.italic{
	font-style: italic;
}
.clear {
	clear: both;
	height: 0;
	width: 0;
}
/*vertikale Zentrierung*/
.zentriert {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hidden_text, .show_print{
	display: none;
}
.hidden{
	opacity: 0;
}
.visible{
	opacity: 1;
}
.uppercase{
	text-transform: uppercase;
  color: #630E0D;
  font-weight: bold;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-facebook-square:before {
  content: "\f082";
}
.back_to_top{
	display: none;
	position: fixed;
	bottom: 10px;
	right: 0px;
	z-index: 99;
	width: 35px;
	height: 35px;
	background-color: rgba(0,0,0,.5);
	color: white;
	text-align: center;
	font-size: 23px;
	padding-top: 0px;
	opacity: .9;
	box-shadow: 2px 2px 3px #000;
	transition: .5s all ease;
}
.back_to_top:link, .back_to_top:visited, .back_to_top:focus, .back_to_top:active{
	color: white;
	opacity: .7;
}
.back_to_top:hover{
	opacity: 1;
	transform: translateY(-3px);
}
#main ul{
  margin-left: 15px;
  margin-bottom: 15px;
}
#main ul li{
  list-style-type: square;
}
.niconne{
  font-family: 'Niconne', serif;
}
.heading{
  text-transform: uppercase;
  color: #723207;
  font-weight: bold;
}
.big{
  background-color: #72320730;
  text-align: center;
  padding: 8px 10px;
  margin-bottom: 15px;
}
.textcenter {
  background-color: rgba(255, 255, 255, .3);
  text-align: center;
  padding: 15px 20px;
  margin-bottom: 15px;
}
.button{
  background: #723207;
  padding: 8px 18px;
  border-radius: 6px;
  display: inline-block;
  font-weight: bold;
  color: white;
}
.top{
  margin-top: 15px;
}
.button.top{
  margin-top: 30px;
}
section .none a:link, section .none a:visited{
  text-decoration: none;
}
.focus{
  padding: 10px;
  background: #eedcc4;
}
/**********MEDIA*QUERIES**************************************************************************/
.sidebar {
  position: fixed;
  z-index: 99;
  top: 40px;
  left: 0px;
}
.sidebar-inner {
  background: #D6BCA0;
  color: #723207;
  min-width: 98px;
  display: inline-block;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px 10px 10px 3px;
  top: 40px;
  left: 0px;
  box-shadow: 2px 2px 5px #723207;
  transition: .2s all ease-in-out;
  font-size: 14px;
  font-weight: bold;
}

.sidebar-inner.dark {
  background: #723207;
  color: #fff;
}


.sidebar > a {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 550px) {
  .sidebar {
    display: none;
  }
}
a:hover #corona,
a:hover #gutscheine{
  padding-left: 10px;
}
#modal {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
    font-size: 18px;
}
#modal .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 97%;
    max-width: 600px;
    text-align: center;
}
#modal .niconne {
  font-size: 13px;
}
.modal-link a {
  text-align: center;
  font-weight: bold;
}
#modal .con{
  padding: 20px 30px 50px 20px;
}
#modal .con img{
  width: 100%;
  max-width: 250px;
  margin-bottom: 10px;
  
}
@media screen and (max-height: 1000px) {
  #modal .con img {
    height: 20vh;
    object-fit: cover;
  }
}
@media screen and (max-height: 720px) {
  #modal .con img {
    display: none;
  }
}
#modal button{
  font-weight: bold;
  background: transparent;
  border: none;
  float: right;
  padding-right: 4px;
  color: #999;
  font-size: 30px;
}
#modal .niconne {
  font-size: 30px;
  line-height: 30px;
  color: #723207;
  line-height: 1em;
  margin-bottom: 15px;
}
@media only screen and (min-width: 400px) {
  #modal .niconne {
    font-size: 40px;
    line-height: 1em;
  }
}
#modal button:hover{
  cursor: pointer;
  color: #333;
}
#modal .btn{
  background-color: #72320760;
  width: 100%;
  text-align: center;
  padding: 10px;
  margin-top: 30px;
  border-radius: 6px;
  font-weight: 700;
}
#modal .small {
  font-size: 14px;
  margin-top: 10px;
}
#modal a:link .btn, #modal a:visited .btn{
  color: #fff;
  text-decoration: none;
}
@media only screen and (min-width: 600px){
  #modal .con{
    padding: 40px 50px 50px 40px;
  }
  #modal{
    font-size: 22px;
  }
}
/* @media only screen and (max-width: 350px) and (max-height: 600px) {
  #modal {
    display: none;
  }
} */
#leaves{
  min-height: 100vh;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#page_wrapper{
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#background{
  background-color: #fefdf9;
  background-image: url(../img/background_top.png), url(../img/background_bottom.jpg);
  background-size: 100% auto, 100% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom left;
}
header{
 background-color: #eedcc470;
 padding: 20px;
 width: 100%;
}
nav{
  display: none;
}
.active, nav ul li:hover{
  background-image: url(../img/active.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#wrap{
  padding: 20px;
  background-color: #eedcc4;
}

#logo img{
  animation-duration: 5s;
}
#logo, #logo img{
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  animation-duration: 5s;
}
#logo{
  margin-bottom: 20px;
}
section{
  margin-bottom: 15px;
}
section:last-of-type{
  margin-bottom: 0px;
}
.parallax-window, .background{
  min-height: 400px;
  background: transparent;
  position: relative;
}
#image{
  width: 100%;
  background-color: #72320730;
  text-align: center;
  margin-bottom: 20px;
}
#schwanger{
  width: 100%;

}
#image, #schwanger, .parallax-window{
  animation-duration: 3s;
}
.sub #image, .sub #schwanger, .sub .parallax-window{
  animation-delay: 0.1s;
  animation-duration: 2s;
}
#image .text{
  padding: 30px 15px;
}
.text h1{
  font-family: 'Niconne', serif;
  color: #723207;
  font-size: 30px;
  margin-bottom: 15px;
  animation-duration: 4s;
}
.text h2{
  text-transform: uppercase;
  font-size: 18px;
  animation-duration: 4s;
}
.texte, .link{
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  animation-duration: 2s;
  hyphens: auto;
}
section.link > div{
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.co{
  min-height: 90px;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-color: #72320730;
  background-color: rgba(247,219,197,.6);
  padding: 0 15px;
  text-align: center;
}
.co.two {
  flex-direction: column;
  padding-top: 15px;
}
.liste .button{
  width: 100%;
  text-align: center;
}
section.link > div > ul, section > div > div > h2{
  flex-grow: 1;
}
.texte > div, .column, .column2, .liste > div{
  background-color: rgba(255,255,255,.3);
  padding: 15px 20px 0 20px;
}
.liste div.del{
  background-color: transparent;
  padding: 0;
}
.blank{
  background-color: rgba(255,255,255,.3);
  padding: 15px 20px 15px 20px;
}
section.link a:link, section.link a:visited{
  text-decoration: none;
}
.link > div {
  margin-bottom: 15px;
}
#wrap .niconne{
  text-align: right;
  font-family: 'Niconne', serif;
  color: #723207;
  font-size: 30px;
  margin-top: 30px;
  animation-duration: 3s;
}
h2.nic{
  font-family: 'Niconne', serif;
  color: #723207;
  font-size: 40px;
  text-align: center;
  padding: 30px 25px;
}
.texte ul li, .column ul li, .column2 ul li, .liste ul li{
  list-style-type: none;
  margin-left: 12px;
  margin-bottom: 10px;
}
.texte ul li:before, .column ul li:before, .column2 ul li:before, .liste ul li:before{
  content: '\f0da';
  font-family: FontAwesome;
  margin-left: -10px;
  margin-right: 4px;
}
.column, .column2{
  padding-bottom: 15px;
}
.column ul, .column2 ul, section p{
  margin-bottom: 15px;
}
section .none p{
  margin-bottom: 0;
}
section p:nth-of-type(odd){
  margin-bottom: 15px;
}
section:last-child{
  margin-bottom: 0;
}
.bg-start {
  background-image: url('../img/startseite_02.jpg');
  aspect-ratio: 25/10;
  width: 100%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 150px 20px 20px 20px;;
}
@media only screen and (min-width: 786px) {
  .bg-start {
    padding: 50px;
  }
}
.bg-start-text {
  padding: 40px 20px 30px 20px;
  background: #f3e7d6;
}
#wrap .bg-start-text h2.niconne {
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0;
}
.section_start {
  border: 3px solid #723207;
  margin-bottom: 50px;
}
@media only screen and (min-width: 786px) {
  .section_start.liste.two>div {
    width: 50%;
  }
    .bg-start-text {
      padding: 40px 50px 30px 50px;
    }
}
.section_start.link > div {
  margin-bottom: 0;
}
.red {
  color: #723207;
}
.column img, .column2 img, .texte img, .link img{
  width: 100%;
}
.liste h2{
  color: #723207;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: bold;

}
.texte.liste ul{
  margin-bottom: 15px;
}
.texte.liste ul li{
  margin-bottom: 0
}
.texte.kacheln div{
  margin-bottom: 15px;
}
.img_bg img{
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 500px;
}
.kursmenue {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  justify-content: center;
  background: rgba(255, 255, 255, .3);
  padding-top: 18px;
  margin-top: -20px;
}
.kursmenue a:link,
.kursmenue a:visited {
  text-decoration: none;
  color: white;
}
.center {
  text-align: center;
  margin-top: 40px;
}
.aktuelles .liste p {
  padding: 20px 10px 10px 10px;
  font-weight: bold;
  text-align: center;
  hyphens: manual;
}
.aktuelles .liste p.button {
  padding: 8px 18px;
}
.aktuelles .link {
  justify-content: space-around;
}
.kontakt_saskia,
.kontakt_luzia,
.kontakt_judith {
  text-align: center;
}
.kontakt_judith {
  margin-top: 25px;
}
@media only screen and (max-width: 656px) {
  .kontakt_saskia {
    margin-bottom: 25px;
  }
}
#map{
  width: 100%;
  height: 400px;
  margin-bottom: 15px;
}
#icon{
  width: 200px;
}
section #map p{
  margin-bottom: 0;
}
form .bg_box{
  background: rgba(255,255,255,.2);
  padding: 15px 20px;
  font-size: 14px;
  margin-top: 15px;
}
.highlight{
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}
select, option{
  background: rgba(255,255,255,.3);
  font-family: 'Open Sans Condensed', sans-serif;
  color: #39281b;
}
option{
  background: #d6bca0;
  margin: 0;
  padding: 0;
}
.grey{
  background-color: #72320710;
}
.hide_this {
  display: none;
}
.show_this {
  display: inline;
}
.container input, textarea, select{
  border: none;
  padding: 10px 10px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
  color: #39281b;
  background-color: rgba(255,255,255,.7);
}
textarea{
  resize: none;
}
textarea:focus, input:focus{
  outline: none;
  border: 1px solid #39281b;
}
.container .left input, select{
  width: 100%;
  margin-bottom: 10px;
}
textarea{
  height: 300px;
  width: 100%;
}
#checkbox{
  float: left;
  margin-top: 3px;
}
#akz{
  padding-left: 18px;
}
.kontakt_button:hover{
  cursor: pointer;
}
/***************superfish***************************************************************/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
  padding: 5px 15px;
  color: #6f4000;
  font-size: 25px;
  transition: .3s all ease;
  display: block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu li ul{
  padding: 10px 15px 15px 15px;
  background: #eedcc4;
  border-radius: 10px;
  min-width: 250px;
}
.sf-menu li ul li{
  width: 100%;
  text-align: left;
  padding: 5px 15px;
}
/***************sidr***************************************************************/
#sidrwrapper{
	position: relative;
	z-index: 999;
	float: right;
}
.menu-button {
	/* display: block; */
	background-size: auto auto;
	background-position: bottom left;
  padding-right: 5px;
  overflow: hidden;
  font-size: 36px;
  animation-delay: .5s;
  line-height: 1em;
}
.social-wrap {
  position: fixed;
  top: 0;
  right: 0;
}
.social {  
  display: flex;
  flex-direction: row;
}
.social > a {
  display: flex;
  align-items: center;
}
.social i{
  color: #723207;
  padding-left: 8px;
}
.social .button {
  font-size: 18px;
}
.social {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 998;
  font-size: 36px;
}
.social-text {
  font-size: 25px;
  /* text-transform: uppercase; */
}
#sidr-wrapper a:hover, #sidr-wrapper a:focus, #sidr-wrapper a:active{
  color: #FF9326;
}
.menue{
	float: left;
	display: block;
}
.menu-button.right {
    right: 20px;
    left: auto;
}
.menu-button.bottom {
    top: 100px;
}
.menu-button.fixed {
    position: fixed;
}
.border {
  border: 2px solid #723207;
}
#button-top{
}
#overlay {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 50;
  display: none;
}
#sidr{
	letter-spacing: .1em;
}
.sidr {
  display: block;
  position: fixed;
	z-index: 60;
  top: 0;
  height: 100%;
  width: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #eedcc4;
	box-shadow: 0 0 10px #000;
	color: #723207;
	margin-right: 7px;
}
.sidr > ul{
	clear: both;
  margin: 10px 20px 0 20px;
}
.sidr ul li{
	font-size: 18px;
	margin-bottom: 1px;
  list-style-type: none;
  display: block;
  padding: 0 10px;
}
.sidr ul li a{
  display: block;
	list-style-type: none;
	line-height: 2.5em;
}
.sidr ul li a:link, .sidr ul li a:visited{
  color: #6f4000;;
}
.sidr a:hover, .sidr a:focus, .sidr a:active{
	text-decoration: none;
	color: #6f4000;;
}
.sidr .arrow{
	display: inline-block;
	position: relative;
}
.sidr .arrow:hover{
	transform: translateX(4px);
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -270px;
}
.sidr.left {
  left: -270px;
  right: auto;
}
.sidr-open #overlay {
    display: block;
}
.no-overflow {
  overflow: hidden;
}
.columns{
  position:relative;
}
.bild {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
}
.slick-slider { overflow: hidden; }
.slick-slider div.slick-active .bild {
  -webkit-animation: myMove 8s 1 ease-in-out;
  -moz-animation: myMove 8s 1 ease-in-out;
  -o-animation: myMove 8s 1 ease-in-out;
  -ms-animation: myMove 8s 1 ease-in-out;
  animation: myMove 8s 1 ease-in-out;
}
@keyframes myMove {
  from { transform: scale(1.0,1.0); transform-origin: 50% 50%; }
  to { transform: scale(1.1,1.1); transform-origin: 50% 0%; }
}
@-webkit-keyframes myMove {
  from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 50%; }
  to { -webkit-transform: scale(1.1,1.1); -webkit-transform-origin: 50% 0%;  }
}
@-o-keyframes myMove {
  from { -o-transform: scale(1.0,1.0); -o-transform-origin: 50% 50%; }
  to { -o-transform: scale(1.1,1.1); -o-transform-origin: 50% 0%;  }
}
@-moz-keyframes myMove {
  from { -moz-transform: scale(1.0,1.0); -moz-transform-origin: 50% 50%; }
  to { -moz-transform: scale(1.1,1.1); -moz-transform-origin: 50% 0%; }
}
@-ms-keyframes myMove {
  from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 50%; }
  to { -ms-transform: scale(1.1,1.1); -ms-transform-origin: 50% 0%; }
}
}
/*---------------------------------------------------------------media queries--------------------------------------------------------------------------*/
@media only screen and (max-width: 919px){
  #leaves{
    background-image: url(../img/mandala.svg), url(../img/mandala.svg), url(../img/mandala.svg);
    background-position: top -120px left -120px, top -120px right -120px, bottom -200px center;
    background-repeat: no-repeat;
    background-size: 350px auto, 350px auto, 120% auto;
  }
}
@media only screen and (min-width: 920px){
  #leaves{
    background-image: url(../img/mandala.svg), url(../img/mandala.svg), url(../img/mandala.svg), url(../img/mandala.svg);
    background-position: top -120px left -120px, top -120px right -120px, bottom -200px left -200px, bottom -200px right -200px;
    background-repeat: no-repeat;
    background-size: 350px auto, 350px auto, 600px auto, 600px auto;
  }
}
@media only screen and (min-width: 622px){
  #page_wrapper{
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 900px){
  nav{
    display: block;
    text-align: center;
    position: relative;
    z-index: 998;
  }
  nav ul{
    display: inline-block;
  }
  nav ul li{
    list-style-type: none;
    float: left;
    padding: 5px 15px;
    color: #6f4000;
    font-size: 25px;
    transition: .3s all ease;
    display: block;
  }
  nav ul li:first-of-type{
    animation-delay: .2s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(2){
    animation-delay: .3s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(3){
    animation-delay: .4s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(4){
    animation-delay: .5s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(5){
    animation-delay: .6s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(6){
    animation-delay: .7s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(7){
    animation-delay: .8s;
    animation-duration: 3s;
  }
  nav ul li:nth-of-type(8){
    animation-delay: .9s;
    animation-duration: 3s;
  }
  nav ul li a:link, nav ul li a:visited{
    color: #6f4000;
  }
}
@media only screen and (min-width: 1000px){
  .parallax-window, .background{
    min-height: 600px;
  }
}
@media only screen and (min-width: 380px){
  .text h1{
    font-size: 40px;
  }
  .text h2{
    font-size: 21px;
  }
}
@media only screen and (min-width: 440px){
  .text h1{
    font-size: 50px;
  }
  .text h2{
    font-size: 25px;
  }
}
@media only screen and (max-width: 656px){
  .texte > div:last-of-type, .liste > div:last-of-type{
    padding-bottom: 15px;
  }
  .texte > div{
    width: 100%;
  }
}
@media only screen and (min-width: 657px){
  .texte > div{
    width: 32%;
    padding: 15px 20px;
  }
  .texte.split > div{
    width: 49%;
  }
  .about .texte > div{
    width: 100%;
  }
}
@media only screen and (min-width: 850px){
  .about .texte > div{
    width: 32%;
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 786px){
  .liste > div{
    width: 32%;
    padding: 15px 20px;
  }
  .liste.two > div {
    width: 49%;
  }
}
@media only screen and (min-width: 740px){
  .column{
    padding-bottom: 15px;
    columns: 2;
    orphans: 2;
    column-gap: 40px;
  }
}
@media only screen and (min-width: 982px){
  .column, .column2{
    padding-bottom: 15px;
    columns: 3;
    orphans: 2;
    column-gap: 40px;
  }
}
@media only screen and (max-width: 656px){
  .img_bg{
    width: 100%;
  }
}
@media only screen and (max-width: 619px){
  .kontakt_button{
    margin-top: 20px;
    background-color: #723207;
    border: none;
    width: 100%;
    color: #fff;
    font-family: 'Niconne', serif;
    font-size: 30px;
    border-radius: 8px;
    padding: 15px;
  }
}
@media only screen and (min-width: 620px){
  form .container{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 15px;
  }
  form .container > div{
    width: 50%;
  }
  .cont{
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  form .bg_box{
    flex-grow: 1;
  }
  .container .left input, select{
    width: 95%;
    margin-bottom: 10px;
  }
  .container .left input:last-of-type{
    margin-bottom: 0px;
  }
  textarea{
    height: 100%;
  }
  .kontakt_button{
    margin-top: 20px;
    background-color: #723207;
    border: none;
    padding: 15px 50px;
    color: #fff;
    font-family: 'Niconne', serif;
    font-size: 30px;
    border-radius: 8px;
  }
  .submitbutton{
    margin: 0 30px;
  }
}
#galerie{
  column-width: 300px;
  column-gap: 5px;
}
#galerie img {
  width: 100%;
  cursor: pointer;
}
div.hr {
	border-bottom: 1px solid #E7E7E7;
	line-height: 1px;
	margin: 20px 0;	
}
span.secure,
span.reverse {
	unicode-bidi: bidi-override;
	direction: rtl;
}
span.secure strong {
	display: none;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}
  .row>.column {
    padding: 0 0 7px 0;
  }

  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  /* Create four equal columns that floats next to eachother */
  /* .column {
    float: left;
    width: 25%;
  }
  .column img:hover{
    cursor: pointer;
  } */
  /* The Modal (background) */
  .modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 50px;
    padding-bottom: 30px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
  }

  /* Modal Content */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
  }

  /* The Close Button */
  .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
  }

  /* Hide the slides by default */
  .mySlides {
    display: none;
  }

  /* Next & previous buttons */
  .prev,
  .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
  }

  /* Position the "next button" to the right */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 14px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
	text-shadow: 0 0 .4rem #000;
	font-weight: bold;
  }

  /* Caption text */
  .caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
  }

  img.demo {
    opacity: 0.6;
  }
  .gallery img{
    display: block;
  }
  .row{
    margin-bottom: 20px;
  }
  #myModal img{
    margin: 0 auto;
	display: block
  }
  .mySlides{
    background: #000;
    height: calc(100vh - 10rem);
    	background: #000;
	/* background-image: url(../img/gallery/fullsize-objekt/logo.jpg); */
	display: flex; 
    justify-content: center; 
    align-items: center;
  }
  .mySlides img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .flexx{
	  display: -moz-flex;
	  display: -webkit-flex;
	  display: flex;
  }
  .active,
  .demo:hover {
    opacity: 1;
  }

  img.hover-shadow {
    transition: 0.3s;
  }

  .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

.equal_columns {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

footer{
  font-weight: bold;
}
@media only screen and (max-width: 499px){
  footer{
    text-align: center;
    line-height: 2em;
    padding: 50px 20px 10px 20px;
  }
}
@media only screen and (min-width: 500px){
  footer {
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 50px 45px 10px 60px;
  }
  footer p{
    width: 50%;
  }
  footer .right{
    text-align: right;
  }
}
@media only screen and (min-width: 625px){
  footer{
    padding: 50px 45px 10px 90px;
  }
}
@media only screen and (min-width: 900px){
	#sidrwrapper, #button-top{
		display: none;
	}
}
/*----------------------------------------------------------------print---------------------------------------------------------------------------*/
@media print {
	body {
		background-color: #ffffff;
		color: #000000;
		font-family: serif;
		font-size: 100%;
	}
	header, #usercentrics-button, #galerie, footer, img, .print, .single-item, .hidden_text, #sidrwrapper, #button-top, .sheet i,  video, .back_to_top, #map{
		display: none !important;
	}
	.bold{
		font-weight: 700;
    color: #72320790;
	}
	h1, h2, h3, h4 {
		font-weight: 700;
		font-size: 105%;
	}
	.link_print a[href]:after {
		content: " (" attr(href) ")";
	}
	.accordion > *, #accordion > *{
		display: block !important;
		background-color: #ffffff;
		color: #000000;
		font-family: serif;
		font-size: 100%;
		border: 0;
		margin: 0;
		padding: 0;
	}
}

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}