@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600|Open+Sans:400,600|Exo:600');

	html {box-sizing:border-box; margin:0; padding:0; height:100%;}
	*, *:before, *:after {box-sizing:inherit;}


	body {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#222; margin:0;}

	body.fixed-position {overflow:hidden; height:100vh;}

	h1, h2, h3 {font-family:'Titillium Web', sans-serif; font-weight:600; line-height:1; margin:0;}


	.cf:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	.tb {display:table;}
	.fas ~ span {padding-left:0.3em;}

	a:hover {transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

	a.btn {display:block; background-color:#7ba453; color:#fff !important; font-size:1em; line-height:1em; text-align:center; padding:0.4em 1em 0.4em 0.7em; text-decoration:none; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	a.btn .fas {color:rgba(255,255,255,0.5); padding-right:0.3em;}
	a.btn:hover {background-color:#333; color:#fff;}
	a.btn:hover .fas {color:#9ac372; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}

	body > .working {position:fixed; display:none; width:100%; height:100vh; padding:45vh 0; background-color:rgba(0,0,0,0.7); color:rgba(255,255,255,0.97); color:#fff; font-size:3em; z-index:10000;}
	.working .working_inner {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
	.working .working_inner .fas {font-size:2em;}
	.working.on {display:table !important;}

	header {position:fixed; top:0; width:100%; height:64px; background-color:#333; border-bottom:4px solid #7db452; z-index:1000; z-index:10001;}
	header .header_wrapper {position:relative; width:96vw; max-width:1400px; margin:0 auto;}


	header .logo {display:block; position:absolute; line-height:1em; top:0.22em; font-size:3.2em; font-weight:600; font-family:'Exo', sans-serif;}
	header .logo a span:nth-of-type(2) {color:#8dc156; padding-left:0.05em;}
	header .logo a {text-decoration:none; color:#dedede;}

	.mnav {display:none; height:100%; cursor:pointer;}

	nav {width:100%; height:60px; margin:0 auto; text-align:right;}
	nav ul {margin:0; padding:0; list-style:none; font-weight:600;}
	nav > ul {display:inline;}
	nav > ul > li {display:inline-block; text-align:left; vertical-align:bottom;}
	nav > ul > li a {text-decoration:none; white-space:nowrap;}
	nav > ul > li > a {display:table-cell; vertical-align:bottom; height:60px; padding-bottom:0.55em; font-size:1.6em; color:#aaa;}
	nav > ul > li > a:hover,
	nav > ul > li > a:active,
	nav > ul > li > a.aktiv {color:#89c356;}

	nav .main > li {padding-right:1.2em;}
	nav .sprache {padding-left:1em;}
	nav .sprache .fas {padding:0 0.5em 0 0.2em;}
	nav .sprache .navsub a {padding:0.3em 1em 0.3em 0.6em;}
	nav .sprache .navsub a img {padding-right:0.3em;}
	nav .sprache .navsub li:nth-of-type(2) a {border-bottom:0;}
	nav .sprache .nav_close {display:none;}

	.navsub {position:absolute; display:none; background-color:#7db452; -webkit-box-shadow:0 0.3em 0.4em rgba(0,0,0,0.4); -moz-box-shadow:0 0.3em 0.4em rgba(0,0,0,0.4); box-shadow:0 0.3em 0.4em rgba(0,0,0,0.4);}
	.navsub ul li.neu {position:sticky; top:0; z-index:10001; background-color:#7db452;}
	.navgal ul li.neu .fas {font-size:1em; color:rgba(255,255,255,0.6); padding:0 0 0 0.3em;}
	.navsub ul li a {display:block; color:rgba(255,255,255,0.8); font-size:1.5em; text-align:left;}
	.navsub ul li:not(:last-of-type) a {border-bottom:2px solid rgba(255,255,255,0.2);}
	.navsub ul li a:hover,
	.navsub ul li a:active,
	.navsub ul li a.aktiv {background-color:#333; color:#fff;}
	.navsub .u1 li a {padding:0.3em 3em 0.3em 0.9em;}
	.navsub .u2 li a {padding:0.12em 2em 0.12em 2.1em;}
	.navsub .u3 li a {padding:0.12em 2em 0.12em 3.2em;}
	.navsub .u4 li a {padding:0.12em 2em 0.12em 4.4em;}
	.navsub .u5 li a {padding:0.12em 2em 0.12em 5.6em;}
	.navsub .u6 li a {padding:0.12em 2em 0.12em 6em;}

	.navgal {max-height:calc(100vh - 200px); overflow:auto; overflow-x:hidden;}
	.navgal li div {display:table; width:100%; text-align:center;}
	.navgal .fas {font-size:2em; color:#fff; padding:0.3em;}



	header .suche {position:absolute; top:14px; right:450px; right:480px; margin:0; font-size:1.4em; width:300px;}
	header .suche.off {opacity:0.2;}

	header.on .suche {width:450px; opacity:1;}
	header.on .suche_eingabe .suche_close {display:block;}
	header.on .suche_eingabe_result {display:block; -webkit-box-shadow:0 3px 2px rgba(0,0,0,0.7); -moz-box-shadow:0 3px 2px rgba(0,0,0,0.7); box-shadow:0 3px 2px rgba(0,0,0,0.7);}

	.suche {position:relative; transition: width 300ms;}

	.suche_eingabe {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.suche_eingabe > div  {position:relative;}
	.suche_eingabe input {background-color:#ebebeb; color:#666; font-family:'Open Sans', sans-serif; font-size:0.9em; width:100%; padding:0.2em 0 0.2em 2em; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	.suche_eingabe input:focus {outline:none;}
	.suche_eingabe .fa-search {position:absolute; left:0.4em; top:0.3em; color:#73aa48; font-size:1.1em;}
	.suche_eingabe .suche_close {display:none; position:absolute; right:0.4em; top:0.35em; color:#aaa; font-size:1em;}
	.suche_eingabe .suche_close:hover {color:#73aa48; cursor:pointer; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

	.suche_eingabe_result {position:absolute; left:0; top:32px; width:100%; z-index:10000;}
	.suche_eingabe_result .liste {background-color:#ebebeb; color:#333; padding:0.7em 0 0.5em; text-align:left; border:1px solid #fff; border-top:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition: 0.5s; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0;}
	.suche_eingabe_result .suc {padding:0.2em 0 0.2em 1.8em; cursor:pointer;}
	.suche_eingabe_result .suc:nth-of-type(1n+2) {border-top:1px solid #fff;}
	.suche_eingabe_result .suc:hover {background-color:#000; color:#fff; transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out;}
	.suche_eingabe_result .suc span {color:#ff0000; font-weight:700;}
	.suche_eingabe_result .suc i {font-size:0.8em; opacity:0.5; white-space:nowrap;}




	main {padding-top:64px; min-height:calc(100vh - 64px - 250px);}
	.content {position:relative; padding:0 0 6em; z-index:900;}
	.content_max {position:relative; width:96vw; max-width:1400px; margin:0 auto;}
	.content_max2 {position:relative; width:92vw; max-width:1400px; margin:0 auto;}

	.content .r404 {color:#7db452; font-size:3em; font-weight:700; line-height:1.2em; width:100%; text-align:center; padding:25vh 1em 0;}

	.slider {position:relative; overflow:hidden;}

	.slider ul {margin:0; padding:0;}
	.slider ul li {position:relative; list-style-type:none;}
	.slider img {display:block; width:100%; height:100%;}

	.slider.full {margin-bottom:3em; height:calc(calc(100vw - 16px) / 16 * 6);}
	.slider.full .slider_box {position:absolute; right:5%; bottom:7%; font-size:3em; color:#fff;}
	.slider.full .slider_box h1 {font-size:2em;}
	.slider.full .slider_box h2 {font-family:'Open Sans', sans-serif; font-size:0.7em; opacity:0.7; margin-left:0.2em;}

	.slider.limited .slider_box {position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.3); color:#fff; font-size:1em; width:100%; text-align:right; padding:0.2em 0.6em 0.4em;}
	.slider.limited .slider_box h3 {font-weight:300;}
	.slider.limited .slider_box .fas {font-size:0.8em; color:#7db452; padding-right:0.4em;}
	.slider.limited li.off {opacity:0.5; transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -webkit-transition:all .15s ease-in-out;}
	.slider.limited li.off .slider_box {opacity:0.5;}

	.slider_link {position:absolute; left:5%; bottom:7%; border:2px solid transparent; border-radius:5px; color:#fff; font-size:1.4em; padding:0.4em 0.8em 0.5em 0.7em; cursor:pointer;}
	.slider_link.s.o20 {background-color:rgba(0,0,0,0.2);}
	.slider_link.s.o30 {background-color:rgba(0,0,0,0.3);}
	.slider_link.s.o40 {background-color:rgba(0,0,0,0.4);}
	.slider_link.s.o50 {background-color:rgba(0,0,0,0.5);}
	.slider_link.w.o20 {background-color:rgba(255,255,255,0.2);}
	.slider_link.w.o30 {background-color:rgba(255,255,255,0.3);}
	.slider_link.w.o40 {background-color:rgba(255,255,255,0.4);}
	.slider_link.w.o50 {background-color:rgba(255,255,255,0.5);}

	.slider_link > span {display:table-cell; vertical-align:middle;}
	.slider_link > span:first-of-type .fas {font-size:2em; color:#7db452; padding:0.1em 0.3em 0 0;}
	.slider_link > span:last-of-type div {font-family:'Open Sans', sans-serif; font-size:0.7em; opacity:0.8; padding-left:0.1em;}
	.slider_link.s:hover {background-color:rgba(0,0,0,0.5); border-color:#ddd; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out;}
	.slider_link.w:hover {background-color:rgba(255,255,255,0.4); border-color:#ddd; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out;}

	.slider .slider_nav {position:absolute; top:0; display:table; width:100%; height:100%;}
	.slider .slider_nav a {color:#fff; opacity:0.3;}
	.slider .slider_nav a:hover {opacity:1;}

	.slider.neu .slider_nav span {position:absolute; top:calc(50% - 0.75em); font-size:3.5em;}
	.slider.neu .slider_nav span:nth-of-type(1) {right:0.3em;}
	.slider.neu .slider_nav span:nth-of-type(2) {left:0.3em;}

	.neue_bilder ~ div a {margin-top:2em; padding:0.8em; font-size:1.2em;}
	.neue_bilder ~ div a .fas {font-size:1.2em;}



	.bes {font-size:1.4em;}
	.bes h2 {font-size:1.4em;}
	.bes :not(.box) h2 {color:#699149;}

	.bes .bes1 a,
	.bes .bes2 a {color:#7ba453;}
	.bes .bes1 a:hover,
	.bes .bes2 a:hover {color:#222;}

/*
	.bes .bes1:nth-of-type(1n+2) {margin-top:2em;}
*/

	.bes .bes1 {margin-bottom:1.5em;}
	.bes .bes1 h1 {margin:1em 0 1em;}
	.bes .bes1 h2 {margin:0 0 0.3em;}
	.bes .bes1 ~ div a.btn {margin-bottom:3em; padding:0.8em; font-size:1.2em; background-color:#e0e0e0; color:#777 !important;}
	.bes .bes1 ~ div a.btn .fas {font-size:1.2em; color:#7ba453 !important;}

	.bes .bes_tb {display:table; width:100%;}
	.bes .bes_tb .bes2 {display:table-row;}
	.bes .bes_tb .bes2 > div {display:table-cell;}
	.bes .bes_tb .bes2 > div:nth-of-type(1) {font-weight:700; padding-right:1em;}
	.bes .bes_tb .bes2 > div:nth-of-type(2) {vertical-align:middle;}

	.bes .bes5 ~ .bes1 {margin-top:1.5em !important;}
	.bes .bes5 a {position:relative; display:block; overflow:hidden;}

	.bes .bes6 {margin-bottom:1.5em;}


	.bes .row2 {margin-bottom:2%;}
	.bes .row3 {margin-bottom:2%;}
	.bes .row4 {margin-bottom:1.6%;}
	.bes .row2 .bild {width:49%; margin:0 1%;}
	.bes .row2 .bild:nth-of-type(1) {margin-left:0;}
	.bes .row2 .bild:nth-of-type(2) {margin-right:0;}
	.bes .row3 .bild {width:32%; margin:0;}
	.bes .row3 .bild:nth-of-type(2) {margin:0 2%;}
	.bes .row4 .bild {width:23.8%; margin:0 0.8%;}
	.bes .row4 .bild:nth-of-type(1) {margin-left:0;}
	.bes .row4 .bild:nth-of-type(4) {margin-right:0;}

	.bes .box {display:block; background-color:#ddd; width:100%; padding:0.8em 1em 1.3em;}
	.bes .box h2 {margin-bottom:0.5em;}

	.bes .box.noul a {color:#7ba453; text-decoration:none;}
	.bes .box.noul a:hover {color:#222;}

	.bes .lnks {margin-top:3em;}
	.bes .lnks .lnk {margin-top:0.8em; line-height:1.2em;}
	.bes .lnks.themen .lnk {margin-top:0.4em;}
	.bes .lnks.themen .lnk .fas {font-size:0.8em; padding-right:0.5em; opacity:0.2;}
	.bes .lizenz {margin-top:3em;}
/*
	.bereiche .slider:nth-of-type(1n+2) {margin-top:0.5em;}
*/
	.bereiche .content_max {width:90%;}
	.bereiche .bes1:nth-of-type(1) h2 {font-size:2em;}


	.eingabe .fehlermeldung {display:none; background-color:#c30000; color:#fff; font-size:1.2em; line-height:1em; padding:1em 0.5em; margin-bottom:1em; width:100%; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.eingabe .fehlermeldung .fas,
	.eingabe label.error .fas {color:#ffda2c;}
	.eingabe .feld {position:relative;}
	.eingabe .feld > label {padding-right:0.5em;}

	.eingabe input[type=text],
	.eingabe textarea {display:block; font-family:'Open Sans', sans-serif; font-size:1em; background-color:rgba(255,255,255,0.7); color:rgba(0,0,0,1); border:1px solid rgba(255,255,255,1); width:100%; margin:0.2em 0 1em; padding:0.5em; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	.eingabe input[type=text]:focus,
	.eingabe textarea:focus {background-color:rgba(255,255,255,1); border:1px solid #7ba453; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
	.eingabe input[type=text].error,
	.eingabe textarea.error {border:2px solid #cd0000;}
	.eingabe label.error {display:none; float:right; background-color:#cd0000; color:#fff; font-size:0.9em; font-weight:300; line-height:1em; padding:0.2em 0.7em 0.2em 0.5em; white-space:nowrap; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.eingabe label.error .fas {color:#ffda2c;}
	.eingabe .privacy label.error {text-align:center; width:100%; margin-bottom:0.5em;}

	.eingabe .checkbox label.error {white-space:normal;}
	.eingabe .checkbox a {color:#fff; font-weight:700; padding:0 0.2em 0 0.1em;}
	.eingabe .checkbox a:hover,
	.eingabe .checkbox a:active {color:#000; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
	.eingabe .checkbox > div {display:table;}
	.eingabe .checkbox > div > div {display:table-cell; vertical-align:top; padding-right:0.3em;}
	.eingabe .checkbox input[type=checkbox] {cursor:pointer;}

	.eingabe button {float:right; background-color:rgba(0,0,0,0.5); color:#fff; font-size:1.4em; font-weight:600; margin:1em 0 0 0; padding:0.4em 0.8em 0.4em 0.6em; border:0; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.eingabe button .fas {color:#8fb967; padding-right:0.2em;}
	.eingabe button:hover {background-color:#000; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
	.eingabe button:hover .fas {color:#ffda2c; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}

	.antwort {width:100%; padding:3em 0.5em 4em; text-align:center;}
	.antwort h2 {color:#fff !important; margin-bottom:0.5em;}
	.antwort h2 span {white-space:nowrap;}
	.antwort a {color:#fff;}


	footer {display:block; font-size:1.2em; width:100%;}
	.footer_top {background-color:#444; color:#aaa; width:100%; height:auto; padding:1.8em 0 5em;}
	.footer_top a {color:#ccc; text-decoration:none;}
	.footer_top a:hover {color:#9ed755;}
	.footer_col {display:table-cell; vertical-align:bottom; padding:0 1.5em 0 0.5em; white-space:nowrap;}
	.footer_col:nth-of-type(1) {width:100%;}
	.footer_adr .logo {display:block; font-family: 'Titillium Web', sans-serif; font-size:2em; line-height:1em; font-weight:700; color:#fff; padding-bottom:0.2em;}
	.footer_adr > div:nth-of-type(1n+3) {display:table-cell; padding-right:2em;}
	.footer_adr .fab {font-size:1.2em; padding-right:0.4em;}
	.footer_adr .fas {color:rgba(255,255,255,0.8); padding-right:0.4em;}
	.footer_col:nth-of-type(2) {text-align:center;}

	.footer_social > div:nth-of-type(2) a {display:table-cell; vertical-align:top;}
	.footer_social .fa-instagram {font-size:4em;}
	.footer_social .fa-pinterest {font-size:3.6em; padding:0.06em 0 0 0.09em;}
	.footer_social a {color:#fff;}

	.footer_bottom {display:block; position:relative; background-color:#333; color:#999; width:100%;}
	.footer_bottom a {color:#8cc352; text-decoration:none; padding:0 0.5em 0 0;}
	.footer_bottom a:hover {color:#fff;}
	.footer_bottom .content_max {text-align:center;}
	.footer_bottom .content_max > div  {display:table-cell; padding:0.6em 0.5em 1em; white-space:nowrap;}
	.footer_bottom .content_max > div:nth-of-type(1) {width:100%; text-align:left;}

	.scroll_top {display:none; position:fixed; bottom:2em; right:0; background-color:rgba(0,0,0,0.7); color:#fff; font-size:1.2em; text-align:center; cursor:pointer; font-size:2.2em; padding:0.4em 1em 0.4em 0.8em; border-top-left-radius:4px; border-bottom-left-radius:4px; z-index:10000;}
	.scroll_top:hover {background-color:#7ea455; color:#fff; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}



@media screen and (max-width:1600px) {
	nav .sprache .navsub {position:absolute; right:0;}
}


@media screen and (max-width:1080px) and (orientation:portrait) {

	.slider.full {margin-bottom:2em; height:calc(calc(100vw - 16px) / 3 * 2);}
	.slider.full .slider_box {font-size:2.4em;}

	.slider_link {left:5%; top:7%; bottom:auto; font-size:1em;}
	.slider_link > span:last-of-type div {font-size:0.85em;}

}




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

	header .suche {top:11px; right:100px; width:250px; font-size:1.4em;}
	header.on .suche {width:350px;}
	.suche_eingabe .fa-search {top:0.4em;}
	.suche_eingabe .suche_close {top:0.5em;}

	.mnav {position:absolute; top:0; right:0; display:table;}
	.mnav:hover .hamburger-inner {opacity:1; background-color:#fff; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

	.mnav > div {display:table-cell !important; vertical-align:bottom;}

	.mnav .modus {padding:0 0.4em 0.7em 0;}
	.mnav .modus a {color:#b3b3b3; font-size:2em;}

	.mnav .hamburger {padding:0.9em 0.8em 0.9em 0.3em;}

	nav {position:absolute; top:64px; right:calc(-400px - 2vw); background-color:#333; width:400px; height:calc(100vh - 64px); transition: right 250ms;}
	nav.on {right:-2vw; transition: right 500ms;}

	nav > ul {display:block; position:relative; width:100%; height:auto;}
	nav > ul > li {display:inline-block; width:100%; height:auto; padding:0;}
	nav > ul > li > a {font-size:1.5em; padding:0.2em 0 0.2em 1.2em;}

	nav .main > li {border-bottom:1px solid rgba(255,255,255,0.2); padding-right:0;}
	nav .main > li a {display:block; height:auto;}

	nav .modus {display:none;}


	nav > ul > li.sub.aktiv {background-color:#444;}
	nav > ul > li.sub.aktiv > a {color:#8cc352;}

	.navsub {position:relative; display:none; width:100%; background-color:#444; -webkit-box-shadow:0 0 0 #000; -moz-box-shadow:0 0 0 #000; box-shadow:0 0 0 #000;}

	.navsub ul li.neu {background-color:#444;}
	.navgal ul li.neu .fas {color:#7ba453;}
	.navgal ul li.neu a:hover .fas,
	.navgal ul li.neu .aktiv .fas {color:rgba(255,255,255,0.7);}

	nav li.sub.aktiv .navsub {display:block;}
	.navsub ul li a {font-size:1.3em;}
	.navsub ul li.neu a {border-top:1px solid rgba(255,255,255,0.2);}
	.navsub ul li:not(:last-of-type) a {border-bottom:1px solid rgba(255,255,255,0.2);}

	.navsub ul li a:hover,
	.navsub ul li a:active,
	.navsub ul li a.aktiv {background-color:#7db452; color:#fff;}

	.navsub .u1 li a {padding:0.25em 1em 0.25em 2.2em;}
	.navsub .u2 li a {padding:0.25em 1em 0.25em 3.4em;}
	.navsub .u3 li a {padding:0.25em 1em 0.25em 4.6em;}
	.navsub .u4 li a {padding:0.25em 1em 0.25em 5.8em;}
	.navsub .u5 li a {padding:0.25em 1em 0.25em 7.0em;}
	.navsub .u6 li a {padding:0.25em 1em 0.25em 8.0em;}

	.navgal {max-height:calc(100vh - 350px);}

	nav .sprache > li > a {display:none;}
	nav .sprache .navsub {display:block; background-color:transparent;}
	nav .sprache .navsub ul {display:table; width:100%;}
	nav .sprache .navsub li {display:table-cell;}
	nav .sprache .navsub li:nth-of-type(1) {width:1%; padding:0 2em 0 1.8em;}
	nav .sprache .navsub li:nth-of-type(2) {width:100%;}
	nav .sprache .navsub a {font-size:1.4em; color:#aaa; padding:0; border:0 !important;}

	nav .sprache .navsub a img {padding-right:0.2em;}

	nav .sprache .navsub a:hover,
	nav .sprache .navsub a:active {background-color:transparent; color:#7db452;}

	nav .sprache .nav_close {display:block; background-color:#7db452; color:rgba(255,255,255,0.6); cursor:pointer; border-top-left-radius:2px; border-bottom-left-radius:2px;}
	nav .sprache .nav_close .fas {font-size:1.4em; line-height:1em; padding:0.3em 1.4em 0.4em 0.6em;}

}






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

	.slider.full .slider_box {font-size:2.4em;}
    .slider.limited .slider_box {font-size:0.8em;}

    .willkommen .bes .box h2 {font-size:1.2em; margin-bottom:0.4em;}
	.willkommen .slider:nth-of-type(1n+2) {margin-top:3em;}
	.willkommen .auswahl.box {padding:0.5em 0.7em 1em;}

	.bes .row4 .bild {width:49%; margin:0 1%;}
	.bes .row4 .bild:nth-of-type(1),
	.bes .row4 .bild:nth-of-type(2) {margin-bottom:2%;}

	.bes .row4 .bild:nth-of-type(2) {margin-right:0;}
	.bes .row4 .bild:nth-of-type(3) {margin-left:0;}

	.bes .bes5 {margin-bottom:2%;}

}






@media screen and (min-width:851px) {
	nav > ul > li.sub:hover .navsub {display:block;}
}









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

	header {height:40px; border-bottom:3px solid #7db452;}
	header .logo {top:0.2em; font-size:1.8em;}
	header.on .logo span {font-size:0.68em;}

	header .suche {top:5px; right:60px; width:165px; padding:0 0 0.4em 0; font-size:1em;}
	header.on .suche {width:calc(100vw - 170px);}

	header .suche input {
		/* enlarge by 16/14 = 114.28% */
		border-radius:3.4286px;
		font-size:16px;
		line-height:18.2848px;
		padding:3px 3.4286px 3px 2em;
		width:114.28%;

		/* scale down by 14/16 = 87,5% */
		transform: scale(0.875);
		transform-origin: left top;

		/* remove extra white space */
		margin-bottom: -10px;
		margin-right: -33.333333333%;
	}

	header .suche_eingabe .fa-search {left:0.4em; top:0.35em; font-size:1.2em;}
	header .suche_eingabe .suche_close {right:0.35em; top:0.35em; font-size:1.2em;}
	header .suche .suche_eingabe_result {top:24px;}

	.mnav .modus {padding:0 0 0.35em 0;}
	.mnav .modus a {font-size:1.35em;}


	.mnav .hamburger {padding:0.6em 0.4em 0.6em;}
	.mnav .hamburger-box {width:20px; height:20px;}
	header .hamburger-inner,
	header .hamburger-inner::before,
	header .hamburger-inner::after {height:3px;}
	header .hamburger-inner::before {top:-7px;}
	header .hamburger-inner::after {bottom:-7px;}

	nav {top:40px; height:calc(100vh - 40px); max-width:70vw;}

	nav > ul > li > a {font-size:1.2em; padding:0.2em 0 0.2em 1.2em;}
	.navsub ul li a {font-size:1.1em;}
	.navsub .u1 li a {padding:0.25em 1em 0.25em 2.2em;}
	.navsub .u2 li a {padding:0.25em 1em 0.25em 3.4em;}
	.navsub .u3 li a {padding:0.25em 1em 0.25em 4.6em;}
	.navsub .u4 li a {padding:0.25em 1em 0.25em 5.8em;}
	.navsub .u5 li a {padding:0.25em 1em 0.25em 7.0em;}
	.navsub .u6 li a {padding:0.25em 1em 0.25em 8.6em;}
	.navgal {max-height:calc(100vh - 300px);}

	nav .sprache .navsub a {font-size:1.2em; padding:0;}
	nav .sprache .navsub a span {display:none;}


	nav .sprache .navsub li:nth-of-type(1) {padding:0 1em 0 1.4em;}

	.slider_link {display:none; left:5%; top:7%; bottom:auto; font-size:0.8em;}
	.slider_link > span:last-of-type div {font-size:0.85em;}


	main {padding-top:40px;}

	.content .r404 {font-size:2em;}

	.suche_ausgabe .suche_rahmen {width:100%; height:calc(100vh - 40px); margin:40px auto 0; border:0;}

	.suche_ausgabe .suche_header {padding:0.5em 0.75em 0.5em 0.5em;}
	.suche_ausgabe .suche_header .suche_close {display:none;}
	.suche_ausgabe .suche_header > div {font-size:1.1em;}
	.suche_ausgabe .suche_header > div:nth-of-type(2) > * {padding-top:0; vertical-align:middle;}
	.suche_ausgabe .suche_header > div:nth-of-type(2) > div:nth-of-type(1) {width:100%;}
	.suche_ausgabe .suche_header input[type=text] {width:100%;}
	.suche_ausgabe .suche_header .format label {padding-left:0;}

	.suche_ausgabe .suche_daten .suche_liste {padding:0 0.5em;}
	.suche_ausgabe .suche_daten .bild {display:inline-block; width:32%; margin: 0 2% 1% 0;}
	.suche_ausgabe .suche_daten .bild:nth-of-type(3n+3) {margin-right:0;}
	.suche_ausgabe .suche_daten .bild > div .info {display:none;}

	.slider.full {margin-bottom:1em; height:calc(calc(100vw - 16px) / 3 * 2);}
	.slider.full .slider_box {bottom:10%;}
	.slider.full .slider_box h1 {font-size:0.95em;}
	.slider.full .slider_box h2 {font-size:0.5em;}
	.slider.full .slider_nav span {font-size:2em;}
	.slider.full .slider_nav span:nth-of-type(1) {left:0.25em;}
	.slider.full .slider_nav span:nth-of-type(2) {right:0.25em;}

	.slider.limited .slider_box {background-color:rgba(0,0,0,0.5); font-size:0.5em;}
	.slider.limited .slider_box .fas {font-size:1em;}

	.bes {font-size:1em;}
	.bes h2 {font-size:1.4em;}

	.bereiche .bes1:nth-of-type(1) h2 {font-size:1.6em;}

	.bes .row1 .bild {width:100%;}
	.bes .row4 .bild {width:49%; margin:0.5% 1%;}
	.bes .row4 .bild:nth-of-type(2) {margin-right:0;}
	.bes .row4 .bild:nth-of-type(3) {margin-left:0;}

	.willkommen .bes .box h2 {font-size:1.2em; margin-bottom:0.3em;}
	.willkommen .slider:nth-of-type(1n+2) {margin-top:3em;}
	.willkommen .auswahl.box {padding:0.5em 0.8em 1em;}

	.eingabe button {font-size:1.2em; padding:0.4em 1.2em 0.4em 1em;}

	footer {font-size:1em;}
	.footer_top {padding:1.8em 0 2.5em;}
	.footer_col {padding:0 0.7em;}
	.footer_col:nth-of-type(2) {vertical-align:top; padding-top:2.0em;}
	.footer_adr .logo {font-size:1.8em;}
	.footer_adr > div:nth-of-type(1n+3) {display:block; padding-right:0;}

	.footer_social .social > * {display:inline-block;}

	.footer_bottom .content_max > div  {display:block;}
	.footer_bottom .content_max > div:nth-of-type(1) {display:none; text-align:center; padding:0.6em 0.5em 0;}

	body > .working {font-size:2em;}

	.scroll_top {bottom:3.5em; right:0; background-color:rgba(0,0,0,0.6); color:#fff; font-size:1.2em; padding:1em 1.5em 1em 1.2em;}

}



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

	header .logo {top:0.5em; font-size:1.4em;}
	header.on .logo span {font-size:0.9em;}

	header .suche {top:5px; right:60px; width:140px; padding:0 0 0.4em 0; font-size:1em;}

	.eingabe .fehlermeldung {padding:0.7em 0.5em;}

}