@charset "utf-8";

/* cabin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cabin-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cabin-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/cabin-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cabin-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v51-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-v51-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-v51-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v51-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html, body{
	height: 100%;
	margin: 0 auto;
	padding: 0; 
	color:#fff !important;
	font-family: 'Cutive', serif;
	font-weight:300;
	font-size:16px !important;
	line-height:26px !important;
	background-color: #006332 !important;
}
		
p{
	margin: 0px;
	padding:0px;
}

img{
	border: none;	
}


hr{
	border-color: #333 !important;
}

body a{text-decoration:none;}
a:link {color: #fff !important;}
a:visited {color: #fff}
a:hover {color: #fff; list-style-type:none !important; text-decoration:none !important;}
a:focus {color:#fff; text-decoration:none !important; outline: none !important;}
a:active {color:#fff !important;}

h1{
	font-size:250% !important;
	font-weight:600 !important;
	color:#fff !important;
	line-height:110% !important;
	text-align: center !important;
}

.impressum h1{
	text-align: left !important;
}

h2{
	font-size: 160% !important;
	font-weight:400 !important;
	line-height:110% !important;
	color:#006332 !important;
	font-family: 'Anton', sans-serif !important;
}

.impressum h2{
	color: #fff !important;
}

h3{
	color:#fff !important;
	text-align:left !important;
	font-size: 160% !important;
}

.impressum h3{
	color: #fff !important;
	font-size: 170% !important;
}

h4{
	color:#fff !important;
	font-size: 130% !important;
	line-height: 130% !important;
	font-weight:300 !important;
	margin-bottom:3px !important;
	text-align: center !important;
}

.impressum h4{
	font-size: 150% !important;
}

li{
	margin-left:15px !important;
}

.container{
	padding:0px 20px 0px 20px;
}

.bg_green{
	background-color: #54af3a;
	padding: 40px !important;
}

#tanne {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    height: 100dvh;
    width: auto;
    z-index: 1;
    pointer-events: none;
}

#tanne img {
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
    max-height: none;
	filter: drop-shadow(10px 0px 8px rgba(0, 0, 0, 0.6));
}

.showcase_xs{
	display: none !important;
}

div#n2-ss-6 .n-uc-19e8f94479ba8-inner > .n2-ss-layer-row-inner > .n2-ss-layer{
	margin: 0px !important;
}

#icon_weg_weihnachtsbaum{
	text-align: center !important;
}

div .n2i.nfa {
	color: #fff !important;
}

#n2-ss-6, #n2-ss-9, #n2-ss-11, #n2-ss-12, #n2-ss-13, #n2-ss-14, #n2-ss-15 , #n2-ss-16, #n2-ss-17, #n2-ss-18, #n2-ss-19, #n2-ss-20 , #n2-ss-22 , #n2-ss-23{
	margin-bottom: 30px !important;
}

.txt_center{
	text-align: center !important;
}

.bg_white{
	background-color: #fff !important;
	color: #000 !important;
	padding-bottom: 40px;
}

.bg_headline{
	background-color: #54af3a !important;
	padding: 10px;
	width: min-content !important;
	text-align: center !important;
	margin: 0 auto !important;
}

.bg_headline_darkgreen{
	background-color: #006332 !important;
	padding: 20px;
	width: max-content !important;
	text-align: left !important;
	margin: 0 auto !important;
}

#logo{
	position: fixed;
	z-index: 2;
	bottom: 0;
	margin-left: 30px;
	margin-bottom: 200px;
}

.header{
	width:100%;
	background-color:#fff !important;
	height:auto;
	float:left;
	margin: 0 auto;
	padding: 20px;
	text-align: center !important;
	position:relative;
	z-index:999;
}

section{
	font-size:120%;
	z-index:1;
	position:relative;
	height: auto;
	width: 100%;
}

section img{
	text-align: center;
	margin: 0 auto;
}

footer{
	font-size:120%;
	color:#000;
	margin: 0 auto;
	text-align:left;
	background-color:#fff;
	width:100%;
	height:auto;
	bottom:0px;
	padding: 30px !important;
	position:relative;
	float:left;
}

footer a:link{
	color:#006332 !important;
}

footer a:hover{
	color:#006332 !important;
	text-decoration:underline !important;
}

footer a:visited{
	color:#006332 !important;
	text-decoration:underline !important;
}

.footer_copy{
	text-align:left;
	color:#fff;
}


#content {
	width:100%;
	margin:0px;
	text-align:center;
}

.scrollToTop{
	width:40px; 
	height:40px;
	position:fixed;
	top:89%;
	right:40px;
	display:none;	
	z-index:999999999999;
	background: url('../images/arrow_up.png') no-repeat 0px 0px;
}

.scrollToTop:hover{
	text-decoration:none;
}

.left{
	padding-right:30px;
}

.right{
	padding-left:30px;
}

.middle{
	padding-left:15px;
	padding-right:15px;
}


@media screen and (max-width: 1820px){

}

@media screen and (max-width: 1736px){

}

@media screen and (max-width: 1350px){	

}

@media screen and (max-width: 1050px){
.showcase_xs{
	display: block !important;
}

.showcase_xs{
	display: none !important;
}

.display_xs{
	display: none !important;
}

.bg_headline_darkgreen{
	width:auto !important;
	text-align: center !important;
	margin: 0 auto !important;
}
}

@media screen and (max-width: 1000px) {
section img{
	text-align: center;
	margin: 0 auto;
}
}

@media screen and (max-width: 999px){

footer{
	font-size:100%;
}

section img{
	text-align: center;
	margin: 0 auto;
}
}

@media screen and (max-width: 991px) {

footer{
	padding:30px 0px 30px 0px !important;
	text-align:center !important;
}

.footer_copy{
	text-align:center !important;
}

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap{
	padding: 0px !important;
}

}

@media screen and (max-width: 767px) {

footer{
	text-align:center !important;
}

.left{
	padding-right:0px !important;
}

.right{
	padding-left:0px !important;
}

.middle{
	padding-left:0px !important;
	padding-right:0px !important;
}

}

@media screen and (max-width: 640px) {

.headline_slider{
	font-size: 90% !important;
}

h1{
	font-size:140% !important;
}
	
h2{
	font-size:110% !important;
}	

	
}


@media screen and (max-width: 595px) {

}

@media screen and (max-width: 450px) {
.headline_slider{
	font-size: 80% !important;
}
}

@media screen and (max-width: 392px) {

}