@charset "utf-8";
/* moved by compressor */
@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:400,700');
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 1px solid #009036;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }



.img{
	/*
	float:left;
	margin-left:0px;
	display:block !important;
	*/
	transition: all 0.4s ease-out;
}

img{
	
	
	transition: all 0.4s ease-out;
	
	display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
	
}
.ce-gallery.firstfull > *:first-child{
	grid-column: 1 / -1; /* span full width */
	
}
.parallax-slider img{
	
	transition: none;
}
.frame-type-textmedia{
	clear:both;
}
figure{
	margin:0;
}

.text-center{
	text-align:center;
}


.ce-gallery {
    max-width: 100%;
	
    width: 100%;
	
	
}

.ce-intext .ce-gallery{
	max-width:30%;
	width:auto;
} 
.resp{
	display:none;
}

.ce-gallery figure{
	display:block;
	
}

.csc-textpic-right .img{
	float:right;
}
.nomargin{
	margin-left:0px !important;
	margin-right:0px !important;
}
.removepadding .ce-column.img{
	margin-bottom:0px !important;
}
.masonry .img{
	float:none !important;
	-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
	
}
.ce-gallery.masonry{
	
	
}
.ce-left .fa,.ce-left .fas {
   margin-left: 1px;
}
div[class*=" frame-space-before-"]:before{
	display: block;
    content: "";
    clear: both;
	
}
.gridwrap .fullwidth{
	
	float:left;
	width:100%;
}

ul.ce-uploads{
	padding: 0px !important;
	
}
.ce-uploads li{
	
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	
}
.ce-uploads li::before {
    content: "" !important;
    
}

.ce-uploads :first-child {
   margin-top: 0px;
    
}

.ce-uploads :last-child {
    margin-bottom: 0px;
    
}

.ce-textpic.ce-right img{
	
	float:right;
}

.ce-left.ce-intext .ce-gallery {
	display:inline-block;
	float:left;
}
 
.ce-right.ce-intext .ce-gallery {
	display:inline-block;
	float:right;
}

.ce-center img{
	margin-left: auto;
	margin-right: auto;
}

.ce-below .ce-gallery , .ce-above .ce-gallery{
	clear: both;
}

section.frame-type-div{

	
	z-index: 1 !important;
}
a#menu-icon{
	font-size: 200%;
	position: absolute;
	display: none;
	color:  var(--MenuColor);
	background-color:  var(--MenuBG);
	width: 32px;
	height:32px;
	left: 5px;
	top:5px;
}

a#menu-icon i{
	
	
	position: absolute;
	height: 100%;
	width: 100%;
	left:1px;
}


.mm-listview > li > a, .mm-listview > li > span {
   color: var(--MenuBG);
}
.ce-bodytext{
	width: 100%;
}
.ce-nowrap .ce-bodytext{
	width: auto;
}
.istextwithicon{
	position: relative;
}
.istextwithicon .ce-bodytext{
	white-space: nowrap;
	
	width: auto !important;
	overflow: hidden;
}
.istextwithicon .ce-gallery{
	
	max-width:none;
	width: auto;
	margin-bottom: 0px !important;
}
.istextwithicon .ce-bodytext a , 
.istextwithicon .ce-bodytext p , 
.istextwithicon .ce-bodytext ul , 
.istextwithicon .ce-bodytext ol , 
.istextwithicon .ce-bodytext h1 ,
.istextwithicon .ce-bodytext h2 ,
.istextwithicon .ce-bodytext h3 ,
.istextwithicon .ce-bodytext h4 ,
.istextwithicon .ce-bodytext h5 ,
.istextwithicon .ce-bodytext h6 
{
	margin: 0px !important;
	display: inline;
	
}

footer{
    
    z-index: -1;
}

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

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

@media screen and (max-width: 768px) {
	
	
	
	
	
	
}
@media screen and (max-width: 480px) {
	
	
}






.gridfifty{
	
	/*
	
	width:50%;
	
	float:left;
	*/
	
	
}

.TwoColContainer{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
	
}
.SeventyFiveTwentyFiveContainer{
	display: grid;
    
	grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    gap: 20px;
	
	
}
.TwentyFiveSeventyFiveContainer{
	display: grid;
    
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    gap: 20px;
	
}
.SixtySixThirtyThreeContainer{
	
	display: grid;
    
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 20px;
}
.ThirtyThreeSixtySixContainer{
	
	display: grid;
    
	
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	
    gap: 20px;
}

.OneColContainer {
    display: grid
;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

.ThreeColContainer{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
	
}
.tabs .gridwrap{
	width:100%;
	margin-left:0px;
	
}

.gridtwentyfive{
    /*
	width:25%;
	
	float:left;
    */
	
}

.gridtwentyfivef{
    /*
	width:25%;
	
	float:left;
	*/
	
}
.gridseventyfive{
	/*
	width:75%;
	
	float:left;
	*/
	
}
.fullwidth{
	width:100% !important;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}


.one_quarter{
	/*
	width:25%;
    */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    
}




.gridtwentyfive{
	/*
	width:25%;
    
    flex: 0 0 calc(100%/4);
  box-sizing: border-box;
    */
    
}

.gridwrap h1, .gridwrap h2, .gridwrap h3, .gridwrap h4, .gridwrap h5, .gridwrap h6, .gridwrap p {
	
	padding-right: 0% ;
	padding-left: 0% ;
	 
}
.gridwrap .innercontent{
	max-width:100%;
}
.gridwrap{
	float:left;
	
}
section.gridwrap {
	float:none;
}

.gridfifty , .gridsixtysix , .gridthirtythree , .gridtwentyfive , .gridonehundred , .gridseventyfive{
	
	display: contents;
}

.gridthirtythree{
	
	/*
	width:33.33333333%;
	float:left;
	*/
}

.gridsixtysix{
	/*
	width:66.66666666%;
	float:left;
	*/
}

.gridtwentyfive.last , .gridfifty.last , .gridsixtysix.last , .gridthirtythree.last , .gridseventyfive.last{
	
	margin-right:0%;
	
}
.clrflt{
	height:0px;
	clear:both;
}
@media screen and (max-width: 960px) {
	
	
	
}

@media screen and (max-width: 800px) {
	
	.one_quarter .gridtwentyfive{
		/*
		width:50%;
		*/
	}
	.one_quarter .gridtwentyfive.f{
		margin-right:0%;
	}
	.one_quarter .gridtwentyfive.last{
		margin-right:0%;
	}
	
}

@media screen and (max-width: 768px) {
	
	
	
	.gridfifty , .gridtwentyfive, .gridseventyfive, .gridthirtythree , .gridsixtysix{
		width:100% !important;
		margin-left:0% !important;
		margin-right:0px;
		
	}
		
	.gridwrap{
		
		
	}
	
}
@media screen and (max-width: 480px) {
	
	
}




.thumb-creative, .thumb-creative__inner {
    display: flex;
    width: 100%;
}
.thumb-creative__inner {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.thumb-creative__front {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: rotateY(0deg);
    z-index: 1;
}
.thumb-creative__content .flipper p , .thumb-creative__content .flipper h2 , .thumb-creative__content .flipper h3 ,.thumb-creative__content .flipper h4 ,.thumb-creative__content .flipper h5 ,.thumb-creative__content .flipper h6 , .thumb-creative__content .flipper ol , .thumb-creative__content .flipper ul , .thumb-creative__content .flipper li{
	margin-bottom:1rem !important;
	padding-bottom:0px;
}
.thumb-creative__back {
    transform: rotateY(180deg);
    opacity: 1;
}
.thumb-creative__image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
}
.thumb-creative__front .thumb-creative__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
	
    z-index: 2;
	
}
.thumb-creative__back .thumb-creative__content {
    
    width: 100%;
    
    
	
}
.thumb-creative__content{
	height: 0px;
}
.thumb-creative__content::before {
    content: '';
}
.thumb-creative__back {
    transform: rotateY(180deg);
    opacity: 1;
}
.thumb-creative__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    
    width: auto;
}
.thumb-creative__back {
    position: relative;
    overflow: hidden;
}
.thumb-creative__front, .thumb-creative__back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    
}

.thumb-creative__title{
	padding-top:0px;
	padding-bottom:1rem;
}

.thumb-creative__front, .thumb-creative__back {
    overflow: visible;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.thumb-creative figure {
    display: block;
}

.thumb-creative__back .thumb-creative__image {
    opacity: 0.2;
}




.thumb-creative:hover .thumb-creative__front {
    transform: rotateY(-180deg);
}
.creative .ce-gallery{
	background-color:#fff;
	padding-top:4px;
}
.thumb-creative:hover .thumb-creative__back {
    transform: rotateY(0deg);
}
.thumb-creative__content h3 , .thumb-creative__content p{
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.thumb-creative__back p{
	font-size:80%;
}

.thumb-creative__back h3 , .thumb-creative__back p{
	margin-top: 0px !important;
	padding-right: 0px !important;
    padding-left: 0px !important;
	margin-bottom:0px !important;
}








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






:root {
	--spacing : 20px;
	--border-width: 1px;
	
}
.frame-type-form_formframework form{
	float:left;
	width: 100%;
	
}
.frame-type-form_formframework form .gridouter{
	float:left;
	margin-left: calc(0px - (var(--spacing) / 2));
	margin-right: calc(0px - (var(--spacing) / 2));
	width: calc(100% + var(--spacing));
}
.frame-type-form_formframework form .child{
	float:left;
	
	
}
.frame-type-form_formframework form .innerchild{
	float:left;
	margin-left: calc(var(--spacing) / 2);
	margin-right: calc(var(--spacing) / 2);
	width: calc(100% - var(--spacing));
	
}
.frame-type-form_formframework .child.col-sm-1{
	
	width:100%;
}
.frame-type-form_formframework .child.col-sm-2{
	
	width: 50%;
}
.frame-type-form_formframework .child.col-sm-3{
	
	width:33.33%;
}
.frame-type-form_formframework .child.col-sm-4{
	
	width:25%;
}
.frame-type-form_formframework .child.col-sm-5{
	
	width:20%;
}
.frame-type-form_formframework .child.col-sm-6{
	
	width:16.66%;
}
.frame-type-form_formframework .h-captcha{
	margin-top: 1rem;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0rem;
	float: left;
	clear: both;
}

.frame-type-form_formframework [type="color"], .frame-type-form_formframework [type="date"], .frame-type-form_formframework [type="datetime-local"], .frame-type-form_formframework [type="datetime"], .frame-type-form_formframework [type="email"], .frame-type-form_formframework [type="month"], .frame-type-form_formframework [type="number"], .frame-type-form_formframework [type="password"], .frame-type-form_formframework [type="search"], .frame-type-form_formframework [type="tel"], .frame-type-form_formframework [type="text"], .frame-type-form_formframework [type="time"], .frame-type-form_formframework [type="url"], .frame-type-form_formframework [type="week"], .frame-type-form_formframework textarea {
    
   
	
}


@media screen and (min-width: 768px) {
	
	
	.frame-type-form_formframework .child.col-md-1{
	
		width:100%;
	}
	.frame-type-form_formframework .child.col-md-2{
	
		width: 50%;
	}
	.frame-type-form_formframework .child.col-md-3{

		width:33.33%;
	}
	.frame-type-form_formframework .child.col-md-4{

		width:25%;
	}
	.frame-type-form_formframework .child.col-md-5{

		width:20%;
	}
	.frame-type-form_formframework .child.col-md-6{

		width:16.66%;
	}
}






/* CSS Document */


body {
	font-family: 'Lora', serif;
	line-height: 1.5;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #666666;
	border-top-width: 6px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ffcc00;
	font-weight: 400;
	
	
}
a.hasmedia {
	display: flex !important;
	align-items: center !important;
	gap: 8px;
	width: max-content;
}

a.hasmedia .media {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	flex: 0 0 auto;
}

a.hasmedia span {
	display: inline-block;
	flex: 1 1 auto;
  min-width: 0;
}

a.hasmedia img {
	display: block;
	width: 24px;
	height: auto;
	
	 position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	-webkit-transform: none !important;
     transition: all 0.50s ease-in-out;
	
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p  {
	margin-top: 0;	 
	padding-right: 0px;
	padding-left: 0px; 
	margin-bottom:15px;
}
.gridwrap{
	
	float:left !important;
	width: 100%;;
}
strong{
	font-weight:700;
}
.parallax-mirror{
	
	z-index: 1 !important;
}
a img { 
	border: none;
}
img{
	max-width:100%;
}
a:link {
	color: #358e2e;
	text-decoration: none; 
}
section{
	float:left;
	width:100%;
}
a:visited {
	color: #358e2e;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.mm-menu {
    background: #009036 !important;
}
.mm-listview i{
	padding-right: 10px;
}
.mm-listview a {
    color: #fff !important;
}
.mm-listview a:hover , .mm-listview a.selected , .respsub1.mm-listview li.selected a.sub.selected {
    text-decoration: none;
    color: #ffcc00 !important;
}

.clrflt{
	height:1px;
	clear:both;
}
.topwrap{
	width:100%;
	
	position:relative;
	z-index:2;
	
}
.animation li{
	list-style-type: none;	
}
.ac_results ul , .ac_results iframe{
	border:none !important;
}
.container , .topiwrap {
	width: 1540px;
	background-color: #FFFFFF; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
}
.contwrap{
	background-image: url(/fileadmin/template/img/back2.jpg);
	background-repeat: repeat;
	background-position: left top;
	width:100%;
}


.headwrap{
	width:100%;
	background-image: url(/fileadmin/template/img/back1.png);
	background-repeat: repeat;
	background-position: left top;
	position:relative;
	z-index:1;
	
}
.head{
	width: 1540px;
	background-color: #FFFFFF; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
}
.gruen{
	color:#009036;
}
.ce-left .ce-gallery .ce-column{
	margin-right:0px;
}
.open {
	font-family: 'Open Sans', sans-serif;
}
header {
	padding-top: 20px;
	font-size: 130%;
	font-family: 'Open Sans', sans-serif;
	border-top-width: 6px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #78b11f;
	margin-top:-6px;
	position:relative;
	padding-bottom: 20px;
	
}
.rose div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 5px;
}
.logo{
	
	text-align:center;
}
.address{
	
	line-height:1.55;
	
	
}
.address p{
	margin-bottom:0px;
}
.socialsuche{
	float:right;
	width:22%;
	margin-right:2%
}
.social {
	float:right;
	margin-bottom:20px;
	margin-top:20px;
	
}
.social a{
	margin-left:30px;
}
.suche{
	float:right;
	clear:both;
	position:relative;
	z-index:1;
	width:100%;
}
.suche input[type=text]{
	background:#efeeef;
	padding-bottom:8px;
	padding-top:10px;
	padding-left:4%;
	padding-right:10%;
	border:none;
	width:86%;
}


.such{
	position:absolute;
	right:10px;
	z-index:2;
	top:50%;
	    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	background: url('../../../fileadmin/css/img/icons/lupe.jpg') no-repeat scroll 0 0 transparent;
	border:none;
	width:17px;
	height:17px;
	cursor: pointer;
}

.scrollToTop {
    width: 60px;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/fileadmin/template/img/up.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    left: 50%;
    display: none;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.suchen{
	display:none;
}
.content {
	padding: 10px 0;
	
	float: left;
	
		
}
.content p , li {
	font-size:120%;
}
hgroup{
	margin-bottom:35px;
	margin-top:25px;
}
hgroup h2,hgroup h1 , hgroup h3 ,hgroup h4 ,hgroup h5 ,hgroup h6{
	margin-bottom:0px;
}
hgroup h1{
	
	font-size:200%;
	font-weight:400;
}
.content h2{
	font-size:200%;
	font-family: 'Open Sans', sans-serif;
	
	font-weight:400;
}
hgroup h2{
	font-size:170% !important;
	
}
.content h3{
	font-size:190%;
	font-family: 'Open Sans', sans-serif;
	
	font-weight:400;
}
.content h4{
	font-size:180%;
	font-family: 'Open Sans', sans-serif;
	
	font-weight:400;
}
.content h5{
	font-size:170%;
	font-family: 'Open Sans', sans-serif;
	
	font-weight:400;
}
.content h6{
	font-size:160%;
	font-family: 'Open Sans', sans-serif;
	
	font-weight:400;
}
.green{
	color:#009036;
}
.flies{
	color: #666666;
}
.content ul, .content ol {
	padding: 0 15px 15px 40px;
}

nav.topnav{
	width:100%;
	position:absolute;
	z-index:0;
}
ul.nav {
	list-style: none; 
	 
	margin-bottom: 0px;
	
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(51,51,51,0.9) 0%, rgba(51,51,51,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,0.9) 0%,rgba(51,51,51,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,0.9) 0%,rgba(51,51,51,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6333333', endColorstr='#e6333333',GradientType=0 ); /* IE6-8 */
	float:left;
	width:100%;
}
ul.nav li.main , ul.nav li.sub {
	 
	float:left;
	display:inline;
	position:relative;
	padding-left: 0px;
	padding-right:0px;
	font-size:100% !important;
}
ul.nav li.last {
	 
	margin-right:0%;
}
ul.nav img{
	top:50%;
	    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	left:4%;
	position:absolute;
	transition: all 0.50s ease-in-out;
}
ul.nav i{
	
	margin-right:10px;
}
ul.nav i:before{
	
	color: #fff;
}
ul.nav a.main, ul.nav a.main:visited , ul.nav > li.main > a{
	display: block;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
	font-size: 115%;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;	
	transition: all 0.25s ease-in-out;
}
ul.nav a.main:hover, ul.nav a.main:active, ul.nav a.main:focus , ul.nav li.selected a.main , ul.nav li.selected > a { 
	
	color: #ffcc00;
}
ul.subnav1{
	position:absolute;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(51,51,51,0.9) 0%, rgba(51,51,51,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.9) 0%,rgba(51,51,51,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51,51,51,0.9) 0%,rgba(51,51,51,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6333333', endColorstr='#e6333333',GradientType=0 ); /* IE6-8 */
	left:0px;
	visibility: hidden;
	 opacity: 0;
  	transition: visibility 0s, opacity 0.3s linear;
  	height:1px;
}
.last ul.subnav1{
	left:auto;
	right:0px;
}
li.main:hover ul.subnav1, li.main:active ul.subnav1 ,li.main:focus ul.subnav1{
	visibility: visible;
  opacity: 1;
  height:auto;
}
li.sub{
	width:97.5%;
	margin-right:0px;
}

.subnav1> li{
	
	font-size:100%;
}
ul.nav li ul li{
	list-style: none;
}
.content .divider {
    border: none;
    height: 41px;
    padding: 0px;
    padding-top: 24px;
    margin-right: 0px;
    margin-bottom: 24px;
    margin-left: 0px;
    display: block;
   
    width: 100%;
    float: left;
	position:relative;
	z-index:0;
}
.content .dividerbelow{
	
	width:100%;
	height:30px;
	position:absolute;
	bottom:-24px;
	    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	 background-image: url(/fileadmin/template/img/icons/hrule.jpg);
    background-repeat: no-repeat;
    background-position: center center;
	z-index:1;
}
hr {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #666666;
    margin-bottom: -10px;
    position: relative;
    z-index: -1;
}
ul.nav a.sub, ul.nav a.sub:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
	font-size: 110%;
	padding-top: 9px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 20px;	
}
ul.nav li.sub img{
	
	left:8px;
	
}
ul.nav a.sub:hover, ul.nav a.sub:active, ul.nav a.sub:focus , ul.nav li.sub.selected a.sub , a.sub.selected{ 
	
	color: #333333;
}
li.sub.selected , li.sub:hover , li.sub:active ,li.sub:focus , .subnav1 > li:hover , .subnav1 li.selected {
	background:#78b11f;
}
footer {
	position: relative;
	clear: both;
	background-image: url(/fileadmin/template/img/dirt_and_grass.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 159px;
	z-index: 1;
	
}
.madeby{
	position:absolute;
	bottom:8px;
	right:2%;
	font-size:90%;
}
.madeby p{
	margin-bottom:0px;
}
.white{
	color:#fff !important;
}

.center{
	text-align:center;
}
header, section, footer, aside, article, figure {
	display: block;
}
* {
  box-sizing: border-box; /* ensures padding & border are inside the width */
}
header{
	
	display: flex;
  	gap: 20px; 
}
.col {
  
  padding: 10px;

  /* Make each column a flex container for vertical centering */
  display: flex;
  align-items: center;       /* vertical centering */
  /*justify-content: center;    optional: horizontal centering */
}

.logo {
  flex: 0 0 calc(20% - (20px * 2 / 3));
  text-align:center;
}
.address {
  flex: 0 0 calc(30% - (20px * 2 / 3));
}
.message {
  flex: 0 0 calc(50% - (20px * 2 / 3));
}

.address{
	
	
	line-height:1.55;
	
	
	
	
}
.address p{
	margin-bottom:0px;
}


.rose , .rose .images{
	//width:100%;
	//float:left;
}

.message{
	
	
	
	font-family: 'Lora', serif;
	
	font-weight:400;
	
}
.message h3{
	font-size:150%;
	font-weight:400;
	margin-bottom:0px;
}
.rose .firstfull{
	gap:10px !important;
}
.rose figure{
	//margin-top:0px;
}

.rose .img:nth-child(1){
	width:100%;
	margin-right:0% !important;
}
.rose .img:nth-child(n+2){
	//clear:none !important;
	//width:32%;
	//margin-right:2% !important;
}
.rose .img:nth-child(3n+4){
	
	/margin-right:0% !important;
	
}
.rose .img:nth-child(3n+5){
	
	
	//clear:left !important;
}
.rose p.green {
	font-size:105%;
	margin-bottom:0px;
}

.frame-layout-1 p{
	font-size:105%;
	margin-bottom:0px;
}

.rose .description{
	margin-top:15px;
	float:left;
	width:100%;
}
.shadow{
	-webkit-box-shadow: 0 0 20px 0 #666666;
	box-shadow: 0 0 20px 0 #666666;
	width:99% !important;
	padding-left:0.5%;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0.5%;
	margin-bottom:25px;
	float:left;
}
.mshadow{
	-webkit-box-shadow: 0 5px 10px 0 #999999;
	box-shadow: 0 5px 10px 0 #999999;
	
}
.animation figure{
	margin:0px !important;
}
@media screen and (max-width: 1540px) {
	.container ,.head , .topiwrap {
		width: 100%;
		
	}
	
	.logo{
		
		text-align:left;
	}
	header{
		
		margin-left:20px;
		margin-right:20px;
	}
}
@media screen and (max-width: 1302px) {
	ul.nav a.main, ul.nav a.main:visited {
    
		font-size: 110%;
	   
	}
	ul.nav a.sub, ul.nav a.sub:visited {
		
		font-size: 105%;
		
	}
	ul.nav li.main, ul.nav li.sub {
		
		margin-right: 1%;
		
	}
	ul.nav img {
		
		left: 2%;
		max-width:20px;
	}
	.message{
		
		
	}
	
	
}
@media screen and (max-width: 1174px) {
	ul.nav a.main, ul.nav a.main:visited {
    
		font-size: 100%;
	   	padding-left:3%;
	}
	ul.nav a.sub, ul.nav a.sub:visited {
		
		font-size: 100%;
		
	}
	header {
		
		font-size: 120%;
		
	}
	
}

@media screen and (max-width: 1040px) {
	
	ul.nav a.main, ul.nav a.main:visited {
    
		font-size: 90%;
	   
	}
	ul.nav a.sub, ul.nav a.sub:visited {
		
		font-size: 90%;
		
	}
	
	ul.nav li.main, ul.nav li.sub {
		
		padding-left: 1.5%;
		
	}
	header {
		
		font-size: 110%;
		
	}
}

@media screen and (max-width: 960px) {
	
	ul.nav a.main, ul.nav a.main:visited {
    
		font-size: 85%;
	   
	}
	ul.nav a.sub, ul.nav a.sub:visited {
		
		font-size: 85%;
		
	}
	ul.nav img {
		
		left: 1%;
		max-width:10px;
	}
	.logo {
		width: 30%;
		margin-left:2%;
		text-align:left;
		
	}
	.address {
		
		
		
		
	}
	.message{
		
		
		
		
	}
	.socialsuche {
		
		width: 96%;
		margin-left: 2%;
		clear:left;
		float:left;
	}
	header {
		
		font-size: 100%;
		
	}
	.rose{
		
	}
}

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

	ul.nav img {
		
		display:none;
	}
	ul.nav li.main, ul.nav li.sub {
		padding-left: 0%;
	}
	header {
		
		font-size: 90%;
		
	}
	.logo {
		width: 40%;
		
		
		
	}



	
	header {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0;
	}

	.col {
	 
	  padding: 10px;
	  display: flex;
	  align-items: center;
	  justify-content: center; 
	}

	.col.logo,
	.address,
	.message {
	  flex: 0 0 100%;
		margin-left: 0px !important;
	}
	
	
	hgroup h1 {
		font-size: 170%;
		font-weight: 400;
	}
	nav.navi{
		display:none;
	}
	.logo , .address , .message , .social{
		width:100%;
		text-align:center;
		margin-left:0px;
	}
	.message{
		
	}
	.social a{
		margin-left:15px;
		margin-right:15px;
	}
	.rose{
		border: 2px solid #358e2e;
		margin-bottom:15px;
		width:99%;
	}
	.gridwrap.shadow{
		padding-top:0px;
		padding-bottom:0px;
	}
	.suche{
		margin-bottom:0px;
	}
	.content {
		
		
	}
	.shadow {
		-webkit-box-shadow: 0 0 0px 0 #666666;
		box-shadow: 0 0 0px 0 #666666;
		width: 100% !important;
		padding-left: 0%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 0%;
	}
	#quickindexedsearch{
		margin-bottom:10px;
		float:left;
		width:100%;
	}
}
@media screen and (max-width: 480px) {
	
	
	
}