/* #4d953c = dunkles Grün teaser, h4(textbox) */
/* link */
/* #f0efd3 = bodybackground */
/* #4eae1a = helleres Grün h1 */ 
/* #f1aa56 = orange zb h3 */
/* #bf7b04 = link active, bildtext, footerlink active */
/* #72bd60 = grüner Rand, angebote: bildbox und textbox rahmen  */
/* #333 = h4 5 6 */
/* #384452 = p   >6f5f34   = braun                 */
/* #18922c = backlinkgrün dunkel */
/* #c5da8f = footerwrap background */


* {
	margin: 0;
	padding: 0px;
}

body {
	background: #ffffff; width:100%; overflow-x:hidden;
	margin: 0;
	height: 100%;
	color: #000; background-color:#f0efd3;
	font-family: Georgia, Cambria, 'Times New Roman';
	font-weight: 400;
}

/* Masonry-Layout 
Es existiert eine JS-Datei, eingebunden im Header.
Eine Zeile html im Template news.
Und dieses CSS.
*/
.grid { margin-top:10px;}
.grid-item { width: 400px;  }

/* ############## Headerbereich ################## */
.navbar {
	min-height: 60px;
	padding-top: 8px;
	margin-bottom: 0px;
}
.navbar-fixed-top {
    background-color:#f0efd3 !important;
    }
.navbar .container { 
    background-color:#f0efd3 !important; 
    padding: 0 !important;
    margin: 0 !important;
    }        
.navbar-brand { position:fixed; top:0px; width:100%; z-index:11;
	height: auto; height: 90px; background-color:#f0efd3 !important;
	padding: 0;
	margin-top: 0px;
	}
h1 {
	font-family: Georgia, Cambria, 'Times New Roman'; 
	font-size:38px;
	font-weight:300;
	color: #4eae1a !important;
	line-height:20px; padding: 0; text-indent: 11px;
}
h2 { display:block;
	font-family: Georgia, Cambria, 'Times New Roman'; 
	font-size:19px;
	font-weight:300;
	color: #333 !important; text-indent: 11px;
	line-height:14px; padding: 0 0 16px 0; background-color:#f0efd3 !important;
}
.navbar-brand a {
	text-decoration:none;
	}
.navbar-right {
    float: right !important;
	}
.moehre { position:fixed; top:0; right:22px; z-index:111; }

/* ############## Contentbereich ################## */
.container {
    background-color:white; padding-bottom:11px;
	}  
.container-fluid {
    margin:0 0 0 35px; padding-bottom:11px;
	} 
.mtb {
	margin-top: 86px;
	margin-bottom: 50px;
	}
.sonderkasten {
	padding: 8px; }
		
/* ############## Seitenüberschrift ################## */
.seitenueberschriftenbox { position: relative; 
width: 100%; border:0px; margin-top:10px;
height: 400px; 
background-size: cover;
}
.seitenueberschrift { display:block;
position:absolute; 
left: 21px; 
bottom: 12px; 
}
.headlinebox { position: relative; 
width: 100%; border:0px; margin-top:10px;
height: 46px; 
background-size: cover;
}
.headline { display:block; border-bottom:1px solid black;
position:absolute; width:98%;
left: 21px; 
bottom: 12px; 
}
h3 {
	font-family: Georgia, Cambria, 'Times New Roman'; 
	font-size:45px;
	font-weight:300;
	font-style: italic;
	color: #fff !important;
	line-height:40px; padding: 0;
}
h3.seitenueberschriftorange {
	color: #f1aa56 !important;
}

/* ############## Artikelbereich ################## */

.artikelwrapper { display:block;
margin:25px 0 5px 0;
clear:both;
}
.artikelwrapper img {  border:1px solid white;
}
.artikelwrapper p a {
	color: #4d953c;
	padding: 0;
	margin: 0;
	text-decoration: none;
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
}
.artikelwrapper p a:visited {
	text-decoration: none;
	color: #4d953c;
}
.artikelwrapper p a:hover, a:focus, a:active  {
	text-decoration: none;
	color: #bf7b04 !important;
}
.textspalte {  margin:25px 0 0 0;  border:6px solid #72bd60;  }
.textspalterandlos {  margin:25px 0 0 0;  padding:2px 10px 6px 10px; border:0px;  }
.textspalte p { padding:0 11px 0 11px; hyphens: auto; }
}
.lenssenbild { width:100% !important;
padding:11px 0 0 0px; 
}
.lenssenbildmitrand { width:100% !important;
padding:11px 11px 11px 11px;
}

/* ############## Artikel etc ################## */

h4 { padding: 2px 8px 3px 8px; font-style: italic;
	font-size:24px; color:#333;
	line-height:28px; }
.textspalterandlos h4 { padding: 0px 8px 3px 0px;
	line-height:26px; }
h5, h6 { padding: 2px 8px 3px 8px; font-style: normal; font-weight:bold;
	font-size:18px; color:#333;
	line-height:22px; }
p {
	padding: 0;
	margin-bottom: 14px;
	font-family: Georgia, Cambria, 'Times New Roman';
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
	color: #6f5f34;
	margin-top: 10px;
}
.teaser p { font-weight: bold; color:#4d953c; hyphens: auto; }

ol, ul { padding-left: 20px; }
ol li, ul li { line-height: 24px; font-size: 15px; }

.bildtext { font-family: Verdana; 
font-size:13px; 
color: #bf7b04; 
background-color:#fff; padding: 1px 11px 5px 11px;
hyphens: auto;
}


.abschlussline { display:block; padding:0 11px 5px 0; margin:0px; width:100%; text-align:right; }
a.weiter { text-decoration:none; color: #4d953c; }
a:link.weiter { color: #4d953c; }
a:visited.weiter { color: #4d953c !important; }
ul li a:visited.weiter  { color: #4d953c !important; }
a:hover.weiter { color: #bf7b04 !important; }
a:active.weiter { color: #bf7b04 !important; }

/* ####### Interner Link ################### */


.linkbox { position:relative;
bottom:10px; 
right:0px; 
display:block; 
margin: 11px 0 0 0; display:block:
}
.linkbutton { font-family: Tahoma, Verdana, Arial;
  font-weight: 400;
  font-size: 16px;	
  background-color: #72bd60;
  border: none;
  color: white;
  padding: 5px 10px 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

a.bildklick {
text-decoration:none; display:block; }
a:link.bildklick {  }
a:visited.bildklick {  }
ul li a:visited.bildklick  {  }
a:hover.bildklick { position:relative; z-index:1000;
background-image:url('/media/klick.gif'); 
background-repeat: no-repeat;
background-position:center;
width:222px; height:222px;
}
a:active.bildklick {  }


/* ############## Angebote ################## */

/* .xxxxxmediabox {  margin:25px 0 0 0;  padding: 11px; border:6px solid #72bd60;  }  */

.mediabox { margin:25px 0 0 0;  padding: 11px; border:6px solid #72bd60; }
.monatsangebote h3 {
	margin-bottom:26px;
	}
.bildbox { 
border:6px solid #72bd60; margin:0 0 0 0; padding: 0 0 0 0;
	}
.boxbild { overflow:hidden; width:100%;
	}
.angebotbild { overflow:hidden; margin:11px;
	}
.textbox { border:6px solid #72bd60; margin:0; padding:0;
	}
.textbox h4 { font-family:'Lucida Grande','MS Trebuchet',Verdana,Sans-Serif;
font-size:19px; margin:0; padding: 11px 11px 0 10px;
font-weight:bold; font-style:normal; color:#4d953c;
	}
.textblock { font-size:10px; padding: 0 11px 0 11px; margin:0; 
	}

/* sorgt für die kleinen Boxen */
#flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: space-between;
}
.panel {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  width: 49%;
  padding: 20px;
  float: left;
  margin: 0 0 0 0;
  border: 0px solid #aaa; 
}

h6 { font-family:'Lucida Grande','MS Trebuchet',Verdana,Sans-Serif;
font-size:19px; padding: 3px 3px 3px 2px; position: normal;
font-weight:bold; font-style:normal; color:#fff;
display:inline !important; background-color:#72bd60;
	}

/* ###### Tabellen ##### */

li.archivitem { list-style-type: none; font-family: Georgia, Cambria, 'Times New Roman'; 
	font-size:16px;
	font-weight:100;
	font-style: normal;
	color:  ;
	line-height:30px; padding: 0;}

li.jahreszahl { font-family:'Lucida Grande','MS Trebuchet',Verdana,Sans-Serif; 
	font-size:20px;
	font-weight:100;
	font-style: normal;
	color:  ;
	line-height:30px; padding: 0;
	}

/* Archiv Liste */

.listeneintrag { display: block; margin:10px 10px 0 10px;
font-family:Georgia, Cambria, 'Times New Roman';
padding: 3px 3px 3px 2px; border:1px solid green;
}
.listeneintrag h4 {  
margin-left:20px;
font-size:22px; 
position: normal;
font-weight:bold; 
font-style:normal; 
color:#000;
 }
.datum { margin-left:25px; 
font-family:'Lucida Grande','MS Trebuchet',Verdana,Sans-Serif;
font-size:16px;}
a.boxlink { }



/* ###### Tabellen ##### */
table {
	border-top: 1px solid #ccc;
	margin-top: 50px;
	width: 100%;
}

table tr { border-bottom: 1px solid #ccc; }
table th {
	vertical-align: top;
	min-width: 200px;
	padding: 20px 0;
	border-top: 1px solid #5b6d68;
	border-bottom: 1px solid #5b6d68;
	text-transform: uppercase;
}

table td {
	vertical-align: top;
	padding: 20px 0;
}

/* ######## Footer ################### */

#footerwrap {
	padding-top: 10px;
	padding-bottom: 40px;
	background: #c5da8f;
}

#footerwrap .container {
	background: #c5da8f;
}

#footerwrap .row {
	margin-right: -30px;
    margin-left: -30px;
}
#footerwrap .col-md-4 {
	padding-left: 30px;
	padding-right: 30px;
}

#footerwrap ul {
	margin-top: 8px;
}

#footerwrap h4 {
	color: black;
}
#footerwrap p { 
	color: #000;
}
#footerwrap li {
	list-style-type: disc;
	color: #000;
}

#footerwrap .social-links a { margin-right: 20px; }
#footerwrap a { text-decoration:none; color: #000; }
#footerwrap a:link {  }
#footerwrap a:visited { color: #000 !important; }
#footerwrap ul li a:visited  { color: #000; }
#footerwrap a:hover { color: #bf7b04 !important; }
#footerwrap a:active { color: #bf7b04 !important; }
    

/* ################################### */
/* ###### media queries ############## */


/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* Kleine Geräte (Tablets, 768px und breiter) */
@media all and ( min-width:768px ) { 

h1 { padding-left:23px; }
h2 { padding-left:23px; }
h3 { font-size: 55px; line-height: 49px; }
h4 { font-size: 26px; line-height: 31px; }
h5 { font-size: 21px; line-height: 24px; }
h6 { font-size: 18px; line-height: 24px; }
p { font-size: 18px; line-height: 24px; }

}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media all and ( min-width: 992px ) { 

h1 { padding-left:33px; }
h2 { padding-left:33px; }

 }

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media all and ( min-width: 1200px ) { 

h1 { padding-left:63px; }
h2 { padding-left:63px; }

 }