html { height: 100%; }  
body { height: 100%; margin: 0; padding: 0; font: 100.1% arial,helvetica,clean,sans-serif; font-size: 14px; color: #333 !important; background-color: #d9f0af !important; position: relative; }

a { color: #333; text-decoration: none !important; }
a:hover { color: #005e1c; }

h1 { font-size: 150% !important; margin: 0 0 20px 0 !important; text-transform: uppercase; color: #005e1c !important; padding: 0; margin: 0; }
h2 { font-size: 130% !important; margin: 0 0 20px 0 !important; color: #333 !important; padding: 0; margin: 0; text-transform: uppercase; }
h3 { font-size: 125% !important; color: #333; padding: 0; margin: 0; }
h4 { font-size: 110% !important; padding: 0; margin: 0; }
h5 { font-size: 100% !important; padding: 0; margin: 0; }
h6 { font-size: 90% !important; padding: 0; margin: 0; }

section.container-fluid.content h3 { padding: 0 0 15px 0; }
section.container-fluid.content .liste h3 { padding: 0; }
hr { clear: left; border-color: #de8716; }
p { padding: 0 0 15px 0; }
section.container-fluid { position: relative; }
section.container-fluid > .container { position: relative; }
h2 > a { float: right; color: #333; font-size: 80%; }
h2 > span { padding-left: 15px; color: #333; font-size: 80%; }

img.logo { position: relative; margin-top: -35px; }
img.logo-lkspn { position: absolute; margin-top: 0px; right: 25px; }

/* Suche */
form.suche { position: absolute; right: 104px; top: 30px; width: 300px; }
form.suche input { border-color: #398439; }

/* Topmenu */
section.container-fluid.topmenu { background-color: #f9fff0; padding: 15px 0 15px 0; /*border-bottom: 1px solid #005e1c;*/ z-index: 1; }
section.container-fluid.topmenu nav { float: right; }
section.container-fluid.topmenu nav > ul { float: right; padding: 0 !important; margin: 0 !important; }
section.container-fluid.topmenu nav > ul > li { float: left; list-style-type: none; margin-left: 15px; }
section.container-fluid.topmenu nav > ul > li > a { font-size: 90%; color: #005e1c; }

/* Header */
section.container-fluid.image { padding: 0; border-bottom: 1px solid #fff; }
section.container-fluid.image > img { width: 100%; }
section.container-fluid.image > .abgesagt { position: absolute; color: #ff0000; z-index: 1000; top: 30%; left: 25%; font-size: 600%; transform: rotate(-20deg); text-shadow: #fff 2px 2px 4px}

/* Hauptmenu */
section.container-fluid.menu { border: 1px solid #fff; border-width: 0 0 1px 0; }
section.container-fluid.menu nav#menu > ul { padding: 0 !important; margin: 0 !important; }
section.container-fluid.menu nav#menu > ul > li { float: left; list-style-type: none; margin-right: 10px; position: relative; }
section.container-fluid.menu nav#menu > ul > li > a { position: relative; top: 1px; display: block; font-size: 110%; font-weight: 600; color: #005e1c; padding: 15px 0 10px 0; border-bottom: 1px solid #ffe9cf; margin-bottom: 10px; }
section.container-fluid.menu nav#menu > ul > li > a:hover, section.container-fluid.menu nav > ul > li > a.activ { color: #005e1c !important; border-color: #005e1c !important; }

section.container-fluid.menu nav#menu > ul ul { display: none; }
section.container-fluid.menu nav#menu > ul > li:hover ul { display: block; position: absolute; z-index: 200; margin: 0 !important; padding: 13px 0 0 0; width: 250px; }
section.container-fluid.menu nav#menu > ul > li ul > li { list-style-type: none; position: relative; background-color: #f9fff0; border: 1px solid #de8716; border-width: 0 1px 1px 1px; }
//section.container-fluid.menu nav#menu > ul > li ul > li.activ, section.container-fluid.menu nav > ul > li ul > li:hover { background-color: #d9f0af; }
section.container-fluid.menu nav#menu > ul > li ul > li > a { display: block; color: #333 !important; font-size: 90%; padding: 10px 15px 10px 15px; }
/*
#topmenu { position: absolute; top: -190px; right: 0; z-index: 3; }
#topmenu > ul { float: right; padding: 0 !important; margin: 0 !important; }
#topmenu > ul > li { float: left; list-style-type: none; margin-left: 15px; }
#topmenu > ul > li > a { font-size: 90%; color: #333 !important; }
*/
section.container-fluid.menu.fixed { position: fixed; top: 0; width: 100%; z-index: 1000; }

/* Content */
section.container-fluid.content { padding: 0; background-color: #ffe9cf; line-height: 150%; min-height: 400px; }
section.container-fluid.content > .container > div.grid > div { min-height: 600px; }
section.container-fluid.content > .container > div.grid > div > div:nth-of-type(1) { background-color: #c7df8a; padding: 15px 0 15px 0 !Important; }
section.container-fluid.content > .container > div.grid > div > div:nth-of-type(2) { padding: 15px 0 15px 15px !Important; }
section.container-fluid.content nav > ul { padding: 0 !important; margin: 0 !important; border: 1px solid #c7df8a; border-width: 1px 0 1px 0; }
section.container-fluid.content nav > ul > li { list-style-type: none; background-color: #c7df8a; border: 1px solid #c7df8a; border-width: 0 0 0 1px; }
section.container-fluid.content nav > ul > li:hover, section.container-fluid.content nav > ul > li.activ { background-color: #fff; border: 1px solid #c7df8a; border-width: 0 0 0 1px; }
section.container-fluid.content nav > ul > li > a { display: block; color: #333 !important; padding: 5px 15px 5px 15px; }
section.container-fluid.content a { text-decoration: underline; color: #005e1c; }
section.container-fluid.content a:hover { text-decoration: underline !important; color: #000; }

/* Footer */
section.container-fluid.footer { background-color: #fff; background-image: linear-gradient(to bottom, #9ec15b 0px, #daf1b0 100%); background-repeat: repeat-x; /*border-top: 1px solid #005e1c;*/ }
section.container-fluid.footer .container { padding: 15px 0 15px 0; }
section.container-fluid.footer h3 { text-transform: uppercase; padding-bottom: 15px; font-size: 100% !important; }
section.container-fluid.footer .partner { float: left; height: 70px; margin-right: 15px; text-align: center; }
section.container-fluid.footer .partner img { height: 100%; }

/* FA */
.fa { width: 30px; }

/* div layer as table */
.grid { clear: both; margin: 0 -10px 0 -10px; }
.asTable { display: table; border-spacing: 10px 0; border-collapse: separate; table-layout: fixed; width: 100%; }
.asTable > div { display: table-cell; float: none !Important; vertical-align: top; }

/* Formatierungen */
.p-all { padding: 15px !Important; }
.p-no { padding: 0 !important; }
.p-left { padding-left: 15px !important; }
.p-left-no { padding-left: 0 !important; }
.p-right { padding-right: 15px !important; }
.p-right-no { padding-right: 0 !important; }
.p-bottom-no { padding-bottom: 0 !important; }
.p-bottom { padding-bottom: 15px !Important; }
.p-bottom-l { padding-bottom: 50px !Important; }
.p-top { padding-top: 15px !Important; }
.p-top-l { padding-top: 50px !Important; }

.m-no { margin: 0 !important; }
.m-left { margin-left: 15px !Important; }
.m-top { margin-top: 15px !Important; }
.m-top-l { margin-top: 50px !Important; }
.m-bottom { margin-bottom: 15px !Important; }

.form-horizontal .form-group { background-color: #f9dab5; padding: 15px 0 15px 0; margin: 0; width: 100%; border-bottom: 1px solid #ffe9cf; }
.form-horizontal .form-group:hover { background-color: #f7cd9b; }
.form-horizontal hr { display: none; }
.form-horizontal h2 { margin: 20px 0 10px 0 !important; }
.form-horizontal .control-label { text-align: left; }
.form-group.form-group-blank { display: none; }

/* Listen */
.liste { float: left; width: 100%; margin-bottom: 15px; }
.liste h5 { margin-bottom: 15px; }
.liste.liste-with-bg hr { border-color: #de8716; }
.liste.liste-with-bg { padding: 15px; background-color: #f9dab5; }
.liste.liste-with-bg:hover { background-color: #f7cd9b; }
.liste.liste-with-bg:hover h5 { color: #005e1c; }
.liste.liste-cell { margin-left: -5px; }
.liste.liste-cell > a { position: relative; display: block; float: left; width: calc(33.3333333% - 5px); height: 150px; background-color: #c7df8a; border-top: 1px solid #c7df8a; margin: 0 0 5px 5px; }
.liste.liste-cell > a:hover {  border-top: 1px solid #0073cb; }
.liste.liste-cell > a > span { position: absolute; bottom: 10px; left: 10px; }
.liste.liste-cell > a:hover > span { color: #0073cb; }

a.gallery { text-decoration: none !important; }
.gallery .pic { float: left; margin: 0 10px 10px 0; }
.gallery .liste { padding: 15px; background-color: #f9dab5; width: 50%; }
.gallery .liste:nth-child(even) { clear: left; }
.gallery .liste:nth-child(odd) { margin-left: 1%; width: 49%; }
.gallery .liste:hover { background-color: #f7cd9b; }
.gallery .pic img { height: 75px; }
.gallery .liste img { width: 100px; border: 1px solid #fff; }

/* Pagination */
ul.pagination { float: right; }
ul.pagination > li { background-color: transparent !important; border: none !important; }
ul.pagination > li.active a { background-color: #97A6A6 !important; border-color: #97A6A6 !important; }
ul.pagination > li:not(.active) > a { color: #000 !important; }

a.mmenu {
	display: none;
	margin: 5px;
	color: #005e1c;
	padding: 10px 0 10px 0;
}
a.mmenu i {
	font-size: 200%;
}
a.mmenu span {
	font-size: 100%;
}
/* Breite unter 1000px */
@media screen and (max-width: 1000px) {
	section.container-fluid.menu nav#menu > ul > li > a { font-size: 100%; }
	section.container-fluid.menu nav#menu > ul > li { margin-right: 10px; }
	section.container-fluid.image > .abgesagt { font-size: 300%; left: 10%; }
}

/* Breite unter 768px */
@media screen and (max-width: 768px) {
	#menu, #topmenu { display: none !important; }
	a.mmenu { display: block; }
	section.container-fluid.menu nav { display: none; }
	section.container-fluid.head { padding: 0; }
	section.container-fluid.topmenu { padding: 0; border-bottom: 0; display: none; }
	section.container-fluid.topmenu nav { display: none; float: left; padding: 0px; margin-top: -35px; z-index: 1000000; position: relative; }
	section.container-fluid.topmenu nav ul li { margin: 0 10px 0 0; }
	section.container-fluid.topmenu nav ul li a { color: #fff; }
	section.container-fluid.content > .container > div.grid > div > div:nth-of-type(1) { display: none; }
	section.container-fluid.content > .container > div.grid > div > div:nth-of-type(2).p-no { width: 100%; padding: 15px 0px !important; }

	section.container-fluid.content > .container div.grid, section.container-fluid.content > .container div.row { margin: 0; }
	section.container-fluid.content > .container div.asTable { display: block; }
	section.container-fluid.content > .container div.asTable > div { float: left !important; width: 100%; padding: 15px 0px !important; }
	section.container-fluid.content > .container div.row > div { float: left !important; width: 100%; padding: 15px 0px !important; }
	section.container-fluid.content > .container > div > div.grid > div.asTable > div { display: none; float: left !important; width: 100%; padding: 15px 0px !important; }
	
	section.container-fluid.footer > div > div.col-xs-4 { font-size: 90%; width: 100%; padding: 0 0 15px 0 !important; padding: 15px 0 0 0 !important; font-size: 90%; border-top: 1px solid #005e1c; margin-top: 15px; }
	section.container-fluid.footer > div > div.col-xs-4 > h3 { padding: 0 0 10px 0 !important; }
	section.container-fluid.footer > div > div.col-xs-4:nth-of-type(1) { padding: 0 !important; border-top: 0px solid #005e1c; margin-top: 0; }
	
	form.suche { display: none; }
	img.logo { position: absolute; margin: 0px; height: 50px; top: 10px; left: 65px; z-index: 1000000; }<?