/*------------------------------ 
	RESETS
------------------------------*/
* { margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; position: relative; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a:active, a:hover { outline: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

table { border-collapse: collapse; border-spacing: 0; }

ul li { list-style-type: none; }

fieldset { border: 0px none; }
legend { border: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button,html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; }
textarea { overflow: auto; vertical-align: top; }

[hidden] { display: none; }

b, strong { font-weight: bold; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/*------------------------------ 
	BASICS
------------------------------*/
body { background: #fff url("../Images/bg.gif"); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }

a, a:link, a:active, a:visited { text-decoration: none; outline: none; }
a:hover { color: #0082c8; }
a.back { padding: 0px 0px 7px 15px; background: transparent url("../Images/arrow-back.gif") 0 1px no-repeat; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: underline; color: #006e36; }
a.back:hover { text-decoration: none; }

p { padding: 0px 0px 12px 0px; line-height: 1.3em; }

h1 { padding: 0px 0px 12px 0px; font-size: 18px; text-transform: uppercase; }
h2 { padding: 0px 0px 10px 12px; background: transparent url("../Images/bullet.gif") 0 5px no-repeat; font-size: 13px; font-weight: bold; text-transform: uppercase; }
h3 { padding: 0px 0px 10px 0px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
h4 { padding: 0px 0px 12px 0px; font-size: 17px; text-transform: uppercase; }
h5 { font-size: 30px; text-transform: uppercase; }
h6 { padding: 0px 0px 6px 0px; font-size: 10px; font-weight: normal; text-transform: uppercase; }

ul { }

hr { }

/*------------------------------ 
	TYPO3 imported textpic styles
------------------------------*/

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden;}

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: {$styles.content.imgtext.colSpace}px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: {$styles.content.imgtext.textMargin}px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	

	
/*------------------------------ 
	PAGE
------------------------------*/
#page { margin: auto; padding: 0px 0px 20px 0px; width: 960px; }
#main-left { float: left; margin: 0px 10px 0px 0px; width: 190px; }
#main-right { float: left; width: 760px; }


/*------------------------------ 
	HEADER
------------------------------*/
header { padding: 60px 0px 10px 0px; background: transparent url("../Images/bg-header.gif") 0 0 no-repeat; }
#logo { height: 30px; }


/*------------------------------ 
	MAIN NAVIGATION
------------------------------*/
nav#main { margin: 0px 0px 10px 0px; padding: 12px 0px 0px 0px; min-height: 83px; background: #a4c020; font-size: 11px; font-weight: bold; text-transform: uppercase; }
nav#main ul { }
nav#main li { padding: 0px 0px 8px 0px; }
nav#main li a { display: block; padding: 3px 0px 2px 12px; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
nav#main li a:hover, nav#main li a.sel { background: #e95e24; }

/* LEVEL 2 */
nav#main ul ul { margin: 5px 0px 0px 10px; }
nav#main ul ul li a { background: transparent url("../Images/bg-subnav-lv-2.gif") 3px -8px no-repeat; }
nav#main ul ul li a:hover, nav#main ul ul li a.sel { background: #e95e24 url("../Images/bg-subnav-lv-2.gif") 3px 7px no-repeat; }


/*------------------------------ 
	SUB NAVIGATION
------------------------------*/
nav#sub { margin: 0px 0px 10px 0px; padding: 12px 0px 0px 0px; min-height: 183px; background: #006e36; font-size: 11px; font-weight: bold; text-transform: uppercase; }
nav#sub ul { }
nav#sub li { padding: 0px 0px 7px 0px; }
nav#sub li a { display: block; padding: 3px 0px 2px 12px; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
nav#sub li a:hover, nav#sub li a.sel { background: #e95e24; }

/* LEVEL 2 */
nav#sub ul ul { margin: 5px 0px 0px 10px; }
nav#sub ul ul li a { background: transparent url("../Images/bg-subnav-lv-2.gif") 3px -8px no-repeat; }
nav#sub ul ul li a:hover, nav#sub ul ul li a.sel { background: #e95e24 url("../Images/bg-subnav-lv-2.gif") 3px 7px no-repeat; }


/*------------------------------ 
	META NAVIGATION
------------------------------*/
nav#meta { margin: 0px 0px 10px 0px; padding: 12px 0px 5px 0px; background: #006e36; font-size: 11px; font-weight: bold; text-transform: uppercase; }
nav#meta ul { }
nav#meta li { padding: 0px 0px 8px 0px; }
nav#meta li a { display: block; padding: 3px 0px 2px 12px; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
nav#meta li a:hover, nav#meta li a.sel { background: #e95e24; }


/*------------------------------ 
	CONTENT
------------------------------*/
section {  }
section#content { margin: 0px 0px 10px 0px; /*background-color: #a4c020;*/ }
section#content p { line-height: 1.6em; }
section#content a { color: #fff; }
section#content a.back { color: #006e36; }
section#content ul.list li { padding: 0px 0px 7px 12px; background: transparent url("../Images/bullet.gif") 0 4px no-repeat; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #006e36; }
section#content ul.list li a { text-decoration: underline; color: #006e36; }
section#content ul.list li a:hover { text-decoration: none; }
section#content form { margin: 10px 0px 0px 0px; /*padding: 10px;*/ width: 430px; background: #a4c020; }
section#content form label { /*color: #736767;*/ color: #fff; }
section#content .caps { padding: 0px 0px 20px 0px; font-weight: bold; text-transform: uppercase; }

section#content .content-full { padding: 20px; width: 720px; background: #a4c020; color: #fff; }
section#content .content-full .content-100{ padding-top: 35px; }
section#content .content-full .content-full-left { float: left; width: 160px; }
section#content .content-full .content-full-right { float: left; width: 560px; }
section#content .content-full .content-full-right a { color: #006e36; text-decoration: underline; }
section#content .content-full .content-full-right a:hover { text-decoration: none; }
section#content .content-full .content-full-right .col-1 { float: left; width: 265px; }
section#content .content-full .content-full-right .col-2 { float: left; width: 295px; }
section#content .content-left { float: left; margin: 0px 10px 0px 0px; padding: 20px; width: 520px; background: #fff; }
section#content .content-right { float: left; width: 190px; }

#page-1 section#content .content-left {min-height: 330px;}
#page-1 section#content .content-right {min-height: 370px;/* background-color: #A4C020;*/}


/*------------------------------ 
	SLIDESHOW
------------------------------*/
#slideshow { margin: 0px 0px 10px 0px; width: 760px; height: 400px; background: #006e36; }
ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; }
li.bjqs-slide { position: absolute; display: none; }
ul.bjqs-markers { position: absolute; z-index: 99; top: 375px; left: 690px; list-style: none; padding: 0; margin: 0; /*width: 100%;*/ }
ul.bjqs-markers li { display: inline; }
ul.bjqs-markers li a { width: 21px; height: 21px; display: inline-block; background: transparent url("../Images/navigator.png") 0 -22px no-repeat; }
ul.bjqs-markers li.active-marker a { background: transparent url("../Images/navigator.png") 0 0 no-repeat; }
p.bjqs-caption { display: block; width: 96%; margin: 0; padding: 2%; position: absolute; bottom: 0; }


/*------------------------------ 
	STÖRER
------------------------------*/
#stoerer { margin: 0px 0px 10px 0px; height: 230px; }


/*------------------------------ 
	FILIALEN
------------------------------*/
#filialen { margin: 0px 0px 10px 0px; padding: 12px 0px 10px 10px; background: #006e36; color: #fff; }
#filialen h2 { padding: 0px 0px 10px 0px; background: none; }

/*------------------------------ 
	AKTUELLES
------------------------------*/
.aktuelles { margin: 35px 15px 15px 15px; background: #ffffff; text-align: center;  color: #006e36; }
.aktuelles p.more { padding: 0; text-align: right; }
.aktuelles h3 { padding: 0px 0px 13px 0px; font-size: 13px; font-weight: bold; }
.aktuelles h4, .aktuelles h5 { color: #006e36; }
.aktuelles h5 span.time { font-size: 40px; line-height: 1em; }
section#content .aktuelles p.more a {  color: #006e36; }

/*------------------------------ 
	ANGEBOTE
------------------------------*/

#page-10 section#content { background-color: #fff;}
#page-10 section#content .content-full { background-color: #fff;  color: #006e36;}
#page-10 section#content .content-full .price span {color: #fff;}
#page-10 section#content .content-full .price a {color: #006e36;}

.angebote-top-left { float: left; width: 330px; }
.angebote-top-right { float: left; width: 230px; text-align: center; font-size: 10px; }
.angebote-top-right a { /*color: #fff !important;*/ text-decoration: none !important; }

.angebote-left { float: left; width: 350px; }
.angebote-right { float: right; width: 350px; }
.angebote-left .image, .angebote-right .image { float: left; padding: 10px 0px 0px 0px; width: 160px; text-align: center; background-color: #ffffff; }
.angebote-left .desc, .angebote-right .desc { float: right; width: 180px; font-size: 10px; }
.angebote-left .desc span, .angebote-right .desc span { display: inline-block; padding: 0px 0px 5px 0px;font-size: 13px; }
.angebote-left .desc .price, .angebote-right .price { padding: 0px 0px 20px 0px; text-align: right; line-height: 1.4em !important; }
.angebote-left .desc .price span, .angebote-right .price span { display: inline-block; padding: 3px 3px 1px 3px; font-size: 13px; background: #006e36; }

.angebote-clearer { clear: both; font-size: 0px; }


/*------------------------------ 
	FORM
------------------------------*/
form {}
label { display: block; padding: 0px 0px 5px 0px; }
input { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #006e36; }
input[type=text] { display: block; margin: 0px 0px 10px 0px; padding: 2px; width: 300px; border: 1px solid #006e36; }
input[type=password] { }
input[type=radio] { }
input[type=submit] { width: 200px; background: #006e36; border: 1px solid #000; color: #a4c020; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
select { margin: 0px 0px 10px 0px; padding: 2px; width: 306px; border: 1px solid #006e36; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #006e36; }
textarea { display: block; margin: 0px 0px 10px 0px; padding: 2px; width: 300px; border: 1px solid #006e36; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #006e36; }
.error { color: #e95e24; }
input.error{ border: 1px solid #e95e24; color: #006e36; }

td.padding-left { padding-left: 10px; }


/*------------------------------ 
	MISC
------------------------------*/
.clearer { clear: both; }
.nospace { padding: 0; }
.green { color: #006e36; }
.required { font-size: 9px; /*color: #e95e24;*/ color: #006e36; }
.info { font-size: 9px; }
.left { float: left; }
.right{ float: right; }

/*------------------------------ 
	FOOTER
------------------------------*/
footer { height: 10px; background: #006e36; }



/*------------------------------ 
	ZURUECK LINK AUF UNTERSEITEN
------------------------------*/
.back { position: absolute; bottom: 5px; }


/*------------------------------ 
	GRID
------------------------------*/
.grid-50-50 {  }
.grid-50-50-left { float:left; width:49%; }
.grid-50-50-right { float:right; width:49%; }

.grid-angebote {  }
/* Weitere definition siehe Abschnitt ANGEBOTE */

/*------------------------------ 
	NEWS
------------------------------*/
.news .article.last .footer { border-top: none; }


/*------------------------------ 
	FLEXBOX
------------------------------*/
.flexbox { display: flex; flex-direction: column; -webkit-flex-flow: col wrap; }
	/*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;*/
.flexbox .flexcontainer { flex: 1; background: #006e36; margin: 0px 0px 0px 0px; }
.flexbox .flexcontainer.visible { margin: 0px 0px 10px 0px; }


/*------------------------------ 
	FILIALEN BILDER
------------------------------*/
#page-19 section#content .grid-50-50-right img,
#page-20 section#content .grid-50-50-right img,
#page-21 section#content .grid-50-50-right img,
#page-22 section#content .grid-50-50-right img,
#page-23 section#content .grid-50-50-right img,
#page-24 section#content .grid-50-50-right img,
#page-25 section#content .grid-50-50-right img,
#page-26 section#content .grid-50-50-right img { padding-top: 30px; }

/*------------------------------ 
	SCHRIFTFARBEN
------------------------------*/
.red {color: #e95e24; }
.black { color: #000; }


/*------------------------------ 
	KUNDENKARTE FORMULAR
------------------------------*/

#kundenkarte-form .type-check { margin: 10px 0 10px; }
#kundenkarte-form .type-check input { vertical-align: middle; }
#kundenkarte-form .type-check label { display: inline; padding: 0; }
#kundenkarte-form .type-text .input.error,
#kundenkarte-form .select.error,
#kundenkarte-form .type-check .input.error { border: 1px solid #e95e24; color: #006e36;}


/*------------------------------ 
	KONTAKT FORMULAR
------------------------------*/

#contact-form .type-check { margin: 10px 0 10px; }
#contact-form .type-check input { vertical-align: middle; }
#contact-form .type-check label { display: inline; padding: 0; }
#contact-form .type-text .input.error,
#contact-form select.error,
#contact-form textarea.error,
#contact-form .type-check .input.error { border: 1px solid #e95e24; color: #006e36;}

/*------------------------------ 
	Eigene Linkstyles (Bio-Abkürzungen)
------------------------------*/
.img-margin-15 { display: block; margin: 15px 0; }


/*------------------------------ 
	Video
------------------------------*/
#video-start1, #video-start2 { color: #006e36; text-decoration: underline; cursor: pointer; }
#video-start1:hover, #video-start2:hover { text-decoration: none; }

/*------------------------------ 
	News Startseite
------------------------------*/
#page-1 .news #startseitenteaser-news { margin: 35px 15px 15px 15px; color: #006e36; }
#page-1 .news #startseitenteaser-news h2{ font-size: 12px; padding: 0px 0px 18px 0px; background: none;}
#page-1 .news #startseitenteaser-news h3{ font-size: 13px; padding: 0px 0px 13px 0px; text-align: center; font-weight: bold; }
#page-1 .news #startseitenteaser-news { margin-bottom:0px; }
#page-1 .news p.more { text-align: right; }
#page-1 .news p.more a { color: #006e36; }

#page-1 section#content .content-right { /*background-color: #ffffff;*/ background: #ffffff url("../Images/rahmen_box.jpg") 0 0 no-repeat; }

#page-1 .news .article .teaser-text { margin: 0px;}