/* undo */
* { padding: 0; margin: 0; }
html, body, p, ul, ol, li, form, blockquote, fieldset, input, dl, dt, dd { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code { font-weight: normal; margin: 0; padding: 0; }
a, img, a img, :link img, :visited img, fieldset { border: none; outline: none; }
link, :visited { text-decoration: none; }
img { margin: 0; padding: 0; vertical-align: bottom; }
ul, ol { list-style-type: none; margin: 0 0 1.0em 0; }
ul li { list-style-type: none; margin: 0; padding: 0; }
ol li { list-style-type: decimal; margin: 0; padding: 0; }

hr { clear: both; }

table { margin: 0; padding: 0; border: none; border-spacing: 0; }
tr { margin: 0; padding: 0; border: none; }
th, td { margin: 0; padding: 0; vertical-align: top; border: none; border-spacing: 0; }

/* --- Schriftgroesse fuers iPhone quer nicht vergroessern (Betrifft Absaetze, Listen, usw. aber keine Ueberschriften --- */ 
html, body { -webkit-text-size-adjust: none; }

/* --- Vertikalen Scrollbalken immer einblenden --- */ 
html, body { height: 100%; }
html { overflow: scroll; overflow-x: auto; }

/* --- Fuer responsive Webseiten --- */ 
img, object { max-width: 100%; height: auto; }

/* --- Clearfix, um das Floating innerhalb der Container aufzuheben fuer Firefox, IE8, Opera, Safari, etc. --- */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
* + html .clearfix { display: inline-block; } /* fuer IE7 */
* html .clearfix { height: 1%; } /* fuer IE6 */

/* --- Css-Formatierungen fuer Redaxo interne Module --- */ 
.flLeft { float: left; }
.flRight { float: right; }
.flClear { clear: both; }

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }

.small { font-size: small; }
.bold { font-weight: bold; }
.hide { display: none; }

/* ------ */

html, body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 20px;
color: #333;
/* Woerter in die naechste Zeile umbrechen, wenn sie ansonsten das umschliessende Element verlassen wuerden. */
word-wrap:break-word;
height: 100%;
}
html { overflow: scroll; overflow-x: auto; background-color: #68696b; }

/* ----------------------------------------------------------------------------------
   Schriften + Generelle CSS-Anpassungen fuer diese Webseite
---------------------------------------------------------------------------------- */ 
a { text-decoration: none; color: #989e1f; color: #6b6a24; font-weight: bold; }
a:hover { text-decoration: underline; color: #333; }
a:active, a:focus { outline: 0; }
a:hover img { opacity: 0.8; }

ul li { list-style-type: disc; margin: 0 0 10px 16px; padding: 0; }
#content ul li,
#article_content ul li { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0 20px; background-image: url(listpoint.png); background-position: top left; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 { font-family: 'Verdana', arial, serif; font-weight: bold; font-style: normal; font-size: 14px; line-height: 20px; margin: 0 0 15px 0; color: #666; }
h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 20px; line-height: 25px; } 
h3 { font-size: 15px; line-height: 20px; } 
h4 { font-size: 13px; line-height: 18px; } 
h5 { font-size: 11px; line-height: 16px; } 
h6 { font-size: 9px; line-height: 14px; } 

p { margin: 0 0 15px 0; padding: 0; text-align: justify; }

hr { clear: both; display: block; width: 93.88%; height: 15px; margin: 0 auto 20px auto; padding: 0; background-color: #989e1f; border: none; }




#page_bg, #page, #logo, #content, #page_bottom 
{ display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }


#page_bg { width: 630px; margin: 30px auto 5px auto; }
#page { width: auto; padding: 15px 15px 5px 15px; background-color: #FFF; }

#logo { padding: 0 0 15px 0; text-align: right; }

#logo img { width: 360px; }

#page_bottom { margin: 0 0 15px 0; padding: 10px 0 1px 0; background-color: #989e1f; color: #FFF; z-index: 100; }
#page_bottom a { color: #FFF; text-decoration: none; }
#page_bottom a:hover { color: #000; text-decoration: none; }

#page_bottom_kontakt,
#page_bottom_linie { display: block; width: 100%; height: 1px; background-color: #FFF; margin: 0 0 10px 0; padding: 0; }

#page_bottom_kontakt_headline,
#page_bottom_kontakt_text { display: block; width: auto; margin: 0 15px; }
#page_bottom_kontakt_headline { font-size: 2.0em; line-height: 1.1em; margin-bottom: 20px; }

#page_bottom_links { display: block; width: auto; height: auto; margin: 0; padding: 10px 15px 5px 15px; color: #DDD; font-size: 12px; line-height: 20px; text-align: right; }
#page_bottom_links a { color: #DDD; text-decoration: none; font-weight: normal; }
#page_bottom_links a:hover { color: #FFF; text-decoration: underline; }


/***************************** Module  *****************************/
.newsletter_float_clear { clear: both; }

/* 000 */
.newsletter_header { display: block; width: auto; margin: 0 0 15px 0; padding: 5px 5px 10px 5px; background-color: #989e1f; color: #FFF; }
.newsletter_header .newsletter_ausgabe { display: block; padding: 5px 0; text-align: right; font-size: 16px; line-height: 20px; }
.newsletter_header h1 { display: block; padding: 0 10px; color: #FFF; }

/* 001 */
/*
.newsletter_headline { clear: both; display: block; position: relative; top: 0; left: 0; width: auto; margin: 0 15px; padding: 0; }
.newsletter_headline_text { display: block; position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 2; }
.newsletter_headline_logo { display: block; width: 100%; margin: 0; padding: 0; text-align: right; }
*/

.newsletter_headline_only { clear: both; display: block; margin: 0 15px; padding: 0; }

.newsletter_headline { clear: both; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin: 0 15px; padding: 0; }

.newsletter_headline_text { display: block; width: auto; margin: 0; padding: 0; }
.newsletter_headline_logo { display: block; width: auto; margin: 0; padding: 0 0 0 10px; text-align: right; }

.newsletter_headline_logo.logo_width_100px { max-width: 100px; }
.newsletter_headline_logo.logo_width_150px { max-width: 150px; }
.newsletter_headline_logo.logo_width_200px { max-width: 200px; }

.newsletter_headline_line { clear: both; display: block; width: 100%; height: 5px; margin: 0; padding: 0; background-color: #989e1f; }

/*
@media all and (max-width: 360px) {  
	.newsletter_headline { display: block; }
	.newsletter_headline_logo { text-align: left; padding: 0 0 10px 0; }
}
*/

/* 002 */
.newsletter_box { clear: both; display: block; width: 100%; height: auto; margin: 0; padding: 0; }

.newsletter_box.bg_grau { background-color: #e9e9eb; margin: 0 0 15px 0; }
.newsletter_box.bg_gruen { background-color: #e5e8b8; margin: 0 0 15px 0; }

.newsletter_box.bg_grau hr,
.newsletter_box.bg_gruen hr { clear: both; display: block; width: 100%; height: 5px; margin: 0 0 15px 0; background-color: #FFF; }




.newsletter_box.box_ecken_rund { border-radius: 20px; overflow: hidden; }
.newsletter_box.box_ecken_rund_unten { border-radius: 0 0 20px 20px; overflow: hidden; }

/* 002 - nur Text */
.newsletter_box.bg_weiss .newsletter_box_text { display: block; width: auto; margin: 0 15px; padding: 0; }
.newsletter_box.bg_grau .newsletter_box_text,
.newsletter_box.bg_gruen .newsletter_box_text { display: block; width: auto; padding: 15px 15px 1px 15px; }

.newsletter_box_text a { display: inline-block; }
.newsletter_box_text a::before { content: "["; display: inline-block; padding: 0 5px 0 0; }
.newsletter_box_text a::after { content: "]"; display: inline-block; padding: 0 0 0 5px; }

/* 002 - Text + Bild */
.newsletter_box.bild_oben .newsletter_box_image { clear: both; margin: 0; }
.newsletter_box.bild_oben_mit_abstand .newsletter_box_image { clear: both; margin: 0 15px 15px 15px; }
 
.newsletter_box.bild_rechts .newsletter_box_image { float: right; margin: 15px; }
.newsletter_box.bild_rechts_no_margin .newsletter_box_image { float: right; margin: 0 0 0 15px; }
.newsletter_box.bild_links .newsletter_box_image { float: left; margin: 15px; }
.newsletter_box.bild_links_no_margin .newsletter_box_image { float: left; margin: 0 15px 0 0; }

.newsletter_box.bild_unten .newsletter_box_image { clear: both; margin: 15px 0; }
.newsletter_box.bild_unten_mit_abstand .newsletter_box_image { clear: both; margin: 15px; }

.newsletter_image_width_100 { max-width: 100px; }
.newsletter_image_width_150 { max-width: 150px; }
.newsletter_image_width_200 { max-width: 200px; }

.newsletter_box.bg_weiss .newsletter_box_image { margin-top: 0 !important; }

.bild_ecken_rund { border-radius: 20px; overflow: hidden; }
.bild_ecken_rund_links { border-radius: 10px 0 0 10px; overflow: hidden; }
.bild_ecken_rund_rechts { border-radius: 0 10px 10px 0; overflow: hidden; }
.bild_ecken_tropfen_links_oben { border-radius: 0 10px 10px 10px; overflow: hidden; }
.bild_ecken_tropfen_rechts_oben { border-radius: 10px 0 10px 10px; overflow: hidden; }
.bild_ecken_tropfen_links_unten { border-radius: 10px 10px 10px 0; overflow: hidden; }
.bild_ecken_tropfen_rechts_unten { border-radius: 10px 10px 0 10px; overflow: hidden; }

.bild_rahmen_grau { border: 3px solid #e9e9eb; }
.bild_rahmen_gruen { border: 3px solid #989e1f; }

 
/* 003 */
.newsletter_trennlinie_schmal,
.newsletter_trennlinie_breit { clear: both; display: block; width: 100%; height: 5px; margin: 0 0 15px 0; padding: 0; background-color: #989e1f; }
.newsletter_trennlinie_breit { height: 15px; }
 
/* 004 */
.newsletter_absaetze_15,
.newsletter_absaetze_30,
.newsletter_absaetze_45 { clear: both; display: block; width: 100%; height: 15px; margin: 0; padding: 0; }
.newsletter_absaetze_30 { height: 30px; }
.newsletter_absaetze_45 { height: 45px; }

/* 005 */
.newsletter_linkbalken { clear: both; display: block; position: relative; top: 0; left: 0; width: 100%; margin: 0 0 5px 0; }
.newsletter_linkbalken a,
.newsletter_linkbalken span { display: block; width: auto; min-height: 20px; margin: 0; padding: 5px 15px; background-color: #989e1f; color: #FFF; text-decoration: none; font-weight: bold; }
.newsletter_linkbalken a:hover { background-color: #666; color: #FFF; text-decoration: none; }
.newsletter_linkbalken_rechts { display: block; position: absolute; top: auto; bottom: 5px; left: auto; right: 15px; width: auto; height: auto; margin: 0; padding: 0; z-index: 2; color: #FFF; font-weight: normal; }

/* 006 */
.newsletter_bildleiste { clear: both; display: block; width: 100%; margin: 0 0 15px 0; }
.newsletter_bildleiste a { display: block; width: auto; margin: 0; padding: 0; color: #FFF; text-decoration: none; }
.newsletter_bildleiste a:hover img { opacity: 0.8; }
.newsletter_bildleiste .newsletter_bildleiste_text { display: block; padding: 5px 15px; background-color: #989e1f; color: #FFF; text-decoration: none; text-align: right; }
.newsletter_bildleiste a:hover .newsletter_bildleiste_text { background-color: #666; color: #FFF; text-decoration: none; }


/* 006 */
.newsletter_box_shape_text { padding: 15px 15px 1px 15px; }

.bild_shape_circle_left,
.bild_shape_circle_right { display: block; float: left; width: 160px; height: 160px; margin: 0; shape-outside: circle(50%); }
.bild_shape_circle_right { float: right; }
.bild_shape_circle_left img,
.bild_shape_circle_right img { display: block; margin: 10px; width: 140px; border-radius: 70px; overflow: hidden; }

.bild_shape_png_left,
.bild_shape_png_right { float: left; width: 200px; shape-image-threshold: 0.0; }
.bild_shape_png_right { float: right; }


/* 999 */
.newsletter_footer { display: block; margin: 0 0 15px 0; padding: 15px 15px 1px 15px; color: #e5e8b8; background-color: #989e1f; background-image: url(newsletter_footer.png); background-repeat: no-repeat; background-position: right bottom; }
.newsletter_footer_shape { display: block; float: right; width: 150px; height: 150px; margin: 30px -15px 0 0; shape-outside: circle(50% at 50% 75%); }
.newsletter_footer h1,
.newsletter_footer h2,
.newsletter_footer h3 { color: #FFF; }
a.newsletter_footer_link  { display: block; width: auto; margin: 0 0 15px 0; padding: 0; color: #FFF; text-decoration: none; font-weight: bold; }
a.newsletter_footer_link:hover { color: #333; text-decoration: none; }
/*
.newsletter_footer_links { display: block; margin: 0; padding: 15px; background-color: #e9e9eb; }
*/


@media all and (min-width: 631px) {  
#page_bg { overflow: hidden; }
}

@media all and (max-width: 630px) {  
#page_bg { width: 100%; min-width: 300px; margin: 0 0 10px 0; overflow: hidden; }

}

@media all and (max-width: 360px) {  
#page { padding: 15px 15px 5px 15px; }
	
.newsletter_headline_only { margin: 0; }

.newsletter_headline { margin: 0; }

.newsletter_box.bild_rechts .newsletter_box_image { float: none; margin: 15px 0; }
.newsletter_box.bild_rechts_no_margin .newsletter_box_image { float: none; margin: 0; }
	
.newsletter_box.bild_links .newsletter_box_image { float: none; margin: 15px 0; }
.newsletter_box.bild_links_no_margin .newsletter_box_image { float: none; margin: 0; }
	
.newsletter_image_width_100,
.newsletter_image_width_150,
.newsletter_image_width_200 { max-width: none; }	
	
.newsletter_box.bg_weiss .newsletter_box_text { margin: 0; }
	
}



/* --- Modul 38: "weiterlesen" (Slidedown), Logik in js/main20261021.js ----- */
.bwd_slidedown_box { clear: both; display: block; margin: 0 0 10px 0; padding: 0; }
.bwd_slidedown_head { display: block; width: auto; margin: 0; padding: 5px 5px 5px 40px; background-color: transparent; background-image: url(slidedown_arrow_down.png); background-position: center left; background-repeat: no-repeat; }
.bwd_slidedown_head:hover { background-color: #bbb93e; color: #FFF; cursor: pointer; }
.bwd_slidedown_head:focus-visible { outline: 2px solid #0b57d0; outline-offset: 2px; }
.bwd_slidedown_head.active { display: block; background-image: url(slidedown_arrow_up.png); }
.bwd_slidedown_text { display: block; padding: 10px 0 1px 0; }
.bwd_slidedown_text[hidden] { display: none; }
.bwd_slidedown_head * { margin: 0; }


/* --- Modul 46: Video (MP4) ------------------------------------------------ */
.video_mp4 { display: block; width: 100%; max-width: 100%; height: auto; background-color: #000; }