@charset "UTF-8";

/* CSS DOCUMENT zu Pressebüro-SIS - Update August 2023 */
/*! Ausschnitte aus der normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*.........  NORMALIZE - Einstellungen reduziert ........ */


/* Woff2 - moderne Browser - Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

/* raleway-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/raleway-v28-latin-regular.woff2') format('woff2'); 
}

/* raleway-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/raleway-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {line-height: 1.2em; 
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; } 

*{-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;} 

*,*::before, *::after { box-sizing: inherit; }

img, object, embed, video { max-width: 100%; border: none;} 
.ie6 img {width:100%; border: none;} /* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */


/* ========= HTML5 - Elemente  ============ */

body {
	margin: 0; padding: 0;
  background-color: #005000;  
  font-family: 'Raleway', sans-serif; color: #005000;
	font-size: 100%; }

header { 
   margin: 0.5em 0em 2em 0.5em; 
   line-height: 2.5em; }

branding {  }

main { 
	margin: 0 auto;
	padding-left: 0.5em;
	height: auto;
	line-height: 2.25em;
	transition: all 0.7s ease;
}

main2 { border-left: none; transition: all 0.7s ease; 
display: flex; 
justify-content: space-around; }
.main2photo { border: 1px solid #145914; }


/* ========= DIVs  ============ */

#outerContainer { margin: 0 auto;
	padding: 2em 0.5em 0.5em 0.5em;
	max-width: 75em; /*1200px */
  background-color: #FFFFFF; }	

#innerContainer {  }


h1, h2, h3, h4 { font-weight: normal; color: #145914; margin-top: 2em; }
h1 { font-size: 1.75em; /*28px*/ line-height: 1.5;  }	
h2 { font-size: 1.5em;  /*24px*/ line-height: 1.3;  }
h3 { font-size: 1.4em; /*20px*/ line-height: 1.3;  } 
h4 { font-size: 1.4em; /*20px*/ line-height: 1.3; font-weight: 900;  }

p { hyphens: auto; line-height: 1.5em; } /*Silbentrennung*/

footer { text-align: right; padding: 0 0.5em 0.5em 0; font-size: 1.1em; }

hr {
  box-sizing: content-box; 
  height: 0; 
  overflow: visible; 
  margin-bottom: 1.75em;
  color: #005000 ; } 

pre {
  font-family: monospace, monospace; 
  font-size: 1.5em; }

a { background-color: transparent; color:#005000; text-decoration: underline; } 

li { list-style: none; }

b, strong { font-weight: bolder; } 

textarea { overflow: auto; } 

h1 { margin: 0.67 0; }

[hidden] { display: none; } 

div.fullWidth { width:100%; }

/* ========= G L O B A L E    CSS - Einstellungen  ============ */

/* ========= HAUPT - NAVIGATION ============ Handies und Tablets haben kein Hover u Focus! */

nav { } 

.nav-block-1 { margin: 0em 0.5em 0.75em 0.5em; padding-top:1em; }
.nav-block-2 { margin: 0.2em 0.5em 0.75em 0.5em;  }

.nav-block-1 ul, .nav-block-2 ul { border: none; }  

.nav-block-1 ul li, .nav-block-1 li a,
.nav-block-2 ul li, .nav-block-2 li a 
{ border: none;
  font-family: 'Raleway', sans-serif; font-weight: normal; text-decoration: none;
	line-height: 2.75em; /* 44px*/} 

.nav-block-1 li, .nav-block-2 li 
{ list-style-image: url( "../Deco/linie-2.gif"); list-style-position: outside;}

.nav-block-1 li a:link, .nav-block-2 li a:link,
.nav-block-1 li a:visited, .nav-block-2 li a:visited 
{ display: block; 
	text-decoration: none; font-weight: normal; padding-left: 0.5em; } 

.nav-block-1 li a:focus, .nav-block-1 li a:hover, .nav-block-1 li a:active, 
.nav-block-2 li a:focus, .nav-block-2 li a:hover, .nav-block-2 li a:active 
{ text-decoration: underline; font-weight: bold; padding-left: 0.5em; } 
 
/* ========= CLEARINGS ============ */

.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.clearfix { *zoom: 1; clear:both; } 


.clearfloat {clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px; }
	/* -- Dieses clear-Element sollte direkt auf das #mainContent-div folgen,
	um das #container-div anzuweisen, alle untergeordneten Floats aufzunehmen.---  */


/* ========= BILD ... TEXT ... FARBE ============ */

.img-border { border: 1px; border-style: solid; border-color:#145914; } /*grün*/
.img-border2 { border: 1px; border-style: solid; border-color:#D3DAD6; padding: 0.6em; } /*graugrün*/
.img-left { float: left; margin-right: 0.75em; margin-bottom: 0.5em; }
.img-right { float: right; margin-left: 0.75em; margin-bottom: 0.5em;}

.links { text-align: left;}
.rechts { text-align: right;}
.center { text-align: center;}

.min-025em { margin-top: -0.25em; }
.min-075em { margin-top: -0.75em; }
.min-1-5em { margin-top: -1.5em; }

.plus-05em { margin-top: 0.5em; }
.plus-075em { margin-top: 0.75em; }
.plus-1em { margin-top: 1em; }
.plus-1-5em { margin-top: 1.5em; }
.plus-2em { margin-top: 2em; }
.plus-3em { margin-top: 3em; }
.plus-4em { margin-top: 4em; }
.plus-6em { margin-top: 6em; }
.plus-12em { margin-top: 12em; }
.plus-25em { margin-top: 25em; }
.plus-50em { margin-top: 50em; }

.left-1-5em { margin-left: 1-5em; }
.left-30em { margin-left: 30em; }

.fett { font-weight: 900; }
.fett-grau  { color:#666666; font-weight: 800; }
.fett-gruen  { color:#005000; font-weight:800; }

.schriftgrün { color:#005000; }
.color { color:#005000; }

.sonder { margin-top: 0.75em; }
.transparent { visibility: hidden; }
.txtdeco-none { text-decoration: none; }


@media only screen and (min-width:20em)/*320*/ and (max-width:30em)/*480*/ {
#innerContainer { display: block;
 padding: 0em 0.5em 1.75em 0em;
 font-size: 1.3em; }	
	
 main {margin: 0em auto; 
 padding-left:0.5em ;
 padding-right: 0.5em ;
 font-size: 1.3em; }

 main2 { margin: 0.5em auto 0 auto; }}


@media only screen and (min-width:30.0625em)/*481*/ and (max-width:48em)/*768*/ {
#innerContainer { display: block;
 padding: 0em 1em 1.75em 0em;
 line-height: 2em;
 font-size: 1.3em; }	
	
 main {margin: 0em auto; 
 padding-left: 2.2em ;
 padding-right: 2.2em;
 font-size: 1.3em; }

 main2 { margin: 3em auto 0 auto; }}

@media only screen and (min-width:48.0625em)/*769*/ and (max-width:64em)/*1024*/ {
#innerContainer 
	{ float: left; max-width: 21em /*332*/;
	overflow: visible;	
	padding: 0em 0.5em 2em 0.75em; 
	line-height: 2.2em;
	font-size: 1.3em;}
	
main { margin: 0em auto;
	margin: 1em 0em 0em 22em;
	padding: 0em 0.5em 2em 0.75em;
	border-left: 1px solid #005000;
	line-height: 2.2em; 
	font-size: 1.3em;}
	
 main2 { margin: 3.5em auto 0 auto; }}

@media only screen and (min-width: 64.0625em)/*1025*/ {	
#innerContainer 
	{ float: left; max-width: 21em; /*332*/;
	overflow: visible;
	padding: 0em 1em 0em 1em;
	font-size: 1.3em; }
		
main { 
	margin: 5em 2em 2em 22em;
	padding: 0em 1em 2em 1.5em;
	border-left: 1px solid #005000;
	line-height: 2.5em; 
	font-size: 1.3em; }

 main2 { margin: 5em auto 0 auto; }}