.nav li
	{
 	background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');;

	}

a img
	{
 	border: none;;

	}

body
	{
 	line-height: 145%; font-size: calc(15px + 2 * ((100vw - 375px) / 1265));;
	background-color: #f7f7f7;
	color: #3f3f3f;
	font-family: 'Roboto', sans-serif;;

	}

.wrapper
	{
 	width: 100%; overflow: hidden; ;

	}

sub, sup
	{
 	font-size: 12px;

	}

h1
	{
 	display: block; line-height: 100%;;
	color: #ec7404;
	font-size: 55px;
	font-family: 'Amatic SC';;

	}

h2
	{
 	display: block; margin-bottom: 10px; line-height: 100%;;
	font-size: 45px;
	font-family: 'Amatic SC';;

	}

h3
	{
 	display: block; margin-bottom: 10px; line-height: 100%; font-weight: 600;   ;
	color: #ec7404;
	font-size: 43px;
	font-family: 'Amatic SC',  'Outfit';;

	}

h4
	{
 	display: block; margin-bottom: 10px; line-height: 100%; font-weight: 300; text-transform: uppercase;;
	font-size: 30px;
	font-family:  'Outfit';;

	}

h5
	{
 	display: block; margin-bottom: 10px; line-height: 100%;;
	color: #ec7404;
	font-size: 25px;

	}

h6
	{
 	display: block; margin-bottom: 10px; line-height: 100%;  font-weight: 400;;
	font-size: 25px;

	}

h6 a
	{
 	padding: 10px 20px; width: fit-content; border-radius: 0 0 30px 0; margin: 5px; text-decoration: none; display: inline-block; font-weight: 300;   text-transform: uppercase;;
	background-color: #ec7404;
	color: #ffffff;
	font-size: 20px;

	}

h6 a:hover
	{
 	border-radius: 0; transition: 1s ease;;
	background-color: #b1c91f;
	color: #ffffff;

	}

a
	{
 	text-decoration: underline; font-weight: 600;;
	color: #ec7404;

	}

a:hover
	{
 	text-decoration: none;;
	color: #b1c91f;

	}

.allpics
	{
 
	}

.subline
	{
 	font-size: 11px;

	}

.outer
	{
 	position: relative; width: 100%; z-index: 2500;;
	background-color: #f4f2f0;
	color: #3f3f3f;

	}

.inner
	{
 	position: relative; width: 100%; margin-left: auto; margin-right: auto; padding: 4% 0px 8% 0px;;

	}

.suchbut
	{
 	background-color: #ec7404;
	color: #FFFFFF;

	}

.suchfeld, .newsfeld
	{
 
	}

.submitbutton, .newsbutin, .newsbutout, .loginbutt, .submitbutt
	{
 	padding: 10px; margin-top: 2px; border: none; min-width: 200px;;
	background-color: #ec7404;
	color: #ffffff;
	font-size: 14px;

	}

.submitbutton:hover, .newsbutin:hover, .newsbutout:hover, .loginbutt:hover, .submitbutt:hover
	{
 	background-color: #b1c91f;

	}

.bottom
	{
 	min-height: 100px; position: relative; z-index: 2500; ;
	background-color: #e5ded8;
	color: #000000;

	}

.bottom a
	{
 	color: #ec7404;

	}

.bottom a:hover
	{
 	color: #000000;

	}

.footer-outer
	{
 	width: 910px; padding: 8% 0px;;

	}

.footer-inner
	{
 	min-width: 100px; min-height: 80px; margin-top: 20px; ;

	}

.bottom img
	{
 
	}

.bottom p a img
	{
 	width: 35px;   margin: 2%; filter: invert(47%) sepia(87%) saturate(1478%) hue-rotate(345deg) brightness(90%) contrast(106%);;

	}

.bottom hr
	{
 	border-top: 1px solid #fff; border-right: none; border-left: none; border-bottom: none; ;

	}

.bottom h6
	{
 	font-family: 'Bubbler One';   font-size: 35px;   text-transform: uppercase;   font-weight: 600;;

	}

.bottom p a img:hover
	{
 	filter: unset;;

	}


	{
 
	}

.footer
	{
 	position: relative; margin: 0; ;
	background-color: #ec7404;

	}

a.onit, a.nachoben, a.onit:hover, a.nachoben:hover
	{
 	color: #000;
	font-size: 9px;

	}

.flyout
	{
 	position: relative;

	}

.Logo
	{
 	position: fixed;   top: 0;   min-width: 100%;   height: 80px;   background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);   z-index: 2800;;

	}

.top
	{
 	height: 35vw; position: relative;  ;
	background-color: #e4e4e4;

	}

.CONTENTSLIDE img
	{
 	object-position: center; object-fit: cover; width: 100%; height: 100%; ;

	}

.top a img
	{
 	width: 100%;;

	}

.CONTENTSLIDE
	{
 	height: 35vw; width: 100%; ;

	}

#slideshow
	{
 	position: fixed; width: 100%; ;

	}

.right .nav a
	{
 	text-decoration: none; display: block; line-height: 22px; zoom: 1;;
	color: #5D9130;
	font-size: 14px;

	}

.right .nav li.act > a
	{
 	background-color: #ffffff;
	color: #cdcdcd;

	}

.right .nav li.subact > a
	{
 
	}

.right .nav a:hover
	{
 
	}

.right .nav > ul > li > a
	{
 	padding-left: 10px;;

	}

.right .nav > ul > li.act > a
	{
 
	}

.right .nav > ul > li.act > a
	{
 	font-weight: bold;;

	}

.right .nav > ul > li > a:hover
	{
 
	}

.flyout .nav
	{
 	position: absolute; top: 0; left: 0; z-index: 3000; width: 100%; *height: 100px;;

	}

.flyout .nav a
	{
 	text-decoration: none; display: block; line-height: 30px; padding: 0 10px; zoom: 1; text-transform: uppercase;;
	color: #ffffff;
	font-size: 18px;
	font-family: 'Outfit';;

	}

.flyout .nav li.act > a
	{
 	color: #ffffff;

	}

.flyout .nav li.subact > a
	{
 
	}

.flyout .nav a:hover
	{
 	color: #000000;

	}

.flyout .nav > ul > li > a
	{
 
	}

.flyout .nav > ul > li.act > a
	{
 
	}

.flyout .nav > ul > li > a:hover
	{
 
	}

.fixed-navi ul, .flyout .nav ul, .nav, .fixed-nav, .suche, .fixed-suche, .trennlinie, .fixed-linie, #previewAnchor, #sitePreview
	{
 	transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;;

	}

.center
	{
 	color: #3f3f3f;

	}

.anzeige
	{
 	color: #EC5621;
	font-size: 12px;

	}

.anzeigesubline
	{
 	display: none;;
	color: #8bb600;

	}

.tipp
	{
 
	}

.tipptext
	{
 	margin: 0 10px 10px 10px; width: 180px;

	}

.textcontainerabstand
	{
 	margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #fbf2d9;;

	}

.contentrahmen
	{
 	margin: 20px; ;

	}

p
	{
 	margin-bottom: 10px;;

	}

hr
	{
 	border: none; background-repeat: no-repeat;   background-position: center top;   background-size: contain;height: 115px;   margin: 20px 0;;

	}

.cycle-pager span.cycle-pager-active
	{
 	color: #000000;

	}

.center ul
	{
 	list-style: disc; margin-left: 20px; margin-bottom: 10px;;

	}

.center ol
	{
 	list-style: decimal; margin-left: 20px; margin-bottom: 10px;;

	}

.center table
	{
 	width: 100%; margin-bottom: 10px; ;

	}

.center tr
	{
 	border-bottom: 1px solid #cdcdcd;;

	}

.center tr:hover
	{
 	background-color: #cdcdcd; ;

	}

td
	{
 	padding: 2px;;

	}

.sprachwahl
	{
 	position: absolute; top: 5px; right: 50%; z-index: 3010; margin-right: -455px; height: 20px;;

	}

.sprachwahl a img
	{
 	width: auto; height: 100%;;

	}

.txt41 h3 a
	{
 	font-weight: 400; width: 30%; min-height: 40px; text-decoration: none; padding: 15px 1%; margin: 0 2% 20px 0; transition: 1s ease;   border-radius: 0 0 60px 0;;
	background-color: #ec7404;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Outfit';;

	}

.txt41 h3 a:hover
	{
 	transition: 1s ease;   border-radius: 0;;
	background-color: #b1c91f;
	color: #3f3f3f;

	}

.txt41 h3 a:nth-child(3n)
	{
 	margin-right: 0; ;

	}

.view
	{
 	width: 32% !important; height: 32%;;

	}

.view:nth-child(3n)
	{
 	margin-right: 0px;;

	}

.view h2, .view h1 
	{
 	font-weight: 600; text-align: center; font-size: 21px; margin-top: 50%;;
	color: #ffffff;

	}

.view h3
	{
 	color: #ffffff;

	}

.view p
	{
 	margin-top: 50%; ;

	}

.view:hover p
	{
 	margin-top: 0;;

	}

.view:hover h3, .view:hover h2, .view:hover h1
	{
 	margin-top: 35%;;

	}

.view .mask
	{
 	background-color: rgba(236,116,4, 0); width: 90%; height: 20%; padding: 5%;;

	}

.view:hover .mask
	{
 	opacity: 1; background-color: rgba(235,181,123, 0.9);  height: 90%;;

	}

.large
	{
 	width: 50%;   margin-left: -25%;   top: 32vh; padding: 0; overflow: hidden;;

	}

.small
	{
 	width: 20%;   margin-left: -10%;   top: 2%; padding: 0; overflow: hidden; z-index: 3000;;

	}

.logo-responsive
	{
 	z-index: 2980;;

	}

#banner-fade
	{
 	height: 65vh; margin-bottom: 5vh;;

	}

.caption-over
	{
 	background-color: rgba(200,200,200,0.9); bottom: 0px; right: 33%; width: 31%; height: 180px; padding: 20px; text-align: center;;

	}

.bjqs h1
	{
 	font-weight: 700; display: block; text-align: center; margin-bottom: 20px; padding: 0; ;
	color: #ffffff;
	font-size: 23px;

	}

.bjqs h2
	{
 	font-weight: 700; display: block; text-align: center; margin-bottom: 20px; padding: 0;;
	color: #ffffff;
	font-size: 23px;

	}

.bjqs p
	{
 	font-weight: 400; display: block; text-align: center; line-height: 110%; margin-bottom: 20px; ;
	color: #ffffff;
	font-size: 14px;

	}

.bjqs p a
	{
 	font-weight: 400; display: block; text-align: center; line-height: 110%; margin-bottom: 20px; ;
	color: #ffffff;
	font-size: 14px;

	}

.bjqs p a:hover
	{
 	color: #004595;

	}

#banner-fade video
	{
 	width: 100vw; height: 100%; object-fit: cover; ;

	}


	{
 
	}

.layout8884 dt
	{
 	border-top: 1px solid #cdcdcd; 	padding: 5px 0; ;

	}

.layout8884 dd
	{
 	display: none;;

	}

a.closed
	{
 	padding: 5px 10px; display: inline-block; text-decoration: none; cursor: pointer; margin-right: 10px;;
	background-color: #ec7404;
	color: #ffffff;

	}

a.closed:hover
	{
 	background-color: #aaaaaa;

	}

a.open
	{
 	padding: 5px 10px; display: inline-block; text-decoration: none;  cursor: pointer;  margin-right: 10px;;
	background-color: #97be0d;

	}

.contenteventssort div
	{
 	margin-top: 10px;;

	}

.contenteventssort input
	{
 	padding: 4px; margin-top: -5px;;
	font-size: 14px;
	font-family: 'Tahoma', sans-serif;;

	}

.contenteventssort .button
	{
 	padding: 7px; height: auto !important; border: none; cursor: pointer; margin-top: -14px; margin-left: 5px; width: 140px !important;;
	background-color: #ec7404;
	color: #ffffff;

	}

.contenteventssort .button:hover
	{
 	background-color: #aaaaaa;

	}

.contenteventssort div.contenteventssort form div
	{
 	margin-top:10px;;

	}

.layout8884 .rechts
	{
 	margin-top: 10px; ;

	}

.video-container
	{
 	    position: relative;     padding-bottom: 56.25%;     padding-top: 30px;     height: 0;     overflow: hidden;;

	}

.video-container iframe, .video-container object, .video-container embed, .video-container video
	{
 	position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;;

	}

.breadcrumbs
	{
 	margin-bottom: 4%; font-weight: 200; margin-left: 4%;;
	font-size: 14px;
	font-family: 'Outfit';;

	}

.layout6
	{
 	padding: 10% 50% !important; margin-top: 5%;   margin-bottom: 10%;;
	background-color: #97be0d;

	}

.layout6
	{
 	background-image: url(/upmedia/greenanimalbackground.png);  background-position: center;   background-size: contain;   background-repeat: no-repeat;;

	}

.layout6 a
	{
 	color: #5f5f5f;;

	}

.layout6 a:hover
	{
 	color: #ffffff;

	}

.accordeon label.accordeonheadline h1
	{
 	text-transform: uppercase;;
	font-size: 22px;
	font-family: 'Outfit';

	}

.accordeon
	{
 	background-color: #fbfbfb;;

	}

.accordeon .panel
	{
 	   padding-left: 2%;;

	}